:root{color:#e8edf7;font-synthesis:none;text-rendering:optimizelegibility;--panel:#0e1b31c7;--line:#91a6ca29;--muted:#8fa1bc;--cyan:#5ee5d5;--blue:#6d8cff;--danger:#ff718d;background:#07101f;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#07101f;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}body:before{content:"";pointer-events:none;background:radial-gradient(circle at 72% -10%,#4870ff33,#0000 34rem),radial-gradient(circle at -8% 28%,#24c8b81f,#0000 30rem),linear-gradient(#ffffff04 1px,#0000 1px) 0 0/42px 42px,linear-gradient(90deg,#ffffff04 1px,#0000 1px) 0 0/42px 42px;position:fixed;inset:0}.app-shell{min-height:100vh;position:relative}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#07101fb8;justify-content:space-between;align-items:center;height:76px;padding:0 max(24px,50vw - 560px);display:flex;position:sticky;top:0}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark,.icon-box{color:#06101c;background:linear-gradient(145deg,#6c8cff,#3bd4c4);place-items:center;display:grid;box-shadow:0 10px 30px #3ec9c229}.brand-mark{border-radius:13px;width:42px;height:42px}.brand strong,.brand small{display:block}.brand strong{letter-spacing:-.03em;font:800 18px/1.1 Inter,ui-sans-serif,sans-serif}.brand small{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-top:4px;font-size:11px}.topbar-badge{color:#b7c5d9;border:1px solid var(--line);background:#ffffff08;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;display:flex}.content{width:min(1120px,100% - 40px);margin:0 auto;padding:64px 0 90px}.hero{justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px;display:flex}.eyebrow{color:var(--cyan);letter-spacing:.13em;align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.hero h1{letter-spacing:-.055em;max-width:820px;margin:14px 0 18px;font:800 clamp(38px,5.4vw,68px)/1.04 Inter,ui-sans-serif,sans-serif}.hero h1 em{color:#9cadff;font-style:normal}.hero p{color:var(--muted);max-width:660px;margin:0;font-size:16px;line-height:1.7}.hero-metric{text-align:right;border-left:1px solid var(--line);flex:none;margin-bottom:6px;padding-left:30px}.hero-metric strong,.hero-metric span{display:block}.hero-metric strong{color:var(--cyan);font:700 30px Inter,ui-sans-serif,sans-serif}.hero-metric span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-top:4px;font-size:11px}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#132440d6,#0b172bd6);border-radius:22px;box-shadow:0 24px 80px #0003}.notice{border:1px solid;border-radius:13px;align-items:flex-start;gap:10px;margin-bottom:18px;padding:13px 16px;font-size:13px;display:flex}.notice.success{color:#92efda;background:#37d2af17;border-color:#37d2af47}.notice.error{color:#ff9bb0;background:#ff5b7c14;border-color:#ff5b7c45}.notice.info{color:#aebeff;background:#698bff17;border-color:#698bff47}.section-heading{align-items:center;gap:14px;margin-bottom:24px;display:flex}.icon-box{border-radius:12px;width:43px;height:43px}.section-heading h2,.files-header h2,.shared-copy h2{letter-spacing:-.02em;margin:0;font:700 20px Inter,ui-sans-serif,sans-serif}.section-heading p,.shared-copy p{color:var(--muted);margin:5px 0 0;font-size:13px}.login-card{max-width:760px;margin:0 auto;padding:28px}.token-row{grid-template-columns:1fr auto;align-items:end;gap:12px;display:grid}label>span{color:#b7c4d8;margin-bottom:8px;font-size:12px;font-weight:600;display:block}input[type=password],input[type=text],input[type=email],input[type=number],select{border:1px solid var(--line);color:#edf3ff;background:#040d1bb8;border-radius:11px;outline:none;width:100%;padding:12px 13px;transition:all .18s}input:focus,select:focus{border-color:#6d8cffb8;box-shadow:0 0 0 3px #6d8cff1a}select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#7f91ae 50%),linear-gradient(135deg,#7f91ae 50%,#0000 50%);background-position:calc(100% - 17px) 18px,calc(100% - 12px) 18px;background-repeat:no-repeat;background-size:5px 5px;padding-right:34px}.button{cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:0 17px;font-size:13px;font-weight:700;transition:transform .18s,opacity .18s,box-shadow .18s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.45;cursor:not-allowed}.button.primary{color:#07101f;background:linear-gradient(135deg,#6d8cff,#5ee5d5);box-shadow:0 10px 32px #57acdc29}.button.secondary{border:1px solid var(--line);color:#dce6f5;background:#ffffff0b}.admin-strip{color:#9fb0c8;justify-content:space-between;align-items:center;margin-bottom:14px;padding:0 4px;font-size:12px;display:flex}.admin-strip>span{align-items:center;gap:8px;display:flex}.admin-strip>div{gap:12px;display:flex}.status-dot{background:#5ee5b6;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #5ee5b614}.text-button{color:#9fb0c8;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:12px;display:inline-flex}.text-button:hover{color:#fff}.upload-card{padding:28px}.dashboard-stack{gap:22px;display:grid}.admin-nav{border:1px solid var(--line);background:#081325b8;border-radius:15px;gap:7px;margin-bottom:24px;padding:7px;display:flex;overflow-x:auto}.admin-nav button{color:#8fa1bc;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1 0 auto;justify-content:center;align-items:center;gap:8px;padding:11px 15px;font-size:12px;font-weight:700;display:flex}.admin-nav button:hover{color:#dce8f8;background:#ffffff09}.admin-nav button.active{color:#07101f;background:linear-gradient(135deg,#6d8cff,#5ee5d5)}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metric-card{align-items:flex-start;gap:13px;padding:19px;display:flex}.metric-icon{color:#91a7ff;background:#6d8cff1a;border:1px solid #6d8cff24;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.metric-card div>span,.metric-card strong,.metric-card small{display:block}.metric-card div>span{color:var(--muted);font-size:11px}.metric-card strong{letter-spacing:-.03em;margin:7px 0 5px;font:750 23px/1.1 Inter,ui-sans-serif,sans-serif}.metric-card small{color:#687b99;font-size:10px}.overview-grid{grid-template-columns:.9fr 1.1fr;gap:16px;display:grid}.compact-panel{padding:23px}.section-heading.compact{margin-bottom:19px}.quota-copy{margin:12px 0}.quota-copy strong{letter-spacing:-.04em;font:750 30px Inter,ui-sans-serif,sans-serif}.quota-copy span{color:var(--muted);font-size:13px}.progress-track.large{height:8px;margin:13px 0 10px}.muted-copy{color:var(--muted);font-size:11px}.activity-list{gap:0;display:grid}.activity-row{border-bottom:1px solid var(--line);align-items:flex-start;gap:11px;padding:9px 0;display:flex}.activity-row:last-child{border-bottom:0}.activity-dot{background:var(--cyan);border-radius:50%;flex:none;width:7px;height:7px;margin-top:4px;box-shadow:0 0 0 4px #5ee5d512}.activity-row strong,.activity-row small{display:block}.activity-row strong{font-size:12px;font-weight:600}.activity-row small{color:var(--muted);margin-top:4px;font-size:10px}.assignment-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:18px;display:grid}.drop-zone{cursor:pointer;background:#050f1f7a;border:1px dashed #7d97c057;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:9px;height:190px;transition:all .18s;display:flex;position:relative}.drop-zone:hover{border-color:var(--blue);background:#14264494}.drop-zone input{opacity:0;cursor:pointer;position:absolute;inset:0}.drop-zone svg{color:#8da4ff}.drop-zone strong{text-overflow:ellipsis;white-space:nowrap;max-width:80%;font-size:14px;overflow:hidden}.drop-zone span{color:var(--muted);font-size:12px}.upload-controls{grid-template-columns:1.35fr 1fr auto;align-items:end;gap:16px;margin-top:18px;display:grid}.input-with-icon{position:relative}.input-with-icon svg{color:#7385a2;pointer-events:none;position:absolute;top:13px;left:12px}.input-with-icon input{padding-left:38px}.toggle-row{cursor:pointer;align-items:center;gap:10px;min-height:43px;margin-bottom:0;display:flex}.toggle-row input{accent-color:#66b7e8;width:17px;height:17px}.toggle-row>span{margin:0}.toggle-row strong,.toggle-row small{align-items:center;gap:6px;display:flex}.toggle-row strong{color:#dbe5f5;font-size:12px}.toggle-row small{color:var(--muted);margin-top:4px;font-size:10px}.upload-button{min-width:170px}.progress-panel{border:1px solid var(--line);background:#050e1d94;border-radius:12px;margin-top:18px;padding:14px 16px}.progress-copy{color:#b3c1d5;justify-content:space-between;gap:16px;margin-bottom:9px;font-size:12px;display:flex}.progress-copy strong{color:var(--cyan)}.progress-track{background:#ffffff12;border-radius:999px;height:5px;overflow:hidden}.progress-value{border-radius:inherit;background:linear-gradient(90deg,#6d8cff,#5ee5d5);height:100%;transition:width .2s}.files-section{margin-top:46px}.dashboard-stack .files-section{margin-top:10px}.files-header{justify-content:space-between;align-items:end;margin-bottom:14px;padding:0 3px;display:flex}.files-header h2{margin-top:8px}.file-list{overflow:hidden}.file-row{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(200px,1fr) auto 100px auto;align-items:center;gap:14px;padding:15px 18px;display:grid}.file-row:last-child{border-bottom:0}.file-row:hover{background:#ffffff05}.file-icon{color:#93a8ff;background:#6d8cff1a;border:1px solid #6d8cff24;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.file-icon.large{border-radius:14px;width:50px;height:50px}.file-main{min-width:0}.file-main strong,.file-main span{display:block}.file-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.file-main span,.file-row time{color:var(--muted);margin-top:5px;font-size:11px}.status-pill{border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:10px;font-weight:700;display:flex}.status-pill.ready{color:#7ee8c8;background:#50d8af14}.status-pill.uploading{color:#ffcb80;background:#ffaf4514}.row-actions{gap:6px;display:flex}.row-actions button{color:#9dafc9;border:1px solid var(--line);cursor:pointer;background:#ffffff09;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.row-actions button:hover:not(:disabled){color:#fff;border-color:#91a6ca59}.row-actions button.danger:hover{color:var(--danger);border-color:#ff718d47}.row-actions button:disabled{opacity:.3;cursor:not-allowed}.empty-state{color:#60728f;text-align:center;flex-direction:column;align-items:center;gap:8px;padding:58px 20px;display:flex}.empty-state strong{color:#a8b7cc;font-size:14px}.empty-state span{font-size:12px}.shared-card{border-color:#5ee5d538;align-items:center;gap:16px;margin-bottom:24px;padding:22px;display:flex}.shared-copy{flex:1;min-width:0}.shared-copy h2{text-overflow:ellipsis;white-space:nowrap;margin-top:7px;overflow:hidden}.create-user-grid{grid-template-columns:1.1fr 1.3fr .65fr .7fr auto;align-items:end;gap:12px;display:grid}.user-list{gap:12px;display:grid}.user-card{padding:18px}.user-identity{align-items:center;gap:11px;margin-bottom:16px;display:flex}.avatar{color:#07101f;background:linear-gradient(145deg,#6d8cff,#5ee5d5);border-radius:12px;place-items:center;width:39px;height:39px;font-weight:800;display:grid}.user-identity strong,.user-identity span{display:block}.user-identity strong{font-size:13px}.user-identity div span{color:var(--muted);margin-top:4px;font-size:10px}.user-fields{grid-template-columns:1.1fr 1.35fr .65fr .7fr .75fr auto;align-items:end;gap:10px;display:grid}.user-fields input,.user-fields select,.create-user-grid input,.create-user-grid select{border-radius:9px;padding:9px 10px;font-size:12px}.user-fields label>span,.create-user-grid label>span{margin-bottom:6px;font-size:10px}.user-fields .button{min-height:36px}.user-quota{margin-top:13px}.user-quota>div:first-child{color:var(--muted);justify-content:space-between;margin-bottom:7px;font-size:10px;display:flex}.youtube-hero{justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex}.youtube-hero .section-heading{margin:0}.icon-box.youtube{color:#fff;background:linear-gradient(145deg,#ff768e,#ff3d55)}.account-card{overflow:hidden}.account-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:17px 19px;display:flex}.account-header>div:first-child{align-items:center;gap:12px;display:flex}.account-header .status-dot.error{background:var(--danger)}.account-header strong,.account-header span{display:block}.account-header strong{font-size:13px}.account-header div div span{color:var(--muted);margin-top:4px;font-size:10px}.channel-list{display:grid}.channel-row{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr auto;align-items:center;gap:13px;padding:14px 19px;display:grid}.channel-row:last-child{border-bottom:0}.channel-row img,.channel-fallback{object-fit:cover;color:#ff667c;background:#ffffff0d;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.channel-copy{min-width:0}.channel-copy strong,.channel-copy span{display:block}.channel-copy strong{font-size:13px}.channel-copy span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:10px;overflow:hidden}.switch{margin:0;position:relative}.switch input{opacity:0;pointer-events:none;position:absolute}.switch>span{border:1px solid var(--line);cursor:pointer;background:#ffffff1a;border-radius:99px;width:40px;height:22px;transition:all .2s;display:block}.switch>span:after{content:"";background:#788ba7;border-radius:50%;width:16px;height:16px;margin:2px;transition:all .2s;display:block}.switch input:checked+span{background:#5ee5d53d;border-color:#5ee5d566}.switch input:checked+span:after{background:var(--cyan);transform:translate(18px)}.switch input:disabled+span{opacity:.45;cursor:wait}.empty-inline{text-align:center;color:var(--muted);padding:24px;font-size:12px}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}footer{border-top:1px solid var(--line);color:#63748e;justify-content:space-between;width:min(1120px,100% - 40px);margin:0 auto;padding:24px 0 32px;font-size:11px;display:flex}@media (width<=820px){.hero-metric,.topbar-badge{display:none}.content{padding-top:44px}.upload-controls{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.overview-grid{grid-template-columns:1fr}.create-user-grid,.user-fields{grid-template-columns:1fr 1fr}.create-user-grid .button,.user-fields .button,.upload-button{width:100%}.file-row{grid-template-columns:auto minmax(0,1fr) auto}.file-row time,.status-pill{display:none}}@media (width<=560px){.topbar{padding:0 18px}.content{width:min(100% - 28px,1120px)}.hero h1{font-size:38px}.token-row,.metric-grid,.assignment-grid,.create-user-grid,.user-fields{grid-template-columns:1fr}.admin-nav button{flex:1 0 54px;font-size:0}.admin-nav button svg{width:19px;height:19px}.youtube-hero{flex-direction:column;align-items:stretch}.youtube-hero .button{width:100%}.login-card,.upload-card{padding:20px}.shared-card{flex-wrap:wrap;align-items:flex-start}.shared-card .button{width:100%}.file-row{gap:10px;padding:14px}.row-actions button:nth-child(2){display:none}footer{flex-direction:column;gap:6px;width:calc(100% - 28px)}}