:root{--ink: #05070c;--panel: rgba(18, 24, 36, .72);--panel2: rgba(27, 34, 50, .85);--line: rgba(120, 170, 255, .16);--fog: #7c8aa3;--bone: #eaf1fb;--cyan: #2dd4ee;--violet: #b366f7;--gradient: linear-gradient(135deg, #2dd4ee 0%, #b366f7 100%)}*{scrollbar-width:thin;scrollbar-color:rgba(120,170,255,.35) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#78aaff59;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--cyan)}.app-shell{position:relative;isolation:isolate}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(ellipse 900px 600px at 8% -10%,rgba(45,212,238,.16),transparent 60%),radial-gradient(ellipse 900px 700px at 95% 105%,rgba(179,102,247,.14),transparent 60%),var(--ink)}.app-shell:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(rgba(120,170,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(120,170,255,.035) 1px,transparent 1px);background-size:44px 44px;pointer-events:none}.wordmark{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}button{transition:filter .15s ease,transform .1s ease,box-shadow .15s ease,opacity .15s ease}button:hover:not(:disabled){filter:brightness(1.14);transform:translateY(-1px);box-shadow:0 4px 20px #2dd4ee4d,0 4px 14px #00000059}button:active:not(:disabled){transform:translateY(0);filter:brightness(.94);box-shadow:none;transition-duration:.05s}button:disabled{cursor:not-allowed}a{transition:opacity .15s ease}a:hover{opacity:.85}input,select,textarea{transition:box-shadow .15s ease,border-color .15s ease}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px #2dd4ee47;border-color:var(--cyan)!important}input[type=radio],input[type=checkbox]{accent-color:var(--cyan)}.panel-card{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 1px 2px #0000004d,0 16px 40px #00000059,0 0 0 1px #78aaff0f inset}.clip-row,.photo-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.clip-row:hover,.photo-card:hover{transform:translateY(-2px);border-color:#2dd4ee59!important;box-shadow:0 10px 30px #00000073,0 0 0 1px #2dd4ee1f}.sidebar-item{transition:background .15s ease,transform .1s ease}.sidebar-item:hover:not(:disabled){transform:none;box-shadow:none;background:var(--panel2)}video{border-radius:8px;box-shadow:0 6px 30px #00000080,0 0 40px #2dd4ee14}.dropzone{transition:border-color .15s ease,background .15s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .28s ease both}@media (max-width: 768px){.app-shell{flex-direction:column!important}.app-sidebar{width:100%!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:12px!important;padding:14px 16px!important;border-right:none!important;border-bottom:1px solid var(--line)}.app-sidebar>div:first-child{flex:1 1 100%}.creators-list{flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto;flex:1 1 100%;min-width:0;padding-bottom:2px}.creators-list button{flex-shrink:0;max-width:170px}.sidebar-footer{flex:1 1 100%;margin-top:0!important;padding-top:10px!important}.sidebar-stats{display:none!important}.sidebar-account{margin-top:0!important;padding-top:0!important;border-top:none!important}.app-main{padding:16px!important;gap:16px!important}.dashboard-header{flex-wrap:wrap!important;gap:12px!important}.dashboard-header-actions{width:100%}.dashboard-header-actions button{flex:1;justify-content:center}.task-page-grid{grid-template-columns:1fr!important;gap:28px!important}}
