:root{--font-family:"Google Sans", system-ui, -apple-system, sans-serif;--color-bg-deep:#0d1117;--color-bg-card:#161b22;--color-bg-card-hover:#1c2128;--color-border-subtle:#ffffff1a;--color-border-hover:#fff3;--color-text-primary:#fff;--color-text-muted:#8b949e;--color-glow-1:#58cce9;--color-glow-2:#a671e6;--color-bg-gradient:linear-gradient(135deg, #a671e6, #58cce9);--border-radius-extreme:1.5rem;--spacing-base:1rem;--spacing-lg:2rem;--spacing-xl:3rem}[data-theme=light]{--color-bg-deep:#f6f8fa;--color-bg-card:#fff;--color-bg-card-hover:#f3f4f6;--color-border-subtle:#0000001a;--color-border-hover:#0003;--color-text-primary:#1f2328;--color-text-muted:#656d76;--color-glow-1:#0969da;--color-glow-2:#8250df;--color-bg-gradient:linear-gradient(135deg, #8250df, #0969da)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg-deep);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-overflow-style:none;scrollbar-width:none;min-height:100vh;transition:background-color .3s,color .3s;overflow-x:hidden}::-webkit-scrollbar{display:none}@keyframes gradient-shift-1{0%,to{stop-color:var(--color-glow-1)}50%{stop-color:var(--color-glow-2)}}@keyframes gradient-shift-2{0%,to{stop-color:var(--color-glow-2)}50%{stop-color:var(--color-glow-1)}}.animate-stop-1{animation:6s ease-in-out infinite gradient-shift-1}.animate-stop-2{animation:6s ease-in-out infinite gradient-shift-2}.bento-container{gap:var(--spacing-base);padding:var(--spacing-base);flex-direction:column;max-width:1200px;margin:0 auto;display:flex}.bento-grid{gap:var(--spacing-base);grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(150px,auto);display:grid}@media (width>=768px){.bento-container{padding:var(--spacing-lg)}.bento-grid{gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr)}}@keyframes blink-dots{0%{content:"."}33%{content:".."}66%{content:"..."}to{content:""}}.loading-text{color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.9rem;font-weight:600}.loading-text:after{content:"";text-align:left;width:1em;animation:1.5s step-end infinite blink-dots;display:inline-block}.bento-card{background-color:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--border-radius-extreme);padding:var(--spacing-lg);flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.bento-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.bento-card.interactive:hover{border-color:var(--color-border-hover);background-color:var(--color-bg-card-hover)}.card-glow{position:relative;overflow:visible}.card-glow:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--color-glow-1) 0%, var(--color-glow-2) 35%, transparent 60%);-webkit-mask-composite:xor;pointer-events:none;z-index:10;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card-gradient-solid{background:var(--color-bg-gradient);color:#fff;border:none}.card-gradient-solid .text-muted{color:#fffc}.card-grid-bg{background-image:linear-gradient(var(--color-border-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--color-border-subtle) 1px, transparent 1px);background-position:top;background-size:40px 40px}.text-bold{font-weight:700}.text-hero{letter-spacing:-.02em;font-size:2.5rem;line-height:1.1}.text-h2{letter-spacing:-.01em;font-size:1.8rem;font-weight:600}.text-h3{font-size:1.3rem;font-weight:500}.text-muted{color:var(--color-text-muted)}.mt-sm{margin-top:.5rem}.mt-md{margin-top:1rem}.mt-auto{margin-top:auto}select option{background-color:var(--color-bg-deep);color:var(--color-text-primary)}select option:checked{background-color:var(--color-glow-2)!important;color:#fff!important}.page-container{max-width:800px;margin:0 auto;padding:2rem 1rem 100px}.page-header-container{text-align:center;margin-bottom:3rem}.page-header-title{background:var(--color-bg-gradient);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;line-height:1.1;display:inline-block}.page-header-subtitle{letter-spacing:.2em;text-transform:uppercase;font-size:.9rem}.admin-dashboard-container{max-width:1200px;color:var(--color-text-primary);margin:0 auto;padding:2rem}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.admin-header-title{align-items:center;gap:1rem;display:flex}.admin-header-actions{flex-wrap:wrap;flex:1;justify-content:flex-end;align-items:center;gap:.8rem;display:flex}.admin-search-filter-group{flex-wrap:wrap;flex:1;justify-content:flex-end;gap:.5rem;min-width:280px;display:flex}.admin-search-bar{background:var(--color-bg-deep);border:1px solid var(--color-border-subtle);border-radius:.5rem;flex:1;align-items:center;min-width:200px;padding:.5rem .8rem;display:flex}.admin-search-input{color:#fff;background:0 0;border:none;outline:none;width:100%;margin-left:.5rem;font-family:inherit}.admin-search-input::placeholder{color:var(--color-text-muted)}.admin-filter-btn{background:var(--color-bg-deep);border:1px solid var(--color-border-subtle);color:#fff;cursor:pointer;white-space:nowrap;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:all .2s;display:flex}.admin-filter-btn:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover)}.admin-filter-btn.active{border-color:var(--color-glow-1);color:var(--color-glow-1);background:#58cce91a}.admin-view-selector{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:.5rem;flex-shrink:0;display:flex;overflow:hidden}.admin-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background-color:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.admin-modal-content{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:1.5rem;width:100%;max-width:600px;max-height:90vh;margin:auto;padding:2rem;overflow-y:auto}.filter-section{border-bottom:1px solid var(--color-border-subtle);margin-bottom:1.5rem;padding-bottom:1.5rem}.filter-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.filter-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.8rem;font-size:.9rem;font-weight:600;display:block}.filter-options-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.8rem;display:grid}.filter-checkbox-label{cursor:pointer;align-items:center;gap:.5rem;font-size:.95rem;display:flex}.filter-checkbox{accent-color:var(--color-glow-1);width:1.1rem;height:1.1rem}.filter-select{background:var(--color-bg-deep);border:1px solid var(--color-border-subtle);color:#fff;appearance:none;border-radius:.5rem;width:100%;padding:.8rem;font-size:1rem}.filter-select:focus{border-color:var(--color-glow-1);outline:none}.sort-group{align-items:center;gap:1rem;display:flex}.admin-table-container{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:1rem;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%;min-width:800px}.admin-primary-actions{gap:.8rem;display:flex}.admin-action-btn{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);color:#fff;cursor:pointer;white-space:nowrap;border-radius:.5rem;align-items:center;gap:.5rem;padding:.8rem 1.2rem;display:flex}.admin-action-btn.primary{background:var(--color-bg-gradient);border:none;font-weight:700}@media (width<=768px){.admin-dashboard-container{padding:1rem}.admin-header{flex-direction:column;align-items:stretch;gap:1rem}.admin-header-title{justify-content:flex-start}.admin-header-actions{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.8rem;width:100%}.admin-search-filter-group{flex-flow:row;width:100%}.admin-search-bar{flex:1;width:auto;min-width:0}.admin-filter-btn{justify-content:center;width:auto;padding:.8rem}.admin-view-selector{justify-content:flex-start;width:100%;overflow-x:auto}.admin-view-selector button{flex:1;justify-content:center;padding:.6rem;font-size:.85rem}.hide-on-mobile{display:none!important}.admin-primary-actions{width:100%}.admin-action-btn{flex:1;justify-content:center}.admin-modal-content{border-radius:1rem;padding:1.5rem}.sort-group{flex-direction:column;align-items:stretch}}.bottom-nav-container{z-index:1000;pointer-events:none;height:80px;position:fixed;bottom:0;left:0;right:0}.bottom-nav-background{-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--color-border-subtle);pointer-events:auto;background:#121212d9;height:65px;position:absolute;bottom:0;left:0;right:0}.bottom-nav-content{height:100%;padding-bottom:calc(.5rem + env(safe-area-inset-bottom));pointer-events:auto;justify-content:space-around;align-items:flex-end;width:100%;max-width:600px;margin:0 auto;display:flex;position:relative}.bottom-nav-item{color:var(--color-text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.2rem;padding-bottom:.5rem;font-size:.75rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.bottom-nav-item:hover{color:var(--color-text-primary)}.bottom-nav-item.active{color:var(--color-glow-1)}.bottom-nav-item.active svg{stroke:var(--color-glow-1);filter:drop-shadow(0 0 5px #58cce980)}.bottom-nav-item.center-action{z-index:10;padding-bottom:0;position:relative;transform:translateY(-10px)}.bottom-nav-item.center-action .bubble{background:var(--color-bg-gradient);color:#fff;border:4px solid var(--color-bg-deep);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 5px 20px #58cce966}.bottom-nav-item.center-action:active .bubble{transform:scale(.95)}.bottom-nav-item.center-action span.label{opacity:0;transition:opacity .2s;position:absolute;bottom:-20px}