:root{color:#1f2937;--app-border:#ffffff1a;--app-text:#f1f5f9;--app-muted:#94a3b8;--app-surface:#ffffff0f;--app-surface-strong:#0f172af5;--app-hover:#ffffff0f;--app-accent:#6366f1;--app-accent-text:#c7d2fe;--app-card-shadow:0 16px 40px #00000059;background:#070b14;font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,sans-serif;line-height:1.5}[data-theme=light]{color:#0f172a;--app-border:#e2e8f0;--app-text:#0f172a;--app-muted:#64748b;--app-surface:#fff;--app-surface-strong:#fff;--app-hover:#0f172a0a;--app-accent:#6366f1;--app-accent-text:#4338ca;--app-modal-bg:#fff;--app-backdrop:#0f172a59;--app-card-shadow:0 1px 2px #0f172a0a, 0 8px 24px #0f172a0f;background:#f8fafc}[data-theme=light] html,[data-theme=light] body{background:#f8fafc}*{box-sizing:border-box}html{scrollbar-gutter:stable}html,body{background:#070b14;margin:0;overflow-x:hidden}#root{min-height:100vh}a{color:#2563eb;text-decoration:none}.layout,.mini-app{max-width:960px;margin:0 auto;padding:24px}.header,.page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.nav{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.logo{color:inherit;font-size:1.25rem;font-weight:700}.form{gap:16px;display:grid}.form label,.mini-app label{gap:8px;font-weight:600;display:grid}.mini-app-status{color:var(--text-muted,#94a3b8)}.mini-app-error{color:#fecaca;background:#ef44441f;border:1px solid #ef444459;border-radius:10px;margin:0 0 16px;padding:12px 14px}input,textarea,select,button{font:inherit}input,textarea,select{border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:10px 12px}button,.button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 16px}button.danger{background:#dc2626}.actions{flex-wrap:wrap;gap:12px;display:flex}.template-list{gap:12px;padding:0;list-style:none;display:grid}.template-list li{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex}.template-list code{color:#64748b;margin-top:4px;display:block}.try-result,.template-preview,.usage-card{background:#fff;border-radius:12px;margin-top:24px;padding:20px}.usage-card{gap:12px;display:grid}.progress-bar{background:#e2e8f0;border-radius:999px;height:10px;margin-top:16px;overflow:hidden}.progress-bar div{background:#2563eb;height:100%}.error{color:#dc2626}.hint{color:#64748b}.usage-badge{color:#475569}pre{white-space:pre-wrap;background:#f1f5f9;border-radius:8px;padding:12px}.brand-logo{color:inherit;letter-spacing:-.02em;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-logo__mark{filter:drop-shadow(0 6px 14px #4f46e538);flex-shrink:0}.brand-logo__text{background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:700}.brand-logo--sm .brand-logo__text{font-size:1.125rem}.brand-logo--md .brand-logo__text{font-size:1.25rem}.app-page .brand-logo__text{background:linear-gradient(135deg,#f8fafc 0%,#cbd5e1 100%);color:#0000;-webkit-background-clip:text;background-clip:text}[data-theme=light] .app-page .brand-logo__text,[data-theme=light] .landing-page .brand-logo__text{background:linear-gradient(135deg,#0f172a 0%,#475569 100%);color:#0000;-webkit-background-clip:text;background-clip:text}[data-theme=light] .landing-page .brand-logo__mark{filter:drop-shadow(0 4px 10px #6366f12e)}@media (width<=400px){.brand-logo__text{display:none}.brand-logo{gap:0}}.app-nav-account{flex-shrink:0}.app-account-menu-trigger{border:1px solid var(--app-border,#ffffff1a);background:var(--app-surface,#ffffff0a);min-height:40px;color:var(--app-text,#f1f5f9);font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;outline:none;align-items:center;gap:8px;padding:4px 10px 4px 4px;font-size:.8125rem;font-weight:600;line-height:1;transition:border-color .15s,background .15s,box-shadow .15s;display:inline-flex}.app-account-menu-trigger:hover,.app-account-menu-trigger[data-state=open]{border-color:var(--app-hover-border,#ffffff2e);background:var(--app-hover,#ffffff0f)}.app-account-menu-trigger.active{border-color:#6366f159;box-shadow:0 0 0 3px #6366f11f}.app-account-menu-trigger-avatar{background:linear-gradient(135deg, var(--app-accent,#6366f1), #818cf8);color:#fff;letter-spacing:.02em;border-radius:50%;place-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:inline-grid}.app-account-menu-trigger-label{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.app-account-menu-trigger-chevron{opacity:.65;transition:transform .2s}.app-account-menu-trigger[data-state=open] .app-account-menu-trigger-chevron{transform:rotate(180deg)}.app-account-menu-content{border:1px solid var(--app-border,#ffffff1a);background:var(--app-surface-strong,#0f172afa);min-width:260px;box-shadow:var(--app-card-shadow,0 16px 40px #00000059);z-index:300;border-radius:14px;padding:8px;animation:.16s ease-out forwards navAccountMenuIn}[data-theme=light] .app-account-menu-content{background:#fff;border-color:#e2e8f0;box-shadow:0 8px 32px #0f172a1a}@keyframes navAccountMenuIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.app-account-menu-header{align-items:center;gap:10px;padding:8px 10px 10px;display:flex}.app-account-menu-avatar{background:linear-gradient(135deg, var(--app-accent,#6366f1), #818cf8);color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:.875rem;font-weight:700;display:inline-grid}.app-account-menu-user{gap:2px;min-width:0;display:grid}.app-account-menu-user strong{color:var(--app-text,#f1f5f9);font-size:.875rem;font-weight:700}.app-account-menu-user span{color:var(--app-muted,#94a3b8);font-size:.75rem}.app-account-menu-label{color:var(--app-muted,#94a3b8);letter-spacing:.06em;text-transform:uppercase;padding:4px 10px 6px;font-size:.6875rem;font-weight:700}.app-account-menu-item{width:100%;min-height:40px;color:var(--app-text,#f1f5f9);font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;outline:none;align-items:center;gap:10px;padding:0 10px;font-size:.875rem;font-weight:600;transition:background .12s;display:flex}.app-account-menu-item:hover,.app-account-menu-item:focus,.app-account-menu-item[data-highlighted]{background:var(--app-hover,#ffffff0f)}.app-account-menu-item.active{color:var(--app-accent-text,#c7d2fe);background:#6366f124}[data-theme=light] .app-account-menu-item.active{color:#4338ca;background:#eef2ff}.app-account-menu-item--danger{color:var(--app-danger-text,#fecaca)}[data-theme=light] .app-account-menu-item--danger{color:#b91c1c}.app-account-menu-item--danger:hover,.app-account-menu-item--danger:focus,.app-account-menu-item--danger[data-highlighted]{color:var(--app-danger-text,#fecaca);background:#f871711f}.app-account-menu-separator{background:var(--app-border,#ffffff1a);height:1px;margin:6px 4px}@media (width<=520px){.app-account-menu-trigger-label{display:none}.app-account-menu-trigger{border-radius:50%;padding:4px}}.language-switcher-trigger{border:1px solid var(--app-border,#ffffff1a);background:var(--app-surface,#ffffff0f);color:var(--app-text,#f1f5f9);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;outline:none;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:8px 14px;font-size:.875rem;font-weight:600;line-height:1;transition:all .15s;display:inline-flex}.language-switcher-trigger:hover{background:var(--app-hover,#ffffff1a);border-color:var(--app-hover-border,#ffffff26)}.language-switcher-trigger--app{min-height:44px;padding:0 18px}.language-switcher-trigger--compact{padding:8px 12px}.language-switcher-trigger-label{align-items:center;gap:6px;display:inline-flex}.language-switcher-trigger-prefix{white-space:nowrap}.language-switcher-option{align-items:center;gap:8px;display:inline-flex}.language-switcher-flag{object-fit:cover;border-radius:2px;flex-shrink:0;width:1.15em;height:.86em;display:block;box-shadow:0 0 0 1px #0f172a1f}.language-switcher-trigger-chevron{color:var(--app-muted,#94a3b8);transition:transform .2s}.language-switcher-trigger[data-state=open] .language-switcher-trigger-chevron{transform:rotate(180deg)}.language-switcher-content{background:var(--app-surface-strong,#0f172af2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--app-border,#ffffff14);min-width:140px;box-shadow:var(--app-card-shadow,0 10px 25px -5px #0006);z-index:250;border-radius:12px;outline:none;padding:6px;animation:.15s ease-out forwards languageSwitcherFadeIn}@keyframes languageSwitcherFadeIn{0%{opacity:0;transform:scale(.95)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.language-switcher-item{color:var(--app-muted,#94a3b8);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;outline:none;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:.875rem;font-weight:500;transition:all .12s;display:flex}.language-switcher-item:hover,.language-switcher-item[data-highlighted]{background:var(--app-hover,#ffffff0f);color:var(--app-text,#f1f5f9)}.language-switcher-item--active{font-weight:600;color:var(--app-accent,#fff)!important}.language-switcher-item-check{justify-content:center;align-items:center;display:inline-flex}@keyframes baseModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes baseModalZoomIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes baseModalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.base-modal-backdrop{z-index:200;background:var(--app-backdrop,#070b14bf);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:100vh;height:var(--vh,100vh);justify-content:center;align-items:center;padding:24px;animation:.2s ease-out forwards baseModalFadeIn;display:flex;position:fixed;inset:0}.base-modal-container{border:1px solid var(--app-border,#ffffff1a);background:var(--app-modal-bg,#0f172a);width:min(100%,460px);max-height:85vh;color:var(--app-text,#f1f5f9);box-shadow:var(--app-card-shadow,0 24px 48px #00000080);border-radius:20px;outline:none;flex-direction:column;padding:28px;animation:.25s cubic-bezier(.16,1,.3,1) forwards baseModalZoomIn;display:flex;position:relative}.base-modal-handle{background:var(--app-border,#fff3);border-radius:2px;width:36px;height:4px;margin:-12px auto 16px;display:none}.base-modal-close-btn{color:var(--app-muted,#94a3b8);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.75rem;line-height:1;transition:color .15s;position:absolute;top:18px;right:20px}.base-modal-close-btn:hover{color:var(--app-text,#f1f5f9)}.base-modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.base-modal-header{margin-bottom:20px;padding-right:24px}.base-modal-title{color:var(--app-text,#f1f5f9);margin:0 0 8px;font-size:1.25rem;font-weight:700}.base-modal-description{color:var(--app-muted,#94a3b8);margin:0;font-size:.9375rem;line-height:1.5}.base-modal-body{flex:1;min-height:0;overflow-y:auto}@media (width<=768px){.base-modal-backdrop{align-items:flex-end;padding:0}.base-modal-container{border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0;width:100%;max-height:90vh;padding:24px 20px 32px;animation:.3s cubic-bezier(.16,1,.3,1) forwards baseModalSlideUp}.base-modal-handle{display:block}.base-modal-close-btn{top:14px;right:16px}}.confirm-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.confirm-dialog-btn{min-height:42px;font:inherit;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;padding:0 16px;font-size:.9375rem;font-weight:600;line-height:1;transition:opacity .15s,background .15s,border-color .15s;display:inline-flex}.confirm-dialog-btn:disabled{opacity:.55;cursor:not-allowed}.confirm-dialog-btn--secondary{border:1px solid var(--app-border,#ffffff1a);background:var(--app-surface,#ffffff0a);color:var(--app-text,#f1f5f9)}.confirm-dialog-btn--primary{background:linear-gradient(135deg, var(--app-accent,#6366f1), #818cf8);color:#fff;box-shadow:0 8px 18px #6366f133}.confirm-dialog-btn--danger{color:var(--app-danger-text,#fecaca);background:#f8717129;border:1px solid #f8717159}[data-theme=light] .confirm-dialog-btn--danger{color:#b91c1c;background:#fef2f2;border-color:#ef444452}@media (width<=768px){.confirm-dialog-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:16px;display:grid}.confirm-dialog-btn{width:100%;min-height:44px;padding:0 12px;font-size:.875rem}}.app-page{--app-bg:#070b14;--app-surface:#ffffff0f;--app-surface-strong:#0f172ad9;--app-surface-muted:#0f172a8c;--app-surface-subtle:#0f172a59;--app-border:#ffffff1a;--app-text:#f1f5f9;--app-muted:#94a3b8;--app-accent:#6366f1;--app-accent-2:#22d3ee;--app-accent-text:#c7d2fe;--app-accent-text-strong:#e0e7ff;--app-glow:#6366f159;--app-danger:#f87171;--app-danger-text:#fecaca;--app-nav-bg:#0f172afa;--app-nav-menu-bg:#0f172af2;--app-nav-border:#ffffff0f;--app-nav-shadow:none;--app-title-gradient:linear-gradient(135deg, #fff 0%, #cbd5e1 100%);--app-breadcrumb-current:#e2e8f0d9;--app-card-shadow:0 16px 32px #0003;--app-toolbar-bg:linear-gradient(135deg, #6366f10f, #0f172a8c), #0f172a73;--app-toolbar-bg-danger:linear-gradient(135deg, #f8717114, #0f172a8c), #0f172a73;--app-input-bg:#0f172aa6;--app-hover:#ffffff0a;--app-hover-strong:#ffffff14;--app-hover-border:#fff3;--app-modal-bg:#0f172a;--app-backdrop:#070b14bf;--app-checkbox-bg:linear-gradient(180deg, #ffffff0f, #ffffff05), #0f172abf;--app-action-group-bg:#0f172a8c;--app-action-group-border:#ffffff14;--app-btn-edit-bg:linear-gradient(180deg, #6366f133, #6366f11a);--app-btn-edit-color:#e0e7ff;--app-btn-delete-bg:linear-gradient(180deg, #f8717129, #f8717114);--app-btn-delete-color:#fecaca;--app-badge-bg:#6366f126;--app-badge-color:#c7d2fe;--app-selected-bg:linear-gradient(135deg, #6366f11a, #6366f108), var(--app-surface);--app-blob-opacity:.45;--app-blob-1:#4338ca;--app-blob-2:#0e7490;min-height:100vh;color:var(--app-text);background:var(--app-bg);flex-direction:column;display:flex;position:relative;overflow-x:hidden}[data-theme=light] .app-page{--app-bg:#eef2f6;--app-surface:#fff;--app-surface-strong:#fff;--app-surface-muted:#f1f5f9;--app-surface-subtle:#f8fafc;--app-border:#e2e8f0;--app-text:#0f172a;--app-muted:#64748b;--app-accent-text:#4338ca;--app-accent-text-strong:#3730a3;--app-glow:#6366f12e;--app-danger-text:#b91c1c;--app-nav-bg:#fff;--app-nav-menu-bg:#fff;--app-nav-border:#e5e7eb;--app-nav-shadow:0 1px 0 #0f172a0f;--app-title-gradient:linear-gradient(135deg, #0f172a 0%, #475569 100%);--app-breadcrumb-current:#334155;--app-card-shadow:0 1px 2px #0f172a0a, 0 8px 24px #0f172a0f;--app-toolbar-bg:#fff;--app-toolbar-bg-danger:#fff5f5;--app-input-bg:#fff;--app-hover:#0f172a0a;--app-hover-strong:#0f172a12;--app-hover-border:#cbd5e1;--app-modal-bg:#fff;--app-backdrop:#0f172a59;--app-checkbox-bg:#fff;--app-action-group-bg:#f8fafc;--app-action-group-border:#e2e8f0;--app-btn-edit-bg:#eef2ff;--app-btn-edit-color:#4338ca;--app-btn-delete-bg:#fef2f2;--app-btn-delete-color:#b91c1c;--app-badge-bg:#eef2ff;--app-badge-color:#4338ca;--app-selected-bg:#eef2ff;--app-blob-opacity:.55;--app-blob-1:#c4b5fd;--app-blob-2:#67e8f9}[data-theme=light] .app-bg-blob{opacity:var(--app-blob-opacity)}[data-theme=light] .app-bg-grid{background-image:linear-gradient(#0f172a09 1px,#0000 1px),linear-gradient(90deg,#0f172a09 1px,#0000 1px)}.theme-toggle{border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-text);cursor:pointer;border-radius:999px;min-width:44px;min-height:44px}.theme-toggle--compact{font-size:1rem}.app-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.app-bg-blob{filter:blur(80px);opacity:var(--app-blob-opacity);will-change:transform;border-radius:50%;position:absolute}@keyframes float-blob-1{0%{border-radius:50%;transform:translate(0)scale(1)rotate(0)}33%{border-radius:40% 60% 70% 30%/40% 50% 60%;transform:translate(-80px,60px)scale(1.2)rotate(120deg)}66%{border-radius:60% 40% 30% 70%/50% 60% 40%;transform:translate(60px,-60px)scale(.9)rotate(240deg)}to{border-radius:50%;transform:translate(0)scale(1)rotate(360deg)}}@keyframes float-blob-2{0%{border-radius:50%;transform:translate(0)scale(1)rotate(0)}33%{border-radius:70% 30% 50% 50%/60% 40%;transform:translate(70px,-80px)scale(.9)rotate(-120deg)}66%{border-radius:30% 70% 70% 30%/50% 30% 70% 50%;transform:translate(-60px,50px)scale(1.25)rotate(-240deg)}to{border-radius:50%;transform:translate(0)scale(1)rotate(-360deg)}}.app-bg-blob--1{background:var(--app-blob-1);width:420px;height:420px;animation:18s linear infinite float-blob-1;top:-140px;right:-100px}.app-bg-blob--2{background:var(--app-blob-2);width:460px;height:460px;animation:22s linear infinite float-blob-2;bottom:-120px;left:-80px}.app-bg-grid{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 75%);mask-image:radial-gradient(#000 20%,#0000 75%)}.app-main{z-index:1;flex:1;width:100%;min-width:0;max-width:1120px;margin:0 auto;padding:88px 24px 48px;position:relative}.app-nav{z-index:110;background:var(--app-nav-bg);border-bottom:1px solid var(--app-nav-border);box-shadow:var(--app-nav-shadow);position:fixed;top:0;left:0;right:0}.app-nav-inner{align-items:center;gap:20px;max-width:1200px;min-height:64px;margin:0 auto;padding:0 24px;display:flex}.app-brand-link{flex-shrink:0;min-width:0;text-decoration:none}.app-nav-toggle{border:1px solid var(--app-border);cursor:pointer;background:0 0;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;gap:5px;width:40px;height:40px;padding:0;display:none}.app-nav-toggle-bar{background:var(--app-text);border-radius:999px;width:18px;height:2px;margin:0 auto;transition:transform .2s;display:block}.app-nav-toggle[aria-expanded=true] .app-nav-toggle-bar:first-child{transform:translateY(7px)rotate(45deg)}.app-nav-toggle[aria-expanded=true] .app-nav-toggle-bar:nth-child(2){opacity:0}.app-nav-toggle[aria-expanded=true] .app-nav-toggle-bar:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.app-nav-menu--mobile{display:none}.app-nav-pages{scrollbar-width:none;-ms-overflow-style:none;flex:1;align-items:center;gap:4px;min-width:0;display:flex;overflow-x:auto}.app-nav-pages--desktop{margin-left:8px}.app-nav-pages::-webkit-scrollbar{display:none}.app-nav-pages a{min-height:40px;color:var(--app-muted);white-space:nowrap;border:none;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;margin:0 10px;padding:0 4px;font-size:.875rem;font-weight:600;line-height:1;text-decoration:none;transition:color .15s,box-shadow .15s;display:inline-flex;box-shadow:inset 0 -2px #0000}.app-nav-pages a:hover{color:var(--app-text)}.app-nav-pages a.active{color:var(--app-text);box-shadow:inset 0 -2px 0 var(--app-accent);background:0 0}.app-nav-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.app-nav-utilities{align-items:center;gap:6px;display:flex}.app-nav-utilities .theme-toggle{min-width:36px;min-height:36px;padding:0;font-size:.9375rem}.app-nav-utilities .language-switcher-trigger{min-height:36px;padding:0 12px;font-size:.8125rem}@media (width<=1100px){.app-nav-inner{flex-wrap:wrap;gap:12px;min-height:60px;padding:0 16px;position:relative}.app-nav-pages--desktop{display:none}.app-nav-actions{margin-left:auto}.app-nav-toggle{display:inline-flex}.app-nav-menu--mobile{border:1px solid var(--app-border);background:var(--app-nav-menu-bg,var(--app-surface-strong));-webkit-backdrop-filter:blur(12px);box-shadow:var(--app-card-shadow);z-index:100;opacity:0;pointer-events:none;border-radius:14px;padding:12px;transition:opacity .2s,transform .2s cubic-bezier(.16,1,.3,1);display:block;position:absolute;top:calc(100% + 8px);left:16px;right:16px;transform:translateY(-8px)}.app-nav-menu--mobile.is-open{opacity:1;pointer-events:all;transform:translateY(0)}.app-nav-menu--mobile .app-nav-pages{flex-direction:column;align-items:stretch;gap:2px;overflow:visible}.app-nav-menu--mobile .app-nav-pages a{width:100%;min-height:44px;box-shadow:none;border-radius:10px;justify-content:flex-start;margin:0;padding:0 14px}.app-nav-menu--mobile .app-nav-pages a.active{color:var(--app-accent-text,#c7d2fe);box-shadow:none;background:#6366f11f}[data-theme=light] .app-nav-menu--mobile .app-nav-pages a.active{color:#4338ca;background:#eef2ff}.app-main{padding:84px 16px 48px}}@media (width<=480px){.app-nav-pages a,.app-nav-logout{min-height:48px;font-size:1rem}}.app-select{border:1px solid var(--app-border);background:var(--app-surface);width:100%;min-height:46px;color:var(--app-text);font:inherit;text-align:left;cursor:pointer;box-shadow:var(--app-card-shadow,0 8px 20px #00000014);border-radius:14px;outline:none;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;font-size:.875rem;line-height:1.2;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.app-select--form{background:var(--app-input-bg,#0f172a59);box-shadow:none;border-radius:12px}.app-select:hover:not(:disabled){border-color:#6366f159}.app-select:focus-visible,.app-select[data-state=open]{border-color:#6366f173;box-shadow:0 0 0 3px #6366f126}.app-select:disabled{opacity:.6;cursor:not-allowed}[data-theme=light] .app-select,[data-theme=light] .app-select--form{background:#fff}.app-select-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.app-select-value--placeholder{color:var(--app-muted)}.app-select-chevron{color:var(--app-muted);flex-shrink:0;transition:transform .2s}.app-select[data-state=open] .app-select-chevron{transform:rotate(180deg)}.app-select-content{z-index:260;min-width:var(--radix-dropdown-menu-trigger-width);border:1px solid var(--app-border);background:var(--app-surface-strong,var(--app-surface));max-width:min(100vw - 24px,420px);max-height:min(320px,60vh);color:var(--app-text);box-shadow:var(--app-card-shadow,0 16px 32px #0000002e);border-radius:14px;outline:none;padding:6px;animation:.15s ease-out forwards appSelectFadeIn;overflow-y:auto}.app-select-search{z-index:1;border-bottom:1px solid var(--app-border);background:var(--app-surface-strong,var(--app-surface));align-items:center;gap:8px;margin:-2px -2px 4px;padding:8px 10px;display:flex;position:sticky;top:0}.app-select-search-icon{color:var(--app-muted);flex-shrink:0}.app-select-search-input{width:100%;min-width:0;color:inherit;font:inherit;background:0 0;border:0;outline:none;padding:0;font-size:.875rem}.app-select-search-input::placeholder{color:var(--app-muted)}.app-select-search-input::-webkit-search-cancel-button{cursor:pointer}.app-select-empty{color:var(--app-muted);text-align:center;margin:0;padding:12px;font-size:.8125rem}[data-theme=light] .app-select-content{background:#fff}@keyframes appSelectFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.app-select-item{color:var(--app-text);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;outline:none;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:.875rem;font-weight:500;transition:background .12s,color .12s;display:flex}.app-select-item-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-select-item:hover,.app-select-item[data-highlighted]{background:var(--app-hover)}.app-select-item--active{color:var(--app-accent-text,#c7d2fe);background:#6366f11a;font-weight:600}[data-theme=light] .app-select-item--active{color:#4338ca}.app-select-item-check{color:currentColor;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.grading-scale-picker{flex-direction:column;gap:12px;display:flex}.grading-scale-picker-custom{flex-direction:column;gap:10px;display:flex}.grading-scale-picker-hint{color:var(--landing-muted,#94a3b8);margin:0;font-size:.8125rem;line-height:1.45}.grading-scale-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.grading-scale-picker-field{color:var(--landing-muted,#94a3b8);flex-direction:column;gap:6px;font-size:.8125rem;display:flex}.grading-scale-picker-field input{border:1px solid var(--border-color,#94a3b859);background:var(--input-bg,transparent);width:100%;color:inherit;border-radius:10px;padding:10px 12px;font-size:.9375rem}.grading-scale-picker-field input[aria-invalid=true]{border-color:var(--app-danger,#f87171)}.grading-scale-picker-error{color:var(--app-danger-text,#fecaca);margin:0;font-size:.8125rem;line-height:1.45}.grading-scale-picker-preview{color:var(--landing-accent,#6366f1);margin:0;font-size:.8125rem}@media (width<=720px){.grading-scale-picker-grid{grid-template-columns:1fr}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.page-header-main{gap:10px;min-width:0;display:grid}.page-breadcrumb-list{flex-wrap:wrap;align-items:center;margin:0;padding:0;font-size:.8125rem;line-height:1.4;list-style:none;display:flex}.page-breadcrumb-list li{align-items:center;display:inline-flex}.page-breadcrumb-sep{color:#94a3b873;-webkit-user-select:none;user-select:none;margin:0 6px}.page-breadcrumb-link{color:var(--app-muted);text-decoration:none;transition:color .15s}.page-breadcrumb-link:hover{color:var(--app-accent-2)}.page-breadcrumb-current{color:var(--app-breadcrumb-current,#e2e8f0d9);font-weight:500}.page-header-title{letter-spacing:-.03em;background:var(--app-title-gradient,linear-gradient(135deg, #fff 0%, #cbd5e1 100%));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;padding-block:.08em;font-size:clamp(1.875rem,3.2vw,2.375rem);font-weight:800;line-height:1.25;overflow:visible}.page-header-subtitle{max-width:640px;color:var(--app-muted);margin:0;font-size:1rem;line-height:1.65}.page-header-action{flex-shrink:0}@media (width<=720px){.page-header-title{font-size:clamp(1.625rem,7vw,2rem)}}.app-toast{z-index:300;border:1px solid var(--app-border,#ffffff1a);width:min(100% - 32px,420px);color:var(--app-text,#0f172a);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;animation:.25s app-toast-in;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #0f172a2e,0 2px 6px #0f172a14}[data-theme=dark] .app-toast{color:var(--app-text,#f1f5f9);background:#0f172a;border-color:#ffffff1f;box-shadow:0 16px 40px #00000073}.app-toast--success{border-color:#22d3ee59;box-shadow:0 16px 40px #00000059,inset 0 0 0 1px #22d3ee14}.app-toast--error{border-color:#f8717159;box-shadow:0 16px 40px #00000059,inset 0 0 0 1px #f8717114}.app-toast-message{flex:1;font-size:.9375rem;line-height:1.5}.app-toast-close{color:var(--app-muted,#94a3b8);cursor:pointer;background:0 0;border:none;flex-shrink:0;font-size:1.25rem;line-height:1}.app-toast-close:hover{color:var(--app-text,#f1f5f9)}@keyframes app-toast-in{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.template-editor-page{gap:20px;min-width:0;max-width:100%;display:grid}.template-editor-loading{color:var(--app-muted);text-align:center;padding:48px 0}.template-editor-meta{flex-wrap:wrap;gap:10px;display:flex}.template-editor-meta-pill{border:1px solid var(--app-border);background:var(--app-surface);min-height:38px;color:var(--app-text);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:.8125rem;font-weight:600;display:inline-flex}.template-editor-meta-pill--accent{color:var(--app-accent-text,#c7d2fe);background:#6366f11a;border-color:#6366f147}.template-editor-meta-pill code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem}.template-editor-meta-copy{width:28px;height:28px;color:inherit;cursor:pointer;opacity:.8;background:0 0;border:none;border-radius:8px;place-items:center;margin-right:-4px;transition:background .15s,opacity .15s;display:grid}.template-editor-meta-copy:hover{opacity:1;background:#6366f129}.template-editor-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.template-editor-main{gap:16px;min-width:0;display:grid}.template-editor-card{border:1px solid var(--app-border);background:var(--app-surface);box-shadow:var(--app-card-shadow,0 16px 32px #00000024);border-radius:18px;gap:16px;padding:20px;display:grid}.template-editor-side{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.template-editor-card--try{background:linear-gradient(180deg, #22d3ee0d, transparent), var(--app-surface);border-color:#22d3ee38;flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.template-editor-card-head{flex-shrink:0;align-items:flex-start;gap:12px;display:flex}.template-editor-card-icon{width:40px;height:40px;color:var(--app-accent-text,#c7d2fe);background:#6366f124;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.template-editor-card-icon--try{color:#a5f3fc;background:#22d3ee24}.template-editor-card-title{letter-spacing:-.02em;margin:0;font-size:1rem;font-weight:700}.template-editor-card-desc{color:var(--app-muted);margin:4px 0 0;font-size:.8125rem;line-height:1.5}.template-editor-card-body{flex-shrink:0;gap:14px;display:grid}.template-editor-side-output{flex-direction:column;flex:1;gap:12px;min-height:0;margin-top:4px;display:flex;overflow:hidden}.template-editor-side-placeholder{border:1px dashed var(--app-border);color:var(--app-muted);text-align:center;border-radius:12px;margin:0;padding:14px;font-size:.8125rem;line-height:1.55}.template-editor-inline-link{color:var(--app-accent-text,#c7d2fe);margin-top:10px;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-flex}.template-editor-inline-link:hover{text-decoration:underline}.template-editor-tips{border:1px solid var(--app-border);background:var(--app-surface);border-radius:14px;padding:14px 16px}.template-editor-tips summary{cursor:pointer;color:var(--app-text);align-items:center;gap:8px;font-size:.875rem;font-weight:700;list-style:none;display:flex}.template-editor-tips summary::-webkit-details-marker{display:none}.template-editor-tips ul{color:var(--app-muted);margin:12px 0 0;padding-left:18px;font-size:.8125rem;line-height:1.6}.template-editor-side-status{gap:16px;display:grid}.template-editor-side-loading{background:#6366f10f;border:1px solid #6366f138;border-radius:16px;align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.template-editor-side-loading-title{margin:0 0 4px;font-size:.9375rem;font-weight:700}.template-editor-side-loading-hint{color:var(--app-muted);margin:0;font-size:.8125rem;line-height:1.5}.template-editor-try-spinner{border:2px solid #94a3b833;border-top-color:#818cf8;border-radius:50%;flex-shrink:0;width:28px;height:28px;animation:.85s linear infinite template-editor-try-spin}@keyframes template-editor-try-spin{to{transform:rotate(360deg)}}.template-editor-form{gap:20px;display:grid}.template-editor-panel{border:1px solid var(--app-border);background:var(--app-surface);box-shadow:var(--app-card-shadow,0 16px 32px #00000024);border-radius:20px;gap:20px;padding:24px;display:grid}.template-editor-panel--prompt{background:linear-gradient(135deg, #6366f10f, transparent), var(--app-surface);border-color:#6366f138}.template-editor-panel--try{background:linear-gradient(135deg, #22d3ee0f, transparent), var(--app-surface);border-color:#22d3ee33}.template-editor-panel-head{align-items:flex-start;gap:14px;display:flex}.template-editor-panel-icon{width:44px;height:44px;color:var(--app-accent-text,#c7d2fe);background:linear-gradient(135deg,#6366f13d,#818cf81f);border:1px solid #6366f147;border-radius:14px;flex-shrink:0;place-items:center;display:grid}.template-editor-panel--try .template-editor-panel-icon{color:#a5f3fc;background:linear-gradient(135deg,#22d3ee33,#22d3ee14);border-color:#22d3ee47}.template-editor-panel-title{letter-spacing:-.02em;margin:0 0 4px;font-size:1.0625rem;font-weight:700}.template-editor-panel-desc{color:var(--app-muted);margin:0;font-size:.875rem;line-height:1.55}.template-editor-panel-body{gap:18px;display:grid}.template-editor-fields-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.template-editor-field{gap:8px;display:grid}.template-editor-field label{letter-spacing:.02em;color:var(--app-muted);text-transform:uppercase;font-size:.8125rem;font-weight:700}.template-editor-field-note{color:var(--app-muted);background:#fbbf2414;border:1px solid #fbbf2438;border-radius:10px;margin:0;padding:8px 10px;font-size:.8125rem;line-height:1.5}[data-theme=light] .template-editor-field-note{color:#92400e;background:#fbbf241f;border-color:#d9770633}.template-editor-active-label{border:1px solid var(--app-border);background:var(--app-input-bg,#0f172a59);text-transform:none;width:100%;min-height:52px;color:var(--app-text);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:0 16px;font-size:.875rem;font-weight:600;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.template-editor-active-label:hover{border-color:#6366f159}.template-editor-active-label:has(input:checked){background:#6366f114;border-color:#6366f173}[data-theme=light] .template-editor-active-label{background:#fff}[data-theme=light] .template-editor-active-label:has(input:checked){background:#6366f10f}.template-editor-active-label input{width:18px;height:18px;accent-color:var(--app-accent,#6366f1);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;margin:0;padding:0}.template-editor-active-label span{flex:1;line-height:1.4}.template-editor-input,.template-editor-field input:not([type=checkbox]),.template-editor-field textarea{border:1px solid var(--app-border);background:var(--app-input-bg,#0f172aa6);width:100%;min-width:0;max-width:100%;color:var(--app-text);font:inherit;border-radius:12px;outline:none;padding:12px 14px;transition:border-color .15s,box-shadow .15s}[data-theme=light] .template-editor-input,[data-theme=light] .template-editor-field input:not([type=checkbox]),[data-theme=light] .template-editor-field textarea{background:#fff}.template-editor-field input::placeholder,.template-editor-field textarea::placeholder{color:var(--app-muted)}.template-editor-field input:not([type=checkbox]):focus,.template-editor-field textarea:focus{border-color:#6366f173;box-shadow:0 0 0 3px #6366f11f}.template-editor-field textarea{resize:vertical;min-height:112px;line-height:1.55}.template-editor-file{gap:12px;display:grid}.template-editor-file-drop{border:1.5px dashed var(--app-border);min-height:108px;color:var(--app-muted);text-align:center;cursor:pointer;background:#6366f10a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;transition:border-color .2s,background .2s;display:flex;position:relative}.template-editor-file-drop--compact{min-height:84px;padding:12px 14px}.template-editor-file-drop--compact .template-editor-file-drop-icon{width:36px;height:36px}.template-editor-file-drop--compact strong{font-size:.875rem}.template-editor-file-drop--compact span{font-size:.75rem}.template-editor-file-drop:hover{background:#6366f114;border-color:#6366f173;transform:translateY(-1px)}.template-editor-file-drop.is-dragging{color:var(--app-accent-text,#c7d2fe);background:#6366f124;border-style:solid;border-color:#6366f1bf;box-shadow:0 0 0 4px #6366f11f}.template-editor-file-drop-icon{width:44px;height:44px;color:var(--app-accent-text,#c7d2fe);background:#6366f124;border-radius:12px;place-items:center;display:grid}.template-editor-file-drop strong{color:var(--app-text);font-size:.9375rem}.template-editor-file-drop span{font-size:.8125rem;line-height:1.5}.template-editor-file input[type=file]{display:none}.template-editor-image-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px;display:grid}.template-editor-image-card{border:1px solid var(--app-border);background:var(--app-surface);border-radius:12px;margin:0;position:relative;overflow:hidden}.template-editor-image-card img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.template-editor-image-open{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.template-editor-image-open:focus-visible{outline-offset:2px;outline:2px solid #6366f18c}.template-editor-image-remove{color:#fca5a5;cursor:pointer;opacity:0;background:#0f172ad1;border:1px solid #f8717166;border-radius:8px;place-items:center;width:28px;height:28px;padding:0;transition:opacity .15s;display:grid;position:absolute;top:6px;right:6px}.template-editor-image-card:hover .template-editor-image-remove{opacity:1}.template-editor-single-preview{border:1px solid var(--app-border);background:#6366f10f;border-radius:14px;align-items:center;gap:14px;padding:12px 14px;display:flex}.template-editor-single-preview-img{object-fit:cover;border:1px solid var(--app-border);border-radius:10px;flex-shrink:0;width:72px;height:72px}.template-editor-single-preview-open{cursor:zoom-in;background:0 0;border:0;border-radius:10px;flex-shrink:0;padding:0;display:block}.template-editor-single-preview-open:focus-visible{outline-offset:2px;outline:2px solid #6366f18c}.template-editor-single-preview-info{flex:1;gap:4px;min-width:0;display:grid}.template-editor-single-preview-name{color:var(--app-text);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.template-editor-single-preview-size{color:var(--app-muted);font-size:.75rem}.template-editor-single-preview-remove{color:#fca5a5;cursor:pointer;background:#f871711a;border:1px solid #f8717159;border-radius:10px;place-items:center;width:36px;height:36px;padding:0;display:grid}.template-editor-btn--block{width:100%}.template-editor-footer{border:1px solid var(--app-border);background:var(--app-surface-strong,var(--app-surface));box-shadow:var(--app-card-shadow,0 12px 28px #0000001f);border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;padding:16px 18px;display:flex}.template-editor-footer-actions{flex-wrap:wrap;flex:1;gap:10px;min-width:0;display:flex}.template-editor-btn{min-height:46px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:.875rem;font-weight:700;line-height:1;text-decoration:none;transition:transform .15s,opacity .15s,background .15s,border-color .15s;display:inline-flex}.template-editor-btn:disabled{opacity:.6;cursor:not-allowed}.template-editor-btn:not(:disabled):hover{transform:translateY(-1px)}.template-editor-btn--primary{background:linear-gradient(135deg, var(--app-accent), #818cf8);color:#fff;box-shadow:0 10px 22px #6366f138}.template-editor-btn--secondary{border-color:var(--app-border);background:var(--app-surface);color:var(--app-text)}.template-editor-btn--secondary:hover:not(:disabled){background:var(--app-hover)}.template-editor-btn--danger{color:#fca5a5;background:#f871711a;border-color:#f8717159;margin-left:auto}.template-editor-tip{border:1px solid var(--app-border);background:var(--app-surface);box-shadow:var(--app-card-shadow,0 16px 32px #00000024);border-radius:18px;padding:22px}.template-editor-tip-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.template-editor-tip-icon{color:#fde68a;background:#fbbf2424;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.template-editor-tip h2{margin:0;font-size:1rem;font-weight:700}.template-editor-tip ul{color:var(--app-muted);margin:0;padding-left:18px;font-size:.875rem;line-height:1.7}.template-editor-result{background:linear-gradient(160deg, #6366f11a, #22d3ee0a), var(--app-surface);min-height:0;box-shadow:var(--app-card-shadow,0 20px 40px #0003);border:1px solid #6366f152;border-radius:18px;flex-direction:column;flex:1;display:flex;overflow:hidden}.template-editor-result-header{border-bottom:1px solid var(--app-border);background:#6366f10a;flex-shrink:0;align-items:center;gap:14px;padding:20px 22px;display:flex}.template-editor-side-output>.template-editor-result,.template-editor-side-output>.template-editor-side-loading{flex:1;min-height:0}.template-editor-result-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;gap:12px;min-height:0;display:grid;overflow-y:auto}.template-editor-result--error{background:linear-gradient(160deg, #f871711a, #f8717108), var(--app-surface);border-color:#f8717159}.template-editor-result-ai-badge{color:#fff;background:linear-gradient(135deg,#6366f1,#22d3ee);border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:.875rem;font-weight:800;display:grid}.template-editor-result-warning-badge{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.template-editor-result-heading{gap:4px;min-width:0;display:grid}.template-editor-result-header--compact{padding:14px 16px}.template-editor-result-header--compact .template-editor-result-ai-badge,.template-editor-result-header--compact .template-editor-result-warning-badge{width:36px;height:36px}.template-editor-result-block--compact{padding:14px 16px}.template-editor-result-text--warning{color:#fde68a}.template-editor-result-confidence--compact{gap:8px;padding:14px 16px 16px;display:grid}.template-editor-result-title{letter-spacing:-.02em;margin:0;font-size:.9375rem;font-weight:800}.template-editor-result-meta{color:var(--app-muted);margin:0;font-size:.8125rem}.template-editor-result-block{border-bottom:1px solid var(--app-border);gap:10px;padding:18px 22px;display:grid}.template-editor-result-block--conclusion{background:#6366f10d}.template-editor-result-block-title{color:var(--app-accent-text,#c7d2fe);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:10px;margin:0;font-size:.8125rem;font-weight:700;display:flex}.template-editor-result-block-icon{width:28px;height:28px;color:var(--app-accent-text,#c7d2fe);background:#6366f124;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.template-editor-result-text{color:var(--app-text);white-space:pre-wrap;margin:0;font-size:.9375rem;line-height:1.7}.template-editor-result-confidence{align-items:flex-start;gap:14px;padding:18px 22px 20px;display:flex}.template-editor-result-confidence-badge{text-transform:uppercase;border-radius:999px;flex-shrink:0;padding:6px 12px;font-size:.75rem;font-weight:700}.template-editor-result-confidence-badge.is-high{color:#bbf7d0;background:#4ade8024;border:1px solid #4ade8059}.template-editor-result-confidence-badge.is-medium{color:#fde68a;background:#fbbf2424;border:1px solid #fbbf2459}.template-editor-result-confidence-badge.is-low{color:#fecaca;background:#f8717124;border:1px solid #f8717159}.template-editor-result-confidence-body{gap:4px;min-width:0;display:grid}.template-editor-result-confidence-label{color:var(--app-muted);text-transform:uppercase;font-size:.75rem;font-weight:600}.template-editor-result-confidence-reason{color:var(--app-muted);margin:0;font-size:.875rem;line-height:1.6}.template-editor-result--rejected{background:linear-gradient(160deg, #f59e0b1a, #f59e0b08), var(--app-surface);border-color:#f59e0b59}[data-theme=light] .template-editor-btn--danger{color:#b91c1c}[data-theme=light] .template-editor-result-confidence-badge.is-high{color:#15803d;background:#22c55e1f;border-color:#16a34a47}[data-theme=light] .template-editor-result-confidence-badge.is-medium{color:#b45309;background:#f59e0b1f;border-color:#d9770647}[data-theme=light] .template-editor-result-confidence-badge.is-low{color:#b91c1c;background:#ef44441a;border-color:#dc262647}[data-theme=light] .template-editor-result-block--conclusion,[data-theme=light] .template-editor-result-header{background:#6366f10f}@media (width<=960px){.template-editor-layout{grid-template-columns:1fr}.template-editor-main{align-self:auto}.template-editor-side{align-self:auto;position:static}.template-editor-card--try,.template-editor-side-output{flex:none;overflow:visible}.template-editor-result{flex:none}.template-editor-result-body{overflow:visible}.template-editor-fields-row{grid-template-columns:1fr}.template-editor-footer{z-index:5;flex-direction:column;align-items:stretch;gap:8px;position:sticky;bottom:12px}.template-editor-footer-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.template-editor-footer .template-editor-btn{width:100%;min-height:44px;margin-left:0}.template-editor-footer--has-delete .template-editor-btn--danger{flex:initial}}.common-prompts-page{gap:28px;display:grid}.common-prompts-list{gap:16px;display:grid}.common-prompt-item{border:1px solid var(--app-border);background:var(--app-surface);box-shadow:var(--app-card-shadow,0 12px 28px #0000001a);border-radius:18px;gap:16px;padding:22px 24px;transition:border-color .15s,background .15s;display:grid;position:relative}.common-prompt-item.is-selected{background:var(--app-selected-bg,#6366f10f);border-color:#6366f161}.common-prompt-item.is-selected:before{content:"";background:linear-gradient(#6366f1,#818cf8);border-radius:0 4px 4px 0;width:4px;position:absolute;top:14px;bottom:14px;left:0}.common-prompt-item-head{flex-wrap:wrap;align-items:flex-start;gap:12px 16px;display:flex}.common-prompt-item-select{flex-shrink:0;margin-top:2px}.common-prompt-item-heading{flex:1;gap:8px;min-width:min(100%,220px);display:grid}.common-prompt-item-title{letter-spacing:-.02em;margin:0;font-size:1.125rem;font-weight:700;line-height:1.35}.common-prompt-item-meta{flex-wrap:wrap;gap:8px;display:flex}.common-prompt-item-badge{min-height:26px;color:var(--app-accent-text,#c7d2fe);background:#6366f11f;border-radius:999px;align-items:center;padding:0 10px;font-size:.75rem;font-weight:700;display:inline-flex}.common-prompt-item-badge--muted{color:var(--app-muted);background:#94a3b824}.common-prompt-item-badge--inactive{color:#fca5a5;background:#ef44441f}.common-prompt-item-staff-actions{flex-shrink:0;align-items:center;gap:10px;margin-left:auto;display:flex}.common-prompt-item-body{border:1px solid var(--app-border);background:var(--app-input-bg,#0f172a59);border-radius:14px;gap:10px;padding:16px 18px;display:grid}[data-theme=light] .common-prompt-item-body{background:#f8fafc}.common-prompt-item-text{color:var(--app-text);white-space:pre-wrap;word-break:break-word;margin:0;font-size:.9375rem;line-height:1.65}.common-prompt-item-text--collapsed{-webkit-line-clamp:4;white-space:pre-wrap;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.common-prompt-item-toggle{color:var(--app-accent-text,#a5b4fc);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;justify-self:start;padding:0;font-size:.875rem;font-weight:700;text-decoration:underline}.common-prompt-item-toggle:hover{color:#c7d2fe}[data-theme=light] .common-prompt-item-toggle{color:#4f46e5}.common-prompt-item-images{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.common-prompt-item-image{object-fit:cover;border:1px solid var(--app-border);border-radius:10px;width:72px;height:72px}.common-prompt-item-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.common-prompt-item-copy{background:linear-gradient(135deg, var(--app-accent), #818cf8);color:#fff;min-height:44px;font:inherit;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:.875rem;font-weight:700;line-height:1;transition:transform .15s,opacity .15s;display:inline-flex;box-shadow:0 10px 22px #6366f138}.common-prompt-item-copy svg{flex-shrink:0;display:block}.common-prompt-item-copy:hover{opacity:.95;transform:translateY(-1px)}@media (width<=720px){.common-prompt-item{padding:18px}.common-prompt-item-staff-actions{flex-direction:row;align-items:stretch;gap:10px;width:100%;margin-left:0}.common-prompt-item-staff-actions .templates-btn--block{min-height:44px}.common-prompt-item-staff-actions .template-card-icon-actions{flex-shrink:0}.common-prompt-item-staff-actions .template-card-icon-btn{width:44px;min-height:44px}.common-prompt-item-footer{flex-direction:column;align-items:stretch}.common-prompt-item-copy{width:100%}}.templates-page{gap:28px;display:grid}.templates-page-loading{color:var(--app-muted);text-align:center;padding:48px 0}.templates-create-panel{border:1px solid var(--app-border);background:var(--app-surface-strong,var(--app-surface));box-shadow:var(--app-card-shadow,0 20px 40px #00000029);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:24px;display:flex}.templates-create-panel-head{flex:1;align-items:flex-start;gap:14px;min-width:min(100%,260px);display:flex}.templates-create-panel-icon{width:44px;height:44px;color:var(--app-accent-text,#c7d2fe);background:linear-gradient(135deg,#6366f13d,#818cf81f);border:1px solid #6366f147;border-radius:14px;flex-shrink:0;place-items:center;display:grid}.templates-create-panel-icon svg{flex-shrink:0;display:block}.templates-create-panel-title{letter-spacing:-.02em;margin:0 0 4px;font-size:1.0625rem;font-weight:700}.templates-create-panel-desc{color:var(--app-muted);margin:0;font-size:.875rem;line-height:1.55}.templates-btn{background:linear-gradient(135deg, var(--app-accent), #818cf8);color:#fff;min-height:46px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:.875rem;font-weight:700;line-height:1;text-decoration:none;transition:transform .15s,opacity .15s,background .15s,border-color .15s;display:inline-flex}.templates-btn:hover:not(:disabled){transform:translateY(-1px)}.templates-btn:disabled{cursor:not-allowed;box-shadow:none;pointer-events:none;transform:none}.templates-btn svg{flex-shrink:0;display:block}.templates-btn--primary{box-shadow:0 10px 22px #6366f138}.templates-btn--primary:disabled{opacity:.55;background:linear-gradient(135deg,#6366f173,#818cf873)}.templates-btn--ghost{border-color:var(--app-border);color:var(--app-text);background:0 0}.templates-btn--ghost:hover:not(:disabled){background:var(--app-hover);transform:none}.templates-btn--ghost:disabled{opacity:1;color:var(--app-muted);background:#94a3b81a;border-style:dashed;border-color:#94a3b847}[data-theme=light] .templates-btn--ghost:disabled{color:#94a3b8;background:#f1f5f9;border-color:#cbd5e1}.templates-btn--block{flex:1;min-width:0}.templates-controls{gap:10px;display:grid}.templates-search{border:1px solid var(--app-border);background:var(--app-surface);width:100%;min-height:46px;box-shadow:var(--app-card-shadow,0 8px 20px #00000014);border-radius:14px;align-items:center;gap:10px;padding:0 14px;display:flex}[data-theme=light] .templates-search{background:#fff}.templates-selection-bar{border:1px solid var(--app-border);background:var(--app-surface);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;transition:border-color .15s,background .15s;display:flex}.templates-selection-bar-head{flex:1;justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.templates-selection-bar--active{background:var(--app-toolbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:#6366f147;animation:.18s templates-selection-enter}@keyframes templates-selection-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.templates-selection-bar-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;display:flex}.templates-selected-badge{background:var(--app-badge-bg,#6366f11f);min-height:32px;color:var(--app-badge-color,#c7d2fe);letter-spacing:.01em;border:1px solid #6366f147;border-radius:999px;flex-shrink:0;align-items:center;padding:0 12px;font-size:.8125rem;font-weight:600;display:inline-flex}.templates-selection-btn{min-height:40px;font:inherit;white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:.8125rem;font-weight:600;line-height:1;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s,color .15s;display:inline-flex}.templates-selection-btn svg{flex-shrink:0;display:block}.templates-selection-btn__label--short{display:none}.templates-selection-btn:not(:disabled):hover{transform:translateY(-1px)}.templates-selection-btn--delete{background:var(--app-btn-delete-bg,#ef44441f);color:var(--app-btn-delete-color,#fca5a5);border-color:#f8717161;box-shadow:0 8px 18px #f871711f}.templates-selection-btn--delete:hover{background:linear-gradient(135deg,#f8717147,#ef44442e);border-color:#fca5a58c;box-shadow:0 10px 22px #f8717133}.templates-selection-btn--clear{border-color:var(--app-border);background:var(--app-surface);color:var(--app-muted)}.templates-selection-btn--clear:hover{color:var(--app-text);border-color:var(--app-hover-border);background:var(--app-hover);transform:none}.templates-search-icon{color:var(--app-muted);flex-shrink:0;display:block}.templates-search-input{min-width:0;color:var(--app-text);font:inherit;background:0 0;border:none;outline:none;flex:1}.templates-search-input::placeholder{color:var(--app-muted)}.templates-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex;position:relative}.templates-checkbox--labeled{min-height:40px}.templates-checkbox-input{opacity:0;cursor:pointer;width:22px;height:22px;margin:0;position:absolute;inset:0 auto 0 0}.templates-checkbox--labeled .templates-checkbox-input{width:100%;height:100%;inset:0}.templates-checkbox-box{background:var(--app-checkbox-bg,#0f172aa6);border:1.5px solid #94a3b873;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff0f,0 4px 10px #00000024}[data-theme=light] .templates-checkbox-box{background:var(--app-checkbox-bg,#fff)}.templates-checkbox:hover .templates-checkbox-box{border-color:#818cf8a6;box-shadow:inset 0 1px #ffffff14,0 0 0 3px #6366f11f,0 6px 14px #00000029}.templates-checkbox-input:focus-visible+.templates-checkbox-box{border-color:#818cf8bf;box-shadow:inset 0 1px #ffffff14,0 0 0 3px #6366f147,0 6px 14px #00000029}.templates-checkbox-input:checked+.templates-checkbox-box,.templates-checkbox-input:indeterminate+.templates-checkbox-box{background:linear-gradient(135deg,#6366f1,#818cf8);border-color:#818cf8d9;transform:scale(1.02);box-shadow:inset 0 1px #ffffff2e,0 8px 18px #6366f152}.templates-checkbox-mark{color:#fff;opacity:0;width:14px;height:14px;transition:opacity .15s,transform .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.7)}.templates-checkbox-input:checked+.templates-checkbox-box .templates-checkbox-mark--check,.templates-checkbox-input:indeterminate+.templates-checkbox-box .templates-checkbox-mark--minus{opacity:1;transform:translate(-50%,-50%)scale(1)}.templates-checkbox-label{color:var(--app-text);font-size:.875rem;font-weight:600;line-height:1.3}.templates-list-section{min-height:160px;position:relative}.templates-list-content{gap:16px;transition:opacity .15s;display:grid}.templates-list-content--loading .templates-grid,.templates-list-content--loading .templates-pagination{opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none}.templates-list-overlay{z-index:1;pointer-events:none;justify-content:center;align-items:flex-start;padding-top:72px;display:flex;position:absolute;inset:0}.templates-list-spinner{border:2px solid var(--app-border);border-top-color:#818cf8;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite templates-list-spin}@keyframes templates-list-spin{to{transform:rotate(360deg)}}.templates-list-skeleton{border:1px dashed var(--app-border);background:#6366f10a;border-radius:20px;min-height:220px}.templates-empty{border:1px dashed var(--app-border);background:var(--app-surface);text-align:center;border-radius:20px;justify-items:center;gap:10px;padding:56px 24px;display:grid}.templates-empty-icon{width:64px;height:64px;color:var(--app-accent-text,#c7d2fe);background:#6366f11a;border-radius:18px;place-items:center;display:grid}.templates-empty-icon svg{flex-shrink:0;display:block}.templates-empty h2{margin:8px 0 0;font-size:1.125rem;font-weight:700}.templates-empty p{max-width:42ch;color:var(--app-muted);margin:0;font-size:.9375rem;line-height:1.6}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.template-card{border:1px solid var(--app-border);background:var(--app-surface);box-shadow:var(--app-card-shadow,0 16px 32px #00000024);border-radius:18px;gap:16px;padding:22px;transition:border-color .15s,background .15s;display:grid;position:relative}.template-card.is-selected{background:var(--app-selected-bg,#6366f10f);box-shadow:var(--app-card-shadow,0 16px 32px #00000024);border-color:#6366f161}.template-card.is-selected:before{content:"";background:linear-gradient(#6366f1,#818cf8);border-radius:0 4px 4px 0;width:4px;position:absolute;top:14px;bottom:14px;left:0}.template-card-top{align-items:center;gap:14px;display:flex}.template-card-select{border-radius:10px;flex-shrink:0;padding:4px;transition:background .15s}.template-card-select:hover{background:var(--app-hover)}.template-card-avatar{width:48px;height:48px;color:var(--app-accent-text,#c7d2fe);letter-spacing:.02em;background:linear-gradient(135deg,#6366f147,#818cf824);border:1px solid #6366f13d;border-radius:14px;flex-shrink:0;place-items:center;font-size:.875rem;font-weight:800;display:grid}.template-card-heading{flex:1;gap:8px;min-width:0;display:grid}.template-card-name{letter-spacing:-.02em;word-break:break-word;margin:0;font-size:1.0625rem;font-weight:700;line-height:1.3}.template-card-meta{flex-wrap:wrap;gap:8px;display:flex}.template-card-badge{min-height:26px;color:var(--app-accent-text,#c7d2fe);background:#6366f11f;border-radius:999px;align-items:center;padding:0 10px;font-size:.75rem;font-weight:700;display:inline-flex}.template-card-badge--muted{color:var(--app-muted);background:#94a3b824}.template-card-badge--inactive{color:#fca5a5;background:#ef44441f}.template-card-id-row{gap:8px;display:grid}.template-card-id-label{color:var(--app-muted);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;font-size:.75rem;font-weight:700;display:inline-flex}.template-card-id-label svg{flex-shrink:0;display:block}.template-card-id-copy{align-items:center;gap:8px;min-width:0;display:flex}.template-card-id{border:1px solid var(--app-border);background:var(--app-input-bg,#0f172a80);min-width:0;color:var(--app-text);text-overflow:ellipsis;white-space:nowrap;border-radius:10px;flex:1;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;overflow:hidden}[data-theme=light] .template-card-id{background:#f8fafc}.template-card-copy-btn{border:1px solid var(--app-border);background:var(--app-surface);width:38px;height:38px;color:var(--app-muted);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.template-card-copy-btn svg{flex-shrink:0;display:block}.template-card-copy-btn:hover{background:var(--app-hover);color:var(--app-text);border-color:var(--app-hover-border)}.template-card-actions{align-items:center;gap:10px;display:flex}.template-card-icon-actions{flex-shrink:0;gap:8px;display:flex}.template-card-icon-btn{border:1px solid var(--app-border);background:var(--app-surface);width:42px;height:42px;color:var(--app-muted);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.template-card-icon-btn svg{flex-shrink:0;display:block}.template-card-icon-btn:hover{background:var(--app-hover);color:var(--app-text);border-color:var(--app-hover-border)}.template-card-icon-btn--danger{color:var(--app-danger-text,#fecaca);background:#f871711a;border-color:#f8717147}.template-card-icon-btn--danger:hover{color:#fca5a5;background:#ef444429;border-color:#ef444459}[data-theme=light] .template-card-icon-btn--danger{color:#b91c1c;background:#fef2f2;border-color:#ef444447}[data-theme=light] .template-card-icon-btn--danger:hover{color:#991b1b;background:#fee2e2;border-color:#ef444466}.templates-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.templates-pagination-btn{border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-text);font:inherit;cursor:pointer;border-radius:10px;padding:10px 14px;font-size:.875rem;font-weight:600;transition:background .15s,border-color .15s}.templates-pagination-btn:hover:not(:disabled){background:var(--app-hover);border-color:var(--app-hover-border)}.templates-pagination-btn:disabled{opacity:.45;cursor:not-allowed}.templates-pagination-status{color:var(--app-text);font-size:.875rem;font-weight:600}@media (width<=720px){.templates-create-panel{align-items:stretch}.templates-create-panel .templates-btn{width:100%}.templates-selection-bar{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.templates-selection-bar-head{width:100%}.templates-selection-bar-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.templates-selection-btn{width:100%;min-height:44px}.templates-selection-btn__label--full{display:none}.templates-selection-btn__label--short{display:inline}.templates-selection-btn--delete{flex:initial}.templates-grid{grid-template-columns:1fr}}.dashboard-page{gap:28px;display:grid}.dashboard-section-title{letter-spacing:-.02em;margin:0;font-size:1rem;font-weight:700}.dashboard-section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.dashboard-section-link{color:var(--app-accent-text,#c7d2fe);align-items:center;gap:4px;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.dashboard-section-link:hover{text-decoration:underline}.dashboard-attention-list{gap:10px;display:grid}.dashboard-attention-card{color:var(--app-text);background:#f59e0b14;border:1px solid #f59e0b47;border-radius:14px;align-items:center;gap:8px;padding:6px 6px 6px 0;transition:border-color .15s,transform .15s;display:flex}.dashboard-attention-body{min-width:0;color:inherit;border-radius:12px;flex:1;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:8px 10px 8px 16px;text-decoration:none;transition:background .15s,transform .15s;display:grid}.dashboard-attention-card:hover{border-color:#f59e0b73}.dashboard-attention-body:hover{transform:translateY(-1px)}.dashboard-attention-dismiss{width:34px;height:34px;color:var(--app-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;margin-right:4px;padding:0;transition:background .15s,color .15s;display:inline-flex}.dashboard-attention-dismiss:hover{color:var(--app-text);background:#94a3b824}.dashboard-attention-dismiss:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}.dashboard-attention-card--pending_review,.dashboard-attention-card--collecting{background:#f59e0b14;border-color:#f59e0b47}.dashboard-attention-card--freemium_locked,.dashboard-attention-card--low_tokens,.dashboard-attention-card--no_tokens{background:#ef444414;border-color:#ef444447}.dashboard-attention-icon{color:#fbbf24;display:inline-flex}.dashboard-attention-card--freemium_locked .dashboard-attention-icon,.dashboard-attention-card--low_tokens .dashboard-attention-icon,.dashboard-attention-card--no_tokens .dashboard-attention-icon{color:#f87171}.dashboard-attention-text{font-size:.875rem;font-weight:600;line-height:1.45}.dashboard-attention-meta{color:var(--app-muted);white-space:nowrap;font-size:.75rem}.dashboard-attention-arrow{color:var(--app-muted)}.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.dashboard-stat-card{border:1px solid var(--app-border);background:var(--app-surface);box-shadow:var(--app-card-shadow,0 16px 32px #0000002e);border-radius:18px;gap:6px;padding:20px 22px;display:grid}.dashboard-stat-card--accent{background:#6366f11a;border-color:#6366f147}.dashboard-stat-card--warning{background:#f59e0b14;border-color:#f59e0b47}.dashboard-stat-icon{color:var(--app-accent-text,#c7d2fe)}.dashboard-stat-label{color:var(--app-muted);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.dashboard-stat-value{letter-spacing:-.03em;margin:0;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:800;line-height:1.1}.dashboard-stat-hint{color:var(--app-muted);margin:0;font-size:.8125rem}.dashboard-tokens-recent-row{grid-template-columns:minmax(260px,.9fr) minmax(0,1.4fr);align-items:stretch;gap:20px;display:grid}.dashboard-tokens-recent-row .dashboard-tokens-card,.dashboard-tokens-recent-row .dashboard-recent{height:100%}.dashboard-tokens-recent-row .dashboard-recent{flex-direction:column;min-height:0;display:flex}.dashboard-tokens-recent-row .dashboard-recent-list{flex:1}.dashboard-tokens-card{border:1px solid var(--app-border);background:var(--app-surface-strong);box-shadow:var(--app-card-shadow,0 16px 32px #0000002e);border-radius:18px;padding:22px 24px}.dashboard-tokens-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.dashboard-tokens-label{color:var(--app-muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 6px;font-size:.75rem;font-weight:700}.dashboard-tokens-value{letter-spacing:-.03em;margin:0;font-size:1.5rem;font-weight:800}.dashboard-tokens-limit{color:var(--app-muted);font-size:1rem;font-weight:600}.dashboard-tokens-link{color:var(--app-accent-text,#c7d2fe);white-space:nowrap;align-items:center;gap:4px;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.dashboard-tokens-link:hover{text-decoration:underline}.dashboard-progress-track{background:#94a3b829;border-radius:999px;height:10px;overflow:hidden}.dashboard-progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--app-accent), #818cf8);height:100%;transition:width .3s}.dashboard-progress-fill--warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.dashboard-progress-fill--danger{background:linear-gradient(90deg,#ef4444,#f87171)}.dashboard-tokens-remaining{color:var(--app-muted);margin:10px 0 0;font-size:.8125rem}.dashboard-main-grid{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);align-items:start;gap:20px;display:grid}.dashboard-panel{border:1px solid var(--app-border);background:var(--app-surface);border-radius:18px;padding:22px 24px}.dashboard-charts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.dashboard-chart-card{border:1px solid var(--app-border);background:var(--app-surface);border-radius:18px;gap:8px;padding:20px 22px;display:grid}.dashboard-chart-head{gap:12px;width:100%;display:grid}.dashboard-chart-head .dashboard-section-title{margin:0}.dashboard-chart-select{width:100%;min-width:0}.dashboard-chart-filters{gap:10px;width:100%;display:grid}.dashboard-chart-filters--paired{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-chart-loading{justify-content:center;align-items:center;min-height:180px;display:flex}.dashboard-bar-wrap--ratings{width:100%;overflow-x:auto}.dashboard-chart-card--wide{grid-column:1/-1}.dashboard-donut-wrap{width:min(100%,280px);margin:0 auto}.dashboard-donut-legend{gap:8px;margin:4px 0 0;padding:0;list-style:none;display:grid}.dashboard-donut-legend li{grid-template-columns:12px 1fr auto;align-items:center;gap:10px;font-size:.8125rem;display:grid}.dashboard-donut-legend-swatch{border-radius:4px;width:12px;height:12px}.dashboard-donut-legend-label{color:var(--app-muted)}.dashboard-donut-legend-value{font-weight:700}.dashboard-chart-empty{min-height:180px;color:var(--app-muted);text-align:center;justify-content:center;align-items:center;margin:0;padding:16px;font-size:.875rem;line-height:1.5;display:flex}.dashboard-bar-wrap{margin-top:4px}.dashboard-quick-actions--row .dashboard-quick-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.dashboard-quick-actions--row .dashboard-quick-card{min-height:72px}.dashboard-recent,.dashboard-side{gap:16px;display:grid}.dashboard-recent-empty{color:var(--app-muted);justify-items:start;gap:14px;padding:12px 0 4px;display:grid}.dashboard-recent-list{gap:10px;display:grid}.dashboard-recent-item{border:1px solid var(--app-border);background:var(--app-surface-strong);color:inherit;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.dashboard-recent-item:hover{background:var(--app-hover);border-color:#6366f159}.dashboard-recent-item-main{gap:4px;min-width:0;display:grid}.dashboard-recent-item-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;overflow:hidden}.dashboard-recent-meta{color:var(--app-muted);font-size:.8125rem}.dashboard-recent-item-side{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.dashboard-recent-pending{color:#fbbf24;font-size:.75rem;font-weight:700}.dashboard-quick-actions,.dashboard-chart-card{border:1px solid var(--app-border);background:var(--app-surface);border-radius:18px;padding:20px 22px}.dashboard-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.dashboard-quick-card{border:1px solid var(--app-border);background:var(--app-surface-strong);min-height:88px;color:var(--app-text);border-radius:14px;flex-direction:column;align-items:flex-start;gap:10px;padding:14px;font-size:.8125rem;font-weight:600;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.dashboard-quick-card:hover{background:var(--app-hover);border-color:#6366f159}.dashboard-quick-card svg{color:var(--app-accent-text,#c7d2fe)}.dashboard-chart-wrap{margin-top:10px}@media (width<=1100px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-tokens-recent-row,.dashboard-charts-grid{grid-template-columns:1fr}.dashboard-chart-card--wide{grid-column:auto}.dashboard-quick-actions--row .dashboard-quick-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-stat-card{box-shadow:none;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;padding:12px 14px}.dashboard-stat-icon{grid-row:1/span 2;width:18px;height:18px}.dashboard-stat-label{letter-spacing:.03em;font-size:.625rem}.dashboard-stat-value{font-size:1.25rem}.dashboard-stat-hint{display:none}.dashboard-attention-body{grid-template-columns:auto 1fr auto}.dashboard-attention-meta{display:none}.dashboard-recent-item{flex-direction:column;align-items:flex-start}.dashboard-chart-card{border-radius:16px;padding:16px}.dashboard-chart-head{gap:10px}.dashboard-chart-select{border-radius:12px;min-height:48px;padding:0 16px;font-size:.9375rem}.dashboard-chart-filters--paired{grid-template-columns:1fr}.dashboard-recent-item-side{flex-direction:row;align-items:center}.dashboard-quick-grid,.dashboard-quick-actions--row .dashboard-quick-row{grid-template-columns:1fr}}.dashboard-overview{border:1px solid var(--app-border);background:var(--app-surface);border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px;display:grid}.dashboard-stat{gap:4px;display:grid}.dashboard-stat strong{font-size:1.5rem}.dashboard-chart{grid-column:1/-1}@media (width<=700px){.dashboard-overview{grid-template-columns:1fr}}.dashboard-create-btn{background:linear-gradient(135deg, var(--app-accent), #818cf8);color:#fff;font:inherit;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:.9375rem;font-weight:600;text-decoration:none;transition:transform .15s,opacity .15s;display:inline-flex;box-shadow:0 12px 24px #6366f140}.dashboard-create-btn:hover{opacity:.95;transform:translateY(-1px)}.dashboard-quick-links{flex-wrap:wrap;gap:12px;display:flex}.dashboard-quick-links a{border:1px solid var(--app-border);background:var(--app-surface);min-height:40px;color:var(--app-text);border-radius:10px;align-items:center;padding:0 16px;font-size:.875rem;font-weight:600;text-decoration:none;transition:border-color .15s,background .15s;display:inline-flex}.dashboard-quick-links a:hover{border-color:var(--app-accent);background:var(--app-hover)}.templates-page-actions{flex-wrap:wrap;gap:10px;display:flex}.dashboard-create-btn--secondary{background:var(--app-surface);color:var(--app-text);border:1px solid var(--app-border);box-shadow:none}.dashboard-create-btn--secondary:hover{background:var(--app-hover);opacity:1}.dashboard-empty{border:1px dashed var(--app-border);background:var(--app-surface);color:var(--app-muted);text-align:center;border-radius:16px;padding:32px}.dashboard-toolbar{border:1px solid var(--app-border);background:var(--app-toolbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:12px 14px;display:flex}.dashboard-toolbar:has(.dashboard-toolbar-actions){background:var(--app-toolbar-bg-danger);border-color:#f8717138}.dashboard-select-all{border-radius:10px;padding:8px 10px;transition:background .15s}.dashboard-select-all:hover{background:var(--app-hover)}.dashboard-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex;position:relative}.dashboard-checkbox--labeled{min-height:40px}.dashboard-checkbox-input{opacity:0;cursor:pointer;width:22px;height:22px;margin:0;position:absolute;inset:0 auto 0 0}.dashboard-checkbox--labeled .dashboard-checkbox-input{width:100%;height:100%;inset:0}.dashboard-checkbox-box{background:var(--app-checkbox-bg);border:1.5px solid #94a3b873;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff0f,0 4px 10px #0000002e}.dashboard-checkbox:hover .dashboard-checkbox-box{border-color:#818cf8a6;box-shadow:inset 0 1px #ffffff14,0 0 0 3px #6366f11f,0 6px 14px #0003}.dashboard-checkbox-input:focus-visible+.dashboard-checkbox-box{border-color:#818cf8bf;box-shadow:inset 0 1px #ffffff14,0 0 0 3px #6366f147,0 6px 14px #0003}.dashboard-checkbox-input:checked+.dashboard-checkbox-box,.dashboard-checkbox-input:indeterminate+.dashboard-checkbox-box{background:linear-gradient(135deg,#6366f1,#818cf8);border-color:#818cf8d9;transform:scale(1.02);box-shadow:inset 0 1px #ffffff2e,0 8px 18px #6366f159}.dashboard-checkbox-mark{color:#fff;opacity:0;width:14px;height:14px;transition:opacity .15s,transform .15s;position:absolute;transform:scale(.7)}.dashboard-checkbox-input:checked+.dashboard-checkbox-box .dashboard-checkbox-mark--check,.dashboard-checkbox-input:indeterminate+.dashboard-checkbox-box .dashboard-checkbox-mark--minus{opacity:1;transform:scale(1)}.dashboard-checkbox-label{color:var(--app-text);font-size:.875rem;font-weight:600;line-height:1.3}.dashboard-card-select{border-radius:10px;flex-shrink:0;align-self:center;padding:4px;transition:background .15s}.dashboard-card-select:hover{background:var(--app-hover)}.dashboard-card.is-selected{background:var(--app-selected-bg);box-shadow:var(--app-card-shadow);border-color:#6366f161}.dashboard-toolbar-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}.dashboard-selected-badge{background:var(--app-badge-bg);min-height:40px;color:var(--app-badge-color);letter-spacing:.01em;border:1px solid #6366f147;border-radius:999px;align-items:center;padding:0 12px;font-size:.8125rem;font-weight:600;display:inline-flex}.dashboard-action-icon{flex-shrink:0;width:16px;height:16px}.dashboard-action-btn{min-height:40px;font:inherit;white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:.8125rem;font-weight:600;line-height:1;text-decoration:none;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s,color .15s;display:inline-flex}.dashboard-action-btn:focus-visible{outline-offset:2px;outline:2px solid #6366f18c}.dashboard-action-btn:not(:disabled):hover{transform:translateY(-1px)}.dashboard-action-btn--edit{background:var(--app-btn-edit-bg);color:var(--app-btn-edit-color);border-color:#6366f159;box-shadow:0 8px 18px #6366f124}.dashboard-action-btn--edit:hover{background:linear-gradient(#6366f147,#6366f124);border-color:#818cf88c;box-shadow:0 10px 22px #6366f138}.dashboard-action-btn--delete{background:var(--app-btn-delete-bg);color:var(--app-btn-delete-color);border-color:#f8717152;box-shadow:0 8px 18px #f871711a}.dashboard-action-btn--delete:hover{background:linear-gradient(#f871713d,#f871711f);border-color:#fca5a580;box-shadow:0 10px 22px #f871712e}.dashboard-action-btn--bulk-delete{background:var(--app-btn-delete-bg);min-height:42px;color:var(--app-btn-delete-color);border-color:#f8717161;padding:0 16px;box-shadow:0 10px 24px #f8717129}.dashboard-action-btn--bulk-delete:hover{background:linear-gradient(135deg,#f871714d,#ef444433);border-color:#fca5a58c;box-shadow:0 12px 28px #f871713d,inset 0 1px #ffffff1a}.dashboard-action-btn--bulk-delete .dashboard-action-icon{width:17px;height:17px}.dashboard-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.dashboard-card{border:1px solid var(--app-border);background:var(--app-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--app-card-shadow);border-radius:16px;align-items:center;gap:14px;padding:18px 20px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.dashboard-card-body{flex:1;gap:4px;min-width:0;display:grid}.dashboard-card-name{color:var(--app-text);font-size:1rem;font-weight:700}.dashboard-card-subject{color:var(--app-muted);font-size:.875rem}.dashboard-card-id{background:var(--app-badge-bg);width:fit-content;color:var(--app-badge-color);border-radius:6px;margin-top:4px;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;display:inline-block}.dashboard-card-actions{flex-shrink:0;align-items:center;display:flex}.dashboard-action-group{border:1px solid var(--app-action-group-border);background:var(--app-action-group-bg);border-radius:12px;align-items:center;gap:6px;padding:4px;display:inline-flex}.dashboard-action-group .dashboard-action-btn{min-height:36px;padding:0 12px}.dashboard-action-group .dashboard-action-btn:not(:disabled):hover{transform:none}.dashboard-action-group .dashboard-action-btn--edit:hover,.dashboard-action-group .dashboard-action-btn--delete:hover{transform:translateY(-1px)}.dashboard-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.dashboard-pagination-btn{border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-text);font:inherit;cursor:pointer;border-radius:10px;padding:10px 14px;font-size:.875rem;font-weight:600;transition:background .15s,border-color .15s}.dashboard-pagination-btn:hover:not(:disabled){background:var(--app-hover);border-color:var(--app-hover-border)}.dashboard-pagination-btn:disabled{opacity:.45;cursor:not-allowed}.dashboard-pagination-status{min-width:6rem;color:var(--app-muted);text-align:center;font-size:.875rem;font-weight:600}@media (width<=640px){.dashboard-card{flex-wrap:wrap;align-items:stretch}.dashboard-card-actions,.dashboard-action-group{width:100%}.dashboard-action-group .dashboard-action-btn{flex:1}.dashboard-toolbar-actions{width:100%;margin-left:0}.dashboard-action-btn--bulk-delete{flex:1}}.homeworks-page{gap:28px;display:grid}.homeworks-filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.homeworks-filters .app-select{flex:180px;min-width:min(100%,180px)}.homework-status-badge{border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:.75rem;font-weight:700;display:inline-flex}.homework-status-badge--collecting{color:#93c5fd;background:#3b82f624}.homework-status-badge--review{color:#fcd34d;background:#f59e0b24}.homework-status-badge--completed{color:#86efac;background:#22c55e24}.homework-status-badge--draft{color:var(--app-muted);background:#94a3b824}[data-theme=light] .homework-status-badge--collecting{color:#1d4ed8}[data-theme=light] .homework-status-badge--review{color:#b45309}[data-theme=light] .homework-status-badge--completed{color:#15803d}.homeworks-form-page{gap:28px;display:grid}.homeworks-form-card{border:1px solid var(--app-border);background:var(--app-surface);box-shadow:var(--app-card-shadow,0 16px 32px #00000024);border-radius:20px;gap:20px;padding:24px;display:grid}.homeworks-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.homeworks-form-field{gap:8px;display:grid}.homeworks-form-field--full{grid-column:1/-1}.homeworks-form-field label{letter-spacing:.02em;color:var(--app-muted);text-transform:uppercase;font-size:.8125rem;font-weight:700}.homeworks-form-field input{border:1px solid var(--app-border);background:var(--app-input-bg,#0f172a59);width:100%;min-height:46px;color:var(--app-text);font:inherit;border-radius:12px;outline:none;padding:0 14px}[data-theme=light] .homeworks-form-field input{background:#fff}.homeworks-form-field input:focus{border-color:#6366f173;box-shadow:0 0 0 3px #6366f126}.homeworks-form-error{color:#fca5a5;margin:0;font-size:.875rem}[data-theme=light] .homeworks-form-error{color:#b91c1c}.homeworks-form-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.homeworks-form-actions .templates-btn{min-height:46px}.homework-edit-form{gap:16px;display:grid}.homework-edit-form label{letter-spacing:.02em;color:var(--app-muted);text-transform:uppercase;gap:8px;font-size:.8125rem;font-weight:700;display:grid}.homework-edit-form input{border:1px solid var(--app-border);background:var(--app-input-bg,#0f172a59);min-height:46px;color:var(--app-text);font:inherit;text-transform:none;letter-spacing:normal;border-radius:12px;padding:0 14px;font-weight:400}[data-theme=light] .homework-edit-form input{background:#fff}@media (width<=720px){.homeworks-form-grid{grid-template-columns:1fr}.homeworks-filters .app-select{flex-basis:100%;width:100%}.homeworks-form-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.homeworks-form-actions .templates-btn{width:100%;min-height:44px}}.find-page{gap:28px;display:grid}.find-form{border:1px solid var(--app-border);background:var(--app-surface);border-radius:16px;flex-wrap:wrap;align-items:end;gap:12px;padding:24px;display:flex}.find-form label{color:var(--app-text);flex:240px;gap:8px;font-size:.875rem;font-weight:600;display:grid}.find-form input{border:1px solid var(--app-border);background:var(--app-input-bg,#ffffff0a);width:100%;color:var(--app-text);font:inherit;border-radius:10px;padding:12px 14px}.find-form input:focus{border-color:#6366f18c;outline:none;box-shadow:0 0 0 3px #6366f126}.find-form button{background:linear-gradient(135deg, var(--app-accent), #818cf8);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:10px;padding:12px 18px;font-weight:600}.find-form button:disabled{opacity:.55;cursor:not-allowed}.find-error{color:var(--app-danger-text,#fecaca);background:#f871711f;border:1px solid #f8717159;border-radius:12px;margin:0;padding:12px 16px}.find-preview{border:1px solid var(--app-border);background:var(--app-surface);box-shadow:var(--app-card-shadow,0 16px 32px #0003);border-radius:16px;gap:20px;padding:28px;display:grid}.find-preview-header{gap:10px;display:grid}.find-preview-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.find-preview-title-row h2{color:var(--app-text);margin:0;font-size:1.25rem}.find-preview-actions{flex-wrap:wrap;gap:8px;display:flex}.find-action-btn{min-height:38px;font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0 14px;font-size:.8125rem;font-weight:600;line-height:1;text-decoration:none;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.find-action-btn:not(:disabled):hover{transform:translateY(-1px)}.find-action-btn:disabled{opacity:.55;cursor:not-allowed}.find-action-btn--edit{background:var(--app-btn-edit-bg,linear-gradient(180deg, #6366f133, #6366f11a));color:var(--app-btn-edit-color,#e0e7ff);border:1px solid #6366f159;box-shadow:0 8px 18px #6366f124}.find-action-btn--copy{color:#0891b2;background:linear-gradient(#22d3ee2e,#22d3ee14);border:1px solid #22d3ee59;box-shadow:0 8px 18px #22d3ee1f}.find-preview-hint{color:var(--app-muted);margin:0;font-size:.875rem;line-height:1.55}.find-preview-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.find-preview-subject{color:var(--app-muted);font-size:.9375rem}.find-preview-id{background:var(--app-badge-bg,#6366f126);color:var(--app-badge-color,#c7d2fe);border-radius:6px;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem}.find-preview-owner{color:var(--app-muted);font-size:.8125rem}.find-preview-inactive{color:var(--app-danger-text,#fecaca);background:#f8717126;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:600}.find-preview-prompt{background:var(--app-surface-muted,#ffffff0a);color:var(--app-text);white-space:pre-wrap;border-radius:12px;margin:0;padding:16px;font-family:inherit;font-size:.9375rem;line-height:1.65}.find-preview-images{gap:10px;display:grid}.find-preview-images h3{color:var(--app-text);margin:0;font-size:.9375rem}.find-preview-image-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;display:grid}.find-preview-image-grid img{aspect-ratio:1;object-fit:cover;border:1px solid var(--app-border);border-radius:10px;width:100%}.find-try-section{border-top:1px solid var(--app-border);gap:12px;padding-top:8px;display:grid}.find-try-section label{color:var(--app-text);gap:8px;font-size:.875rem;font-weight:600;display:grid}.find-try-section input[type=file]{color:var(--app-muted);font-size:.875rem}.find-try-btn{border:1px solid var(--app-border);background:var(--app-surface);width:fit-content;color:var(--app-text);font:inherit;cursor:pointer;border-radius:10px;padding:12px 18px;font-weight:600}.find-try-btn:disabled{opacity:.55;cursor:not-allowed}.find-result{background:#6366f11a;border:1px solid #6366f140;border-radius:16px;gap:12px;padding:24px;display:grid}.find-result h3{color:var(--app-text);margin:0;font-size:1rem}.find-result p{color:var(--app-text);margin:0;line-height:1.65}.find-loading{color:var(--app-muted)}.report-time-picker{border:1px solid var(--app-border);background:var(--app-hover,#ffffff0a);border-radius:12px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:10px;padding:12px;display:grid}.report-time-picker-field{gap:6px;min-width:0;display:grid}.report-time-picker-label{letter-spacing:.02em;text-transform:uppercase;color:var(--app-muted);font-size:.75rem;font-weight:600}.report-time-picker-select{width:100%}.report-time-picker-separator{color:var(--app-text);align-self:center;margin-bottom:10px;font-size:1.25rem;font-weight:700;line-height:1}.report-time-picker-preview{color:var(--app-accent-text,#c7d2fe);font-variant-numeric:tabular-nums;text-align:center;letter-spacing:.08em;background:#6366f11a;border:1px solid #6366f138;border-radius:10px;grid-column:1/-1;padding:10px 12px;font-size:1.125rem;font-weight:700}[data-theme=light] .report-time-picker-preview{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}@media (width<=480px){.report-time-picker{gap:8px;padding:10px}.report-time-picker-preview{font-size:1rem}}.groups-page{gap:28px;display:grid}.groups-page-loading{color:var(--app-muted);text-align:center;padding:48px 0}.groups-create-panel{border:1px solid var(--app-border);background:var(--app-surface-strong,var(--app-surface));box-shadow:var(--app-card-shadow,0 20px 40px #00000029);border-radius:20px;gap:18px;padding:24px;display:grid}.groups-create-panel-head{align-items:flex-start;gap:14px;display:flex}.groups-create-panel-icon{width:44px;height:44px;color:var(--app-accent-text,#c7d2fe);background:linear-gradient(135deg,#6366f13d,#818cf81f);border:1px solid #6366f147;border-radius:14px;flex-shrink:0;place-items:center;display:grid}.groups-create-panel-title{letter-spacing:-.02em;margin:0 0 4px;font-size:1.0625rem;font-weight:700}.groups-create-panel-desc{color:var(--app-muted);margin:0;font-size:.875rem;line-height:1.55}.groups-create-form,.groups-modal-add{flex-wrap:wrap;gap:12px;margin-bottom:12px;display:flex}.groups-create-input{border:1px solid var(--app-border);background:var(--app-input-bg,#0f172aa6);min-width:min(100%,220px);min-height:46px;color:var(--app-text);font:inherit;border-radius:12px;outline:none;flex:1;padding:0 14px;transition:border-color .15s,box-shadow .15s}[data-theme=light] .groups-create-input{background:#fff}.groups-create-input:focus{border-color:#6366f173;box-shadow:0 0 0 3px #6366f11f}.groups-btn{background:linear-gradient(135deg, var(--app-accent), #818cf8);color:#fff;min-height:46px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:.875rem;font-weight:700;line-height:1;transition:transform .15s,opacity .15s,background .15s,border-color .15s;display:inline-flex}.groups-btn svg{flex-shrink:0;display:block}.groups-btn:hover:not(:disabled){transform:translateY(-1px)}.groups-btn:disabled{opacity:.65;cursor:not-allowed}.groups-btn--primary{box-shadow:0 10px 22px #6366f138}.groups-btn--ghost{border-color:var(--app-border);color:var(--app-text);background:0 0}.groups-btn--ghost:hover:not(:disabled){background:var(--app-hover)}.groups-btn--block{flex:1;min-width:0}.groups-btn--sm{min-height:38px;padding:0 12px;font-size:.8125rem}.groups-member-actions .groups-btn{width:100%}.groups-toolbar{flex-wrap:wrap;gap:12px;display:flex}.groups-search{border:1px solid var(--app-border);background:var(--app-surface);border-radius:12px;flex:1;align-items:center;gap:10px;min-width:min(100%,280px);min-height:46px;padding:0 14px;display:flex}.groups-search-icon{color:var(--app-muted);flex-shrink:0}.groups-search-input{min-width:0;color:var(--app-text);font:inherit;background:0 0;border:none;outline:none;flex:1}.groups-search-input::placeholder{color:var(--app-muted)}.groups-list-section{min-height:160px;position:relative}.groups-list-content{gap:28px;transition:opacity .15s;display:grid}.groups-list-content--loading .groups-grid,.groups-list-content--loading .groups-pagination{opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none}.groups-list-overlay{z-index:1;pointer-events:none;justify-content:center;align-items:flex-start;padding-top:72px;display:flex;position:absolute;inset:0}.groups-list-spinner{border:2px solid var(--app-border);border-top-color:#818cf8;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite groups-list-spin}@keyframes groups-list-spin{to{transform:rotate(360deg)}}.groups-list-skeleton{border:1px dashed var(--app-border);background:#6366f10a;border-radius:20px;min-height:220px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.groups-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.groups-pagination-btn{border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-text);font:inherit;cursor:pointer;border-radius:10px;padding:10px 14px;font-size:.875rem;font-weight:600;transition:background .15s,border-color .15s}.groups-pagination-btn:hover:not(:disabled){background:var(--app-hover);border-color:var(--app-hover-border)}.groups-pagination-btn:disabled{opacity:.45;cursor:not-allowed}.groups-pagination-status{color:var(--app-text);font-size:.875rem;font-weight:600}.groups-empty{border:1px dashed var(--app-border);background:var(--app-surface);text-align:center;border-radius:20px;justify-items:center;gap:10px;padding:56px 24px;display:grid}.groups-empty-icon{width:64px;height:64px;color:var(--app-accent-text,#c7d2fe);background:#6366f11a;border-radius:18px;place-items:center;display:grid}.groups-empty h2{margin:8px 0 0;font-size:1.125rem;font-weight:700}.groups-empty p{max-width:42ch;color:var(--app-muted);margin:0;font-size:.9375rem;line-height:1.6}.groups-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.group-card{border:1px solid var(--app-border);background:var(--app-surface);box-shadow:var(--app-card-shadow,0 16px 32px #00000024);border-radius:18px;gap:18px;padding:22px;transition:border-color .15s,transform .15s,box-shadow .15s;display:grid}.group-card:hover{border-color:#6366f138;transform:translateY(-2px)}.group-card-top{align-items:flex-start;gap:14px;display:flex}.group-card-avatar{width:48px;height:48px;color:var(--app-accent-text,#c7d2fe);background:linear-gradient(135deg,#6366f13d,#22d3ee1f);border:1px solid #6366f138;border-radius:14px;flex-shrink:0;place-items:center;font-size:.875rem;font-weight:800;display:grid}.group-card-heading{flex:1;min-width:0}.group-card-name{letter-spacing:-.02em;word-break:break-word;margin:0 0 8px;font-size:1.0625rem;font-weight:700;line-height:1.25}.group-card-badge{color:#67e8f9;background:#22d3ee1a;border:1px solid #22d3ee38;border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:.75rem;font-weight:700;display:inline-flex}[data-theme=light] .group-card-badge{color:#0e7490;background:#ecfeff;border-color:#a5f3fc}.group-card-edit{gap:10px;display:grid}.group-card-edit-input{background:var(--app-input-bg,#0f172aa6);width:100%;min-height:42px;color:var(--app-text);font:inherit;border:1px solid #6366f159;border-radius:10px;outline:none;padding:0 12px;font-weight:600}[data-theme=light] .group-card-edit-input{background:#fff}.group-card-edit-actions{flex-wrap:wrap;gap:8px;display:flex}.group-card-invite{background:var(--app-hover,#ffffff0a);border:1px solid var(--app-border);border-radius:12px;gap:8px;padding:12px 14px;display:grid}.group-card-invite-label{color:var(--app-muted);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;font-size:.75rem;font-weight:700;display:inline-flex}.group-card-invite-row{align-items:center;gap:8px;min-width:0;display:flex}.group-card-invite-link{min-width:0;color:var(--app-text);word-break:break-all;background:0 0;flex:1;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;line-height:1.4}.group-card-invite-label svg{flex-shrink:0;display:block}.group-card-copy-btn{border:1px solid var(--app-border);background:var(--app-surface);width:36px;height:36px;color:var(--app-muted);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.group-card-copy-btn svg{flex-shrink:0;display:block}.group-card-copy-btn:hover{color:var(--app-accent-text,#c7d2fe);background:#6366f11a;border-color:#6366f159}.group-card-actions{align-items:center;gap:10px;display:flex}.group-card-icon-actions{flex-shrink:0;gap:8px;display:flex}.group-card-icon-btn{border:1px solid var(--app-border);background:var(--app-surface);width:42px;height:42px;color:var(--app-muted);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:0;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.group-card-icon-btn svg{flex-shrink:0;display:block}.group-card-icon-btn:hover{color:var(--app-text);border-color:var(--app-hover-border);background:var(--app-hover)}.group-card-icon-btn--danger:hover{color:var(--app-danger-text,#fecaca);background:#f871711a;border-color:#f8717159}.groups-modal-loading,.groups-modal-empty{border:1px dashed var(--app-border);color:var(--app-muted);text-align:center;border-radius:14px;margin:16px 0 0;padding:24px}.groups-member-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.groups-member-item{border:1px solid var(--app-border);background:var(--app-surface-muted,#0f172a59);border-radius:14px;gap:12px;padding:14px;display:grid}.groups-member-item--pending{background:linear-gradient(180deg, #f59e0b14 0%, var(--app-surface-muted,#0f172a59) 100%);border-color:#f59e0b59}[data-theme=light] .groups-member-item{background:#f8fafc}[data-theme=light] .groups-member-item--pending{background:linear-gradient(#f59e0b1a 0%,#fff 100%)}.groups-member-main{gap:4px;min-width:0;display:grid}.groups-member-name{text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:700;line-height:1.35;overflow:hidden}.groups-member-meta{color:var(--app-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;line-height:1.4;overflow:hidden}.groups-member-meta--muted{font-style:italic}.groups-member-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.groups-member-avatar{width:40px;height:40px;color:var(--app-accent-text,#4338ca);background:#6366f124;border-radius:12px;flex-shrink:0;place-items:center;font-size:.75rem;font-weight:800;display:grid}.groups-member-info{flex:1;gap:2px;min-width:0;display:grid}.groups-member-info strong{font-size:.9375rem;font-weight:700}.groups-member-info span{color:var(--app-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.groups-add-mode{gap:8px;margin-bottom:12px;display:flex}.groups-add-mode-btn{border:1px solid var(--app-border);min-height:40px;color:var(--app-muted);font:inherit;cursor:pointer;background:0 0;border-radius:10px;flex:1;padding:0 12px;font-size:.8125rem;font-weight:600}.groups-add-mode-btn.is-active{color:var(--app-text);background:#6366f11f;border-color:#6366f173}.groups-create-input--wide{flex:100%}.groups-modal-add--stacked{flex-direction:column}.groups-students-panel{flex-direction:column;gap:12px;display:flex}.groups-students-panel .groups-modal-add{margin-bottom:0}.groups-name-confirm-hint{color:var(--app-text);background:#f59e0b1f;border-radius:10px;margin:0;padding:10px 12px;font-size:.8125rem;line-height:1.5}.groups-member-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.groups-member-badge{color:#b45309;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;background:#f59e0b29;border-radius:999px;align-items:center;padding:2px 8px;font-size:.6875rem;font-weight:700;display:inline-flex}[data-theme=dark] .groups-member-badge{color:#fbbf24}.groups-btn--confirm{color:#b45309;box-shadow:none;background:#f59e0b24;border-color:#f59e0b73}.groups-btn--confirm:hover:not(:disabled){background:#f59e0b38;border-color:#f59e0b8c;transform:translateY(-1px)}[data-theme=dark] .groups-btn--confirm{color:#fbbf24}.groups-btn--remove{color:var(--app-muted)}.groups-btn--remove:hover:not(:disabled){color:var(--app-danger-text,#fecaca);background:#f8717114;border-color:#f8717173}.groups-edit-name-actions{justify-content:flex-end;gap:10px;display:flex}[data-theme=light] .groups-create-panel,[data-theme=light] .group-card{background:#fff}@media (width<=720px){.groups-create-form,.groups-modal-add{flex-direction:column}.groups-modal-add .groups-btn,.groups-btn--block{width:100%}.group-card{gap:14px;padding:18px 16px}.group-card-invite-row{align-items:flex-start}.group-card-copy-btn{width:40px;height:40px;margin-top:2px}.group-card-actions{flex-direction:column;align-items:stretch;gap:10px}.group-card-actions .groups-btn--block{min-height:44px}.group-card-icon-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.group-card-icon-btn{width:100%;min-height:44px}}@media (width<=480px){.groups-grid{grid-template-columns:1fr}}.groups-modal-tabs{gap:8px;margin-bottom:16px;display:flex}.groups-modal-tab{border:1px solid var(--app-border);color:var(--app-muted);cursor:pointer;background:0 0;border-radius:8px;flex:1;padding:8px 12px}.groups-modal-tab.is-active{color:var(--app-text);border-color:var(--app-accent);background:#22d3ee14}.groups-parent-row{justify-content:space-between;align-items:center;gap:12px;margin-top:6px;display:flex}.groups-parent-item .groups-member-info{width:100%}.groups-btn--danger-text{color:#f87171}.groups-report-form{gap:14px;margin-bottom:16px;display:grid}.groups-report-field{gap:6px;display:grid}.groups-report-field-label{color:var(--app-muted);font-size:.8125rem;font-weight:600}.groups-report-frequency{border:1px solid var(--app-border);background:var(--app-hover,#ffffff0a);border-radius:12px;grid-template-columns:1fr 1fr;gap:8px;padding:4px;display:grid}.groups-report-frequency-btn{color:var(--app-muted);text-align:center;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;padding:10px 12px;font-size:.875rem;font-weight:600;line-height:1.3;transition:color .15s,background .15s,border-color .15s,box-shadow .15s}.groups-report-frequency-btn:hover{color:var(--app-text);background:#6366f114}.groups-report-frequency-btn--active{color:var(--app-accent-text,#c7d2fe);background:#6366f129;border-color:#6366f159;box-shadow:0 1px 2px #0f172a1f}.groups-report-submit{justify-self:start}.zoomable-image-viewer{border:1px solid var(--app-border);background:#0f172a59;border-radius:12px;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}[data-theme=light] .zoomable-image-viewer{background:#eef2ff}.zoomable-image-viewer__viewport{touch-action:none;cursor:zoom-in;flex:1;min-height:0;position:relative;overflow:hidden}.zoomable-image-viewer__viewport.is-draggable{cursor:grab}.zoomable-image-viewer__viewport.is-dragging{cursor:grabbing}.zoomable-image-viewer__stage{transform-origin:50%;will-change:transform;justify-content:center;align-items:center;width:100%;height:100%;transition:transform 80ms ease-out;display:flex}.zoomable-image-viewer__viewport.is-dragging .zoomable-image-viewer__stage{transition:none}.zoomable-image-viewer__image{object-fit:contain;image-orientation:from-image;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.zoomable-image-viewer__toolbar{border-top:1px solid var(--app-border);background:#0f172a8c;justify-content:center;align-items:center;gap:8px;padding:8px 10px;display:flex}[data-theme=light] .zoomable-image-viewer__toolbar{background:#f8fafc}.zoomable-image-viewer__btn{border:1px solid var(--app-border);width:32px;height:32px;color:var(--app-text);cursor:pointer;background:#6366f11a;border-radius:8px;place-items:center;padding:0;transition:background .15s,border-color .15s,opacity .15s;display:grid}.zoomable-image-viewer__btn:hover:not(:disabled){background:#6366f12e;border-color:#6366f173}.zoomable-image-viewer__btn:disabled{opacity:.45;cursor:not-allowed}.zoomable-image-viewer__scale{text-align:center;min-width:52px;color:var(--app-muted);font-size:.75rem;font-weight:700}.zoomable-image-gallery{flex-direction:column;gap:10px;height:100%;min-height:0;display:flex}.zoomable-image-gallery__viewer{flex:1;min-height:180px}.zoomable-image-gallery--stacked{gap:12px;height:auto}.zoomable-image-gallery--stacked .zoomable-image-gallery__viewer{flex:none;min-height:0}.zoomable-image-gallery--stacked .zoomable-image-viewer{height:auto}.zoomable-image-gallery--stacked .zoomable-image-viewer__viewport{flex:none;height:min(52vw,320px);min-height:200px}.review-modal .zoomable-image-gallery{height:auto}.review-modal .zoomable-image-gallery__viewer,.review-modal .zoomable-image-viewer{flex:none;height:auto}.review-modal .zoomable-image-viewer__viewport{flex:none;height:min(52vw,320px);min-height:200px}@media (width<=768px){.zoomable-image-gallery__viewer{min-height:220px}.zoomable-image-viewer__viewport{min-height:180px}.zoomable-image-viewer__btn{width:40px;height:40px}.zoomable-image-gallery__thumb{width:48px;height:48px}}.zoomable-image-gallery__thumbs{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.zoomable-image-gallery__thumb{cursor:pointer;background:#0f172a59;border:2px solid #0000;border-radius:8px;flex-shrink:0;width:52px;height:52px;padding:0;overflow:hidden}.zoomable-image-gallery__thumb.is-active{border-color:#6366f1d9;box-shadow:0 0 0 2px #6366f133}.zoomable-image-gallery__thumb img{object-fit:cover;width:100%;height:100%;display:block}.base-modal-container:has(.response-images-preview-modal){flex-direction:column;width:min(100%,960px);max-height:min(92vh,900px);padding:16px 20px 20px;display:flex}.base-modal-container:has(.response-images-preview-modal) .base-modal-body{flex:1;min-height:0;overflow-y:auto}.response-images-preview-modal{flex-direction:column;flex:1;min-height:0;display:flex}.response-images-preview-modal .zoomable-image-gallery{flex:1;height:auto;min-height:0}.response-images-preview-modal .zoomable-image-gallery__viewer,.response-images-preview-modal .zoomable-image-viewer{flex:1;height:auto;min-height:min(58vh,620px)}.response-images-preview-modal .zoomable-image-viewer__viewport{min-height:min(52vh,560px)}.response-images-preview-modal .zoomable-image-gallery--stacked .zoomable-image-viewer__viewport{flex:none;height:auto;min-height:min(42vh,420px);max-height:min(58vh,560px)}.response-images-preview-modal__empty{text-align:center;color:var(--app-muted);margin:0;padding:32px 16px;font-size:.9375rem}.homework-detail-page{gap:24px;display:grid}.homework-detail-loading{color:var(--app-muted);text-align:center;margin:0;padding:48px 0}.homework-detail-grading-overlay{z-index:1200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020617b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.homework-detail-grading-overlay__card{border:1px solid var(--app-border);background:var(--app-surface-strong,var(--app-surface));width:min(100%,320px);box-shadow:var(--app-card-shadow,0 24px 48px #00000047);border-radius:18px;justify-items:center;gap:16px;padding:28px 24px;display:grid}.homework-detail-grading-spinner{border:3px solid var(--app-border);border-top-color:#818cf8;border-radius:50%;width:36px;height:36px;animation:.75s linear infinite homework-detail-grading-spin}.homework-detail-grading-overlay__text{color:var(--app-text);text-align:center;margin:0;font-size:.9375rem;font-weight:600;line-height:1.45}@keyframes homework-detail-grading-spin{to{transform:rotate(360deg)}}.homework-detail-meta{margin-top:-4px}.homework-detail-responses{border:1px solid var(--app-border);background:var(--app-surface);box-shadow:var(--app-card-shadow,0 16px 32px #00000024);border-radius:20px;gap:16px;padding:24px;display:grid}.homework-detail-responses-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.homework-detail-responses-title{letter-spacing:-.02em;margin:0 0 4px;font-size:1.0625rem;font-weight:700}.homework-detail-responses-count{color:var(--app-muted);margin:0;font-size:.875rem}.homework-detail-empty{border:1px dashed var(--app-border);text-align:center;border-radius:16px;padding:32px 20px}.homework-detail-empty-title{margin:0 0 8px;font-size:1rem;font-weight:700}.homework-detail-empty-desc{color:var(--app-muted);margin:0;font-size:.875rem;line-height:1.55}.homework-detail-table-wrap{width:100%;overflow-x:auto}.homework-detail-table{border-collapse:collapse;width:100%;min-width:680px}.homework-detail-table th{border-bottom:1px solid var(--app-border);color:var(--app-muted);letter-spacing:.04em;text-align:left;text-transform:uppercase;padding:0 12px 12px;font-size:.75rem;font-weight:700}.homework-detail-table td{border-bottom:1px solid var(--app-border);vertical-align:middle;padding:14px 12px}.homework-detail-table tbody tr:last-child td{border-bottom:none}.homework-detail-student{align-items:center;gap:12px;min-width:0;display:flex}.homework-detail-student-avatar{width:38px;height:38px;color:var(--app-accent-text,#c7d2fe);background:linear-gradient(135deg,#6366f13d,#818cf81f);border:1px solid #6366f147;border-radius:12px;flex-shrink:0;place-items:center;font-size:.75rem;font-weight:800;display:grid}.homework-detail-student-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.homework-detail-grade{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.homework-detail-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.homework-detail-actions .templates-btn--ghost:disabled{filter:grayscale(.35)}.response-status-badge{white-space:nowrap;border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:.75rem;font-weight:700;display:inline-flex}.response-status-view-btn{color:var(--app-accent-text,#c7d2fe);background:#6366f11a;border-color:#6366f173;gap:6px;font-weight:600}.response-status-view-btn:hover:not(:disabled){color:#e0e7ff;background:#6366f12e;border-color:#6366f1b3}.response-status-view-btn__hint{letter-spacing:.02em;text-transform:uppercase;opacity:.85;font-size:.6875rem;font-weight:700}.response-status-view-btn__hint:before{content:"·";opacity:.6;margin-right:6px}[data-theme=light] .response-status-view-btn{color:#4338ca;background:#eef2ff;border-color:#a5b4fc}[data-theme=light] .response-status-view-btn:hover:not(:disabled){color:#3730a3;background:#e0e7ff;border-color:#818cf8}.response-status-badge--uploaded{color:var(--app-muted);background:#94a3b824}.response-status-badge--graded{color:#93c5fd;background:#3b82f624}.response-status-badge--confirmed{color:#86efac;background:#22c55e24}.response-status-badge--rejected{color:#fca5a5;background:#ef444424}[data-theme=light] .response-status-badge--graded{color:#1d4ed8}[data-theme=light] .response-status-badge--confirmed{color:#15803d}[data-theme=light] .response-status-badge--rejected{color:#b91c1c}.templates-btn--sm{min-height:38px;padding:0 12px;font-size:.8125rem}.base-modal-container:has(.review-modal){width:min(100%,1180px);max-height:min(92vh,900px);padding:24px 28px 28px}.base-modal-container:has(.review-modal) .base-modal-header{margin-bottom:16px}.base-modal-container:has(.review-modal) .base-modal-body{overflow:hidden}.review-modal{flex-direction:column;gap:16px;height:min(72vh,720px);min-height:0;display:flex}.review-modal__toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.review-modal__scale-pill{border:1px solid var(--app-border);min-height:30px;color:var(--app-muted);background:#6366f114;border-radius:999px;align-items:center;padding:0 12px;font-size:.8125rem;font-weight:600;display:inline-flex}.review-modal__layout{border:1px solid var(--app-border);background:var(--app-surface,#0f172a59);border-radius:16px;flex:1;grid-template-columns:minmax(280px,42%) minmax(0,1fr);gap:0;min-height:0;display:grid;overflow:hidden}.review-modal__compare{border-right:1px solid var(--app-border);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#0f172a38;flex-direction:column;gap:0;min-height:0;display:flex;overflow:hidden auto}[data-theme=light] .review-modal__compare{background:#f8fafc}.review-modal__panel{flex-direction:column;flex:none;min-height:0;display:flex}.review-modal__panel+.review-modal__panel{border-top:1px solid var(--app-border)}.review-modal__panel-head{flex-shrink:0;align-items:flex-start;gap:12px;padding:14px 18px 10px;display:flex}.review-modal__panel-icon{width:36px;height:36px;color:var(--app-accent-text,#c7d2fe);background:#6366f124;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.review-modal__panel-titles{min-width:0}.review-modal__panel-title{color:var(--app-text);margin:0;font-size:.9375rem;font-weight:700}.review-modal__panel-subtitle{color:var(--app-muted);word-break:break-word;margin:4px 0 0;font-size:.8125rem;line-height:1.45}.review-modal__prompt-wrap{flex-shrink:0;padding:0 14px 10px}.review-modal__prompt-label{letter-spacing:.04em;text-transform:uppercase;color:var(--app-muted);margin-bottom:6px;font-size:.75rem;font-weight:700;display:block}.review-modal__prompt{border:1px solid var(--app-border);max-height:min(28vh,220px);color:var(--app-text);white-space:pre-wrap;word-break:break-word;background:#0f172a59;border-radius:12px;margin:0;padding:12px 14px;font-family:inherit;font-size:.8125rem;line-height:1.55;overflow:auto}[data-theme=light] .review-modal__prompt{background:#f8fafc}.review-modal__viewer{flex:none;width:100%;min-height:0;padding:0 14px 14px;display:flex}.review-modal__gallery-empty{border:1px dashed var(--app-border);width:100%;color:var(--app-muted);text-align:center;border-radius:12px;justify-content:center;align-items:center;margin:0;padding:28px 16px;font-size:.875rem;line-height:1.5;display:flex}.review-modal__review{background:var(--app-modal-bg,#0f172a);flex-direction:column;min-height:0;display:flex}[data-theme=light] .review-modal__review{background:#fff}.review-modal__form{flex-direction:column;flex:1;gap:14px;min-height:0;padding:18px 20px 12px;display:flex;overflow-y:auto}.review-modal__field{flex-direction:column;gap:8px;display:flex}.review-modal__field-label{letter-spacing:.06em;text-transform:uppercase;color:var(--app-muted);font-size:.75rem;font-weight:700}.review-modal__textarea,.review-modal__grade-input{border:1px solid var(--app-border);background:var(--app-input-bg,#0f172a59);width:100%;color:var(--app-text);font:inherit;resize:vertical;border-radius:12px;padding:12px 14px;line-height:1.55}[data-theme=light] .review-modal__textarea,[data-theme=light] .review-modal__grade-input{background:#fff}.review-modal__textarea:focus,.review-modal__grade-input:focus{border-color:#6366f173;outline:none;box-shadow:0 0 0 3px #6366f126}.review-modal__textarea{min-height:140px}.review-modal__grade-card{background:#6366f114;border:1px solid #6366f138;border-radius:14px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.review-modal__confidence{border:1px solid var(--app-border);background:#0f172a59;border-radius:14px;margin:0}[data-theme=light] .review-modal__confidence{background:#f8fafcf2}.review-modal__grade-row{align-items:center;gap:8px;display:flex}.review-modal__grade-input{resize:none;text-align:center;width:88px;max-width:100%;font-size:1.375rem;font-weight:700}.review-modal__grade-scale{color:var(--app-muted);font-size:1.125rem;font-weight:600}.review-modal__footer{border-top:1px solid var(--app-border);background:#0f172a2e;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:14px 20px 18px;display:flex}[data-theme=light] .review-modal__footer{background:#f8fafc}.review-modal__cancel-btn,.review-modal__confirm-btn{min-width:148px}@media (width<=900px){.base-modal-container:has(.review-modal){width:100%;max-height:min(94dvh,94vh);padding:20px 16px 24px}.review-modal{height:auto;max-height:none}.review-modal__layout{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-flow:row;gap:0;min-height:min(58dvh,520px);max-height:min(64dvh,580px);display:flex;overflow:auto hidden}.review-modal__compare,.review-modal__review{scroll-snap-align:start;flex:0 0 100%;width:100%;min-width:100%;min-height:0;overflow:hidden auto}.review-modal__compare{border-bottom:none;border-right:none;flex-direction:column;align-content:flex-start;display:flex}.review-modal__panel{background:0 0;border:none;border-radius:0;flex:none;min-width:0;min-height:auto;overflow:visible}.review-modal__panel+.review-modal__panel{border-top:1px solid var(--app-border)}.review-modal__viewer{flex:none;height:auto;min-height:auto}.review-modal__review{border:none;border-radius:0;flex-direction:column;display:flex}}@media (width<=768px){.homework-detail-page{gap:16px}.homework-detail-meta{gap:8px}.homework-detail-meta .template-editor-meta-pill{padding:8px 12px;font-size:.8125rem}.homework-detail-responses{border-radius:16px;padding:16px 12px}.homework-detail-table-wrap{overflow-x:visible}.homework-detail-table{border-collapse:separate;border-spacing:0;min-width:0}.homework-detail-table thead{display:none}.homework-detail-table tbody{gap:16px;display:grid}.homework-detail-row{border:1px solid var(--app-border);background:#0f172a2e;border-radius:16px;padding:16px;display:block}[data-theme=light] .homework-detail-row{background:#fff}.homework-detail-table td{border-bottom:1px solid var(--app-border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.homework-detail-table td:first-child{padding-top:0}.homework-detail-table td:before{content:attr(data-label);color:var(--app-muted);letter-spacing:.05em;text-transform:uppercase;flex-shrink:0;font-size:.6875rem;font-weight:700}.homework-detail-table td:last-child{border-bottom:none;padding-top:14px;padding-bottom:0}.homework-detail-cell-student{flex-direction:column;align-items:flex-start;gap:8px}.homework-detail-cell-student:before{margin-bottom:0}.homework-detail-student{width:100%}.homework-detail-student-name{white-space:normal}.homework-detail-cell-actions{flex-direction:column;align-items:stretch}.homework-detail-cell-actions:before{align-self:flex-start}.homework-detail-actions{grid-template-columns:1fr;gap:10px;width:100%;min-width:0;display:grid}.homework-detail-actions .templates-btn--sm{justify-content:center;width:100%;min-height:44px}.base-modal-backdrop:has(.review-modal){align-items:flex-end;padding:72px 0 0}.base-modal-container:has(.review-modal){width:100%;max-height:calc(100vh - 72px);padding:12px 14px calc(14px + env(safe-area-inset-bottom,0px));border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0;animation:.3s cubic-bezier(.16,1,.3,1) forwards baseModalSlideUp}.base-modal-container:has(.review-modal) .base-modal-handle{display:block}.base-modal-container:has(.review-modal) .base-modal-header{margin-bottom:12px;padding-right:36px}.base-modal-container:has(.review-modal) .base-modal-title{font-size:1.0625rem;line-height:1.35}.base-modal-container:has(.review-modal) .base-modal-description{font-size:.8125rem}.base-modal-container:has(.review-modal) .base-modal-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overflow-y:auto}.review-modal{gap:12px;height:auto;min-height:0}.review-modal__layout{min-height:min(56dvh,500px);max-height:min(62dvh,560px)}.review-modal__panel-head{padding:12px 14px 8px}.review-modal__viewer{padding:0 10px 12px}.review-modal__form{flex:1;min-height:0;max-height:none;padding:14px;overflow-y:auto}.review-modal__textarea{min-height:120px;font-size:16px}.review-modal__grade-input{font-size:1.25rem}.review-modal__footer{z-index:2;padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));flex-direction:column-reverse;gap:8px;position:sticky;bottom:0}.review-modal__cancel-btn,.review-modal__confirm-btn{width:100%;min-width:0;min-height:48px}}@media (width<=640px){.homework-detail-responses{padding:16px 12px}.homework-detail-table tbody{gap:18px}.homework-detail-row{padding:18px 16px}}.landing-page{--landing-bg:#070b14;--landing-surface:#ffffff0f;--landing-border:#ffffff1a;--landing-text:#f1f5f9;--landing-muted:#94a3b8;--landing-accent:#6366f1;--landing-accent-2:#22d3ee;--landing-glow:#6366f138;--landing-blob-1:#4338ca;--landing-blob-2:#0e7490;min-height:100vh;color:var(--landing-text);background:var(--landing-bg);position:relative;overflow-x:hidden}[data-theme=light] .landing-page{--landing-bg:#f8fafc;--landing-surface:#fff;--landing-border:#e2e8f0;--landing-text:#0f172a;--landing-muted:#64748b;--landing-accent:#6366f1;--landing-accent-2:#4338ca;--landing-glow:#6366f11a;--landing-blob-1:#ddd6fe;--landing-blob-2:#bfdbfe;--landing-card-shadow:0 1px 2px #0f172a0a, 0 8px 24px #0f172a0f}.landing-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.landing-bg-blob{filter:blur(80px);opacity:.5;border-radius:50%;position:absolute}.landing-bg-blob--1{background:var(--landing-blob-1,#4338ca);width:480px;height:480px;top:-120px;right:-80px}.landing-bg-blob--2{background:var(--landing-blob-2,#0e7490);width:520px;height:520px;bottom:-160px;left:-100px}.landing-bg-grid{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 75%);mask-image:radial-gradient(#000 20%,#0000 75%)}.landing-nav,.landing-page main,.landing-footer{z-index:1;position:relative}.landing-nav{border-bottom:1px solid #ffffff0f}.landing-nav-inner{justify-content:space-between;align-items:center;gap:12px;max-width:1120px;margin:0 auto;padding:18px 24px 20px;display:flex}.landing-brand{min-width:0}.landing-nav-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.landing-nav-login-button,.language-switcher--landing,.landing-nav-actions .theme-toggle{box-sizing:border-box;border-radius:999px;justify-content:center;align-items:center;min-height:40px;padding:0 16px;font-size:.875rem;font-weight:600;line-height:1;display:inline-flex}.landing-nav-actions .theme-toggle{border:1px solid var(--landing-border);background:var(--landing-surface);min-width:40px;color:var(--landing-text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;padding:0;font-size:1rem;font-weight:400}.landing-nav-login-button{background:linear-gradient(135deg, var(--landing-accent), #4f46e5);color:#fff;white-space:nowrap;cursor:pointer;border:none;transition:transform .15s,box-shadow .15s;box-shadow:0 8px 24px #6366f14d}.landing-nav-login-button:hover{transform:translateY(-1px);box-shadow:0 12px 28px #6366f166}.landing-hero{grid-template-columns:1fr 1fr;align-items:center;gap:48px;max-width:1120px;margin:0 auto;padding:48px 24px;display:grid}.landing-hero+.landing-section{padding-top:32px}.landing-badge{border:1px solid var(--landing-border);background:var(--landing-surface);color:var(--landing-accent-2);letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;margin-bottom:20px;padding:6px 14px;font-size:.8125rem;font-weight:600;display:inline-block}.landing-hero-title{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 20px;padding-block:.08em;font-size:clamp(2rem,4.5vw,3.25rem);font-weight:800;line-height:1.25;overflow:visible}.landing-hero-subtitle{max-width:520px;color:var(--landing-muted);margin:0 0 36px;font-size:1.0625rem;line-height:1.7}.landing-cta{border:1px solid var(--landing-border);background:var(--landing-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;padding:28px;box-shadow:0 24px 48px #00000040}.landing-cta-label{margin:0 0 8px;font-size:1rem;font-weight:600}.landing-cta-note{color:var(--landing-muted);margin:0;font-size:.875rem}.login-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#070b14b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.login-modal{border:1px solid var(--landing-border);width:min(100%,420px);color:var(--landing-text);background:#0f172a;border-radius:20px;padding:28px;position:relative;box-shadow:0 24px 48px #00000073}.login-modal-close{color:var(--landing-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1;position:absolute;top:12px;right:14px}.login-modal-title{margin:0 0 10px;font-size:1.25rem;font-weight:700}.login-modal-description{color:var(--landing-muted);margin:0 0 16px;font-size:.9375rem;line-height:1.6}.login-modal-bot-link{color:var(--landing-accent-2);align-items:center;margin-bottom:12px;font-weight:600;text-decoration:none;display:inline-flex}.login-modal-bot-link:hover{text-decoration:underline}.login-modal-hint{color:var(--landing-muted);margin:0 0 12px;font-size:.875rem}.login-modal-timer{color:var(--landing-muted);margin:0 0 18px;font-size:.8125rem}.login-modal-form{flex-direction:column;gap:10px;display:flex}.login-modal-label{font-size:.875rem;font-weight:600}.login-modal-input{border:1px solid var(--landing-border);width:100%;color:var(--landing-text);letter-spacing:.2em;text-align:center;text-transform:uppercase;background:#ffffff0a;border-radius:12px;padding:14px 16px;font-size:1.25rem;font-weight:700}.login-modal-input:focus{border-color:var(--landing-accent);outline:none;box-shadow:0 0 0 3px #6366f140}.login-modal-error{color:#f87171;margin:0;font-size:.875rem}.login-modal-lockout-countdown{color:var(--landing-muted,#94a3b8);font-variant-numeric:tabular-nums;margin:0;font-size:.8125rem}.login-modal-submit{background:linear-gradient(135deg, var(--landing-accent), #4f46e5);color:#fff;cursor:pointer;border:none;border-radius:12px;margin-top:4px;padding:12px 16px;font-size:1rem;font-weight:600}.login-modal-submit:disabled{opacity:.55;cursor:not-allowed}.landing-hero-visual{justify-content:center;align-items:center;min-height:420px;display:flex}.landing-showcase{--showcase-scan-color:#818cf8bf;--showcase-scan-glow:#818cf838;--showcase-badge-gradient:linear-gradient(135deg, #6366f1, #818cf8);width:min(100%,460px);min-height:400px;position:relative}.landing-showcase-glow{background:radial-gradient(circle, var(--landing-glow), transparent 70%);filter:blur(28px);opacity:.7;pointer-events:none;border-radius:50%;position:absolute;inset:10% 5%}.landing-showcase-card{border:1px solid var(--landing-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172aeb;border-radius:20px;position:relative;box-shadow:0 0 0 1px #ffffff0d,0 28px 56px #00000073}.landing-showcase-card--homework{animation:6s ease-in-out infinite landing-float-tilt;transform:perspective(900px)rotateY(-8deg)rotateX(3deg)}.landing-showcase-card--result{background:#0f172af0;border-color:#6366f138;padding:18px 20px;animation:6s ease-in-out .8s infinite landing-float;position:absolute;bottom:24px;left:48px;right:-8px}.landing-showcase-card-head{border-bottom:1px solid var(--landing-border);background:#ffffff08;align-items:center;gap:8px;padding:12px 16px;display:flex}.landing-showcase-dot{border-radius:50%;width:10px;height:10px}.landing-showcase-dot--red{background:#e57373}.landing-showcase-dot--yellow{background:#e5c07b}.landing-showcase-dot--green{background:#7ec699}.landing-showcase-card-title{color:var(--landing-muted);margin-left:8px;font-size:.75rem;font-weight:600}.landing-showcase-homework{--showcase-paper:#0f172a;--showcase-paper-stroke:#ffffff14;--showcase-line-strong:#94a3b859;--showcase-line-muted:#94a3b833;--showcase-text-primary:#e2e8f0;--showcase-text-secondary:#94a3b8;--showcase-error-bg:#f871711a;--showcase-error-stroke:#f8717138;--showcase-error-text:#fca5a5;--showcase-check-bg:#6366f11a;--showcase-check-stroke:#818cf847;--showcase-check-mark:#94a3b8;padding:8px 8px 12px;position:relative;overflow:hidden}.landing-showcase-svg{width:100%;height:auto;display:block}.landing-showcase-scan{background:linear-gradient(90deg, transparent, var(--showcase-scan-color), transparent);height:1px;box-shadow:0 0 10px var(--showcase-scan-glow);animation:3.2s ease-in-out infinite landing-scan;position:absolute;left:0;right:0}.landing-showcase-result-header{color:var(--landing-text);align-items:center;gap:10px;margin-bottom:12px;font-size:.8125rem;font-weight:700;display:flex}.landing-showcase-ai-badge{background:var(--showcase-badge-gradient);color:#fff;border-radius:8px;place-items:center;width:28px;height:28px;font-size:.6875rem;font-weight:800;display:inline-grid}.landing-showcase-result-line{color:var(--landing-text);margin:0 0 8px;font-size:.8125rem;line-height:1.5}.landing-showcase-result-line--muted{color:var(--landing-muted)}.landing-showcase-confidence{color:var(--landing-muted);border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:12px;font-size:.75rem;display:flex}.landing-showcase-confidence strong{color:#c7d2fe;background:#6366f11f;border-radius:999px;padding:4px 10px;font-size:.75rem}.landing-showcase-float{border:1px solid var(--landing-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172af2;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex;position:absolute;box-shadow:0 16px 32px #00000059}.landing-showcase-float span{font-size:1.25rem}.landing-showcase-float strong{font-size:.9375rem;line-height:1.2;display:block}.landing-showcase-float small{color:var(--landing-muted);font-size:.6875rem}.landing-showcase-float--tokens{color:var(--landing-text);animation:5s ease-in-out 1.2s infinite landing-float;top:12px;right:-12px}.landing-showcase-float--tokens span{background:#6366f11a;border-radius:10px;place-items:center;width:32px;height:32px;font-size:1rem;display:inline-grid}.landing-showcase-float--bot{flex-direction:column;gap:4px;padding:10px 12px;animation:5.5s ease-in-out .4s infinite landing-float;top:42%;left:-18px}@keyframes landing-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes landing-float-tilt{0%,to{transform:perspective(900px)rotateY(-8deg)rotateX(3deg)translateY(0)}50%{transform:perspective(900px)rotateY(-8deg)rotateX(3deg)translateY(-5px)}}@keyframes landing-scan{0%{opacity:0;top:12%}15%{opacity:1}85%{opacity:1}to{opacity:0;top:88%}}.landing-section{max-width:1120px;margin:0 auto;padding:64px 24px}.landing-section--alt{padding-top:32px}.landing-section-title{letter-spacing:-.02em;text-align:center;margin:0 0 32px;font-size:1.75rem;font-weight:700}.landing-features{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.landing-feature-card{border:1px solid var(--landing-border);background:var(--landing-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:28px;transition:transform .2s,border-color .2s,box-shadow .2s}.landing-feature-card:hover{border-color:#6366f159;transform:translateY(-4px);box-shadow:0 20px 40px #0003}.landing-feature-icon{background:#6366f126;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:1.4rem;display:inline-flex}.landing-feature-card h3{margin:0 0 10px;font-size:1.125rem;font-weight:700}.landing-feature-card p{color:var(--landing-muted);margin:0;font-size:.9375rem;line-height:1.6}.landing-steps{grid-template-columns:repeat(4,1fr);gap:20px;margin:0;padding:0;list-style:none;display:grid}.landing-step{border:1px solid var(--landing-border);background:var(--landing-surface);border-radius:16px;flex-direction:column;gap:14px;padding:24px 20px;display:flex}.landing-step-num{background:linear-gradient(135deg, var(--landing-accent), #818cf8);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9375rem;font-weight:700;display:inline-flex}.landing-step-text{color:var(--landing-muted);font-size:.9375rem;line-height:1.5}.landing-footer{border-top:1px solid var(--landing-border);text-align:center;padding:32px 24px 48px}.landing-footer-brand{color:var(--landing-text);margin:0 0 6px;font-size:.875rem;font-weight:700}.landing-footer p{color:var(--landing-muted);margin:0;font-size:.875rem}.language-switcher--landing{border:1px solid var(--landing-border);background:var(--landing-surface);color:var(--landing-muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:4px}.language-switcher--landing select{color:var(--landing-text);font:inherit;font-weight:inherit;cursor:pointer;text-align:center;text-align-last:center;background:0 0;border:none;outline:none;min-width:2.75rem;height:1.25rem;margin:0;padding:0}@media (width<=960px){.landing-hero{grid-template-columns:1fr;padding:40px 24px}.landing-hero+.landing-section{padding-top:24px}.landing-hero-subtitle{margin-bottom:24px}.landing-hero-visual{display:none}.landing-section{padding:32px 24px 48px}.landing-section--alt{padding-top:24px}.landing-showcase-card--homework{animation:6s ease-in-out infinite landing-float;transform:none}.landing-showcase-card--result{margin-top:-32px;margin-left:24px;position:relative;bottom:auto;left:auto;right:auto}.landing-showcase-float--tokens{right:0}.landing-showcase-float--bot{left:0}.landing-features{grid-template-columns:1fr}.landing-steps{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.landing-steps{grid-template-columns:1fr}.landing-nav-inner{padding:12px 16px}.landing-nav-actions{gap:6px}.landing-nav-login-button,.language-switcher--landing,.landing-nav-actions .theme-toggle{min-height:36px;padding:0 12px;font-size:.8125rem}.landing-nav-actions .theme-toggle{min-width:36px;padding:0;font-size:.9375rem}.landing-hero,.landing-section{padding-inline:16px}}[data-theme=light] .landing-nav{border-bottom-color:var(--landing-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;box-shadow:0 1px #0f172a0d}[data-theme=light] .landing-badge{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}[data-theme=light] .landing-hero-title{background:linear-gradient(135deg,#0f172a 0%,#334155 100%);-webkit-background-clip:text;background-clip:text}[data-theme=light] .landing-cta,[data-theme=light] .landing-feature-card{box-shadow:var(--landing-card-shadow)}[data-theme=light] .landing-feature-card:hover{border-color:#c7d2fe;box-shadow:0 1px 2px #0f172a0a,0 16px 40px #6366f11a}[data-theme=light] .landing-feature-icon{background:#eef2ff}[data-theme=light] .landing-section--alt{border-top:1px solid var(--landing-border);border-bottom:1px solid var(--landing-border);background:linear-gradient(#0000,#f1f5f9d9)}[data-theme=light] .landing-step{box-shadow:var(--landing-card-shadow)}[data-theme=light] .landing-step-num{color:#fff}[data-theme=light] .landing-footer{background:#fff}[data-theme=light] .landing-showcase-glow{opacity:.45}[data-theme=light] .landing-showcase{--showcase-scan-color:#6366f173;--showcase-scan-glow:#6366f11f;--showcase-badge-gradient:linear-gradient(135deg, #6366f1, #7c83db)}[data-theme=light] .landing-showcase-card{box-shadow:var(--landing-card-shadow);background:#fff}[data-theme=light] .landing-showcase-card--result{background:#f8fafc;border-color:#c7d2fe}[data-theme=light] .landing-showcase-card-head{border-bottom-color:var(--landing-border);background:#f8fafc}[data-theme=light] .landing-showcase-float{box-shadow:var(--landing-card-shadow);background:#fff}[data-theme=light] .landing-showcase-confidence{border-top-color:var(--landing-border)}[data-theme=light] .landing-showcase-confidence strong{color:#64748b;background:#f1f5f9}[data-theme=light] .landing-showcase-homework{--showcase-paper:#fff;--showcase-paper-stroke:#e2e8f0;--showcase-line-strong:#cbd5e1;--showcase-line-muted:#e2e8f0;--showcase-text-primary:#0f172a;--showcase-text-secondary:#64748b;--showcase-error-bg:#fef2f2;--showcase-error-stroke:#fecaca;--showcase-error-text:#b91c1c;--showcase-check-bg:#f8fafc;--showcase-check-stroke:#e2e8f0;--showcase-check-mark:#818cf8}[data-theme=light] .landing-showcase-float--tokens span{background:#f1f5f9}[data-theme=light] .landing-showcase-scan{background:linear-gradient(90deg, transparent, var(--showcase-scan-color), transparent);box-shadow:0 0 8px var(--showcase-scan-glow)}[data-theme=light] .landing-nav-login-button{box-shadow:0 4px 14px #6366f140}[data-theme=light] .landing-nav-login-button:hover{box-shadow:0 8px 20px #6366f152}[data-theme=light] .language-switcher--landing,[data-theme=light] .landing-nav-actions .theme-toggle{box-shadow:0 1px 2px #0f172a0a}[data-theme=light] .login-modal-backdrop{background:#0f172a59}[data-theme=light] .login-modal{background:#fff;box-shadow:0 24px 48px #0f172a1f}[data-theme=light] .login-modal-bot-link{color:#4338ca}[data-theme=light] .login-modal-input{color:var(--landing-text);background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .login-modal-input:focus{box-shadow:0 0 0 3px #6366f126}[data-theme=light] .landing-bg-blob{opacity:.35}[data-theme=light] .landing-bg-grid{background-image:linear-gradient(#0f172a06 1px,#0000 1px),linear-gradient(90deg,#0f172a06 1px,#0000 1px)}.profile-page{gap:28px;display:grid}.profile-loading{color:var(--app-muted);text-align:center;padding:48px 0}.profile-hero{border:1px solid var(--app-border);background:var(--app-surface-strong,var(--app-surface));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--app-card-shadow,0 24px 48px #0000002e);border-radius:20px;justify-content:space-between;align-items:flex-start;gap:20px;padding:28px;display:flex}.profile-hero-main{align-items:center;gap:20px;min-width:0;display:flex}.profile-avatar{width:72px;height:72px;color:var(--app-accent-text,#c7d2fe);letter-spacing:-.03em;background:linear-gradient(135deg,#6366f147,#818cf81f);border:1px solid #6366f147;border-radius:20px;flex-shrink:0;place-items:center;font-size:1.375rem;font-weight:800;display:grid}.profile-hero-text{min-width:0}.profile-hero-label{color:var(--app-muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:.75rem;font-weight:700}.profile-hero-name{letter-spacing:-.03em;margin:0 0 4px;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:800;line-height:1.15}.profile-hero-handle{color:var(--app-muted);margin:0;font-size:.9375rem}.profile-role-badge{letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:center;min-height:34px;padding:0 14px;font-size:.8125rem;font-weight:700;display:inline-flex}.profile-role-badge--teacher{color:var(--app-accent-text,#c7d2fe);background:#6366f11f;border:1px solid #6366f152}.profile-role-badge--student{color:#67e8f9;background:#22d3ee1a;border:1px solid #22d3ee47}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.profile-grid--student{grid-template-columns:1fr}.profile-stats-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.profile-student-stats{margin-top:14px}.profile-link-btn--compact{min-height:38px;padding:0 14px;font-size:.8125rem}.profile-panel{border:1px solid var(--app-border);background:var(--app-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--app-card-shadow,0 16px 32px #00000024);border-radius:18px;padding:24px}.profile-panel--accent{background:#6366f114;border-color:#6366f13d}.profile-panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.profile-panel-title,.profile-section-title{letter-spacing:-.02em;margin:0;font-size:1rem;font-weight:700}.profile-plan-badge{min-height:28px;color:var(--app-accent-text,#c7d2fe);text-transform:uppercase;letter-spacing:.04em;background:#6366f124;border:1px solid #6366f147;border-radius:999px;align-items:center;padding:0 10px;font-size:.75rem;font-weight:700;display:inline-flex}.profile-details{gap:0;margin:16px 0 0;display:grid}.profile-detail-row{border-bottom:1px solid var(--app-border);grid-template-columns:minmax(120px,38%) 1fr;gap:12px;padding:14px 0;display:grid}.profile-detail-row:last-child{border-bottom:none;padding-bottom:0}.profile-detail-row:first-of-type{padding-top:0}.profile-detail-row dt{color:var(--app-muted);margin:0;font-size:.8125rem;font-weight:600}.profile-detail-row dd{color:var(--app-text);text-align:right;word-break:break-word;margin:0;font-size:.9375rem;font-weight:600}.profile-code{background:var(--app-badge-bg,#6366f11a);color:var(--app-badge-color,var(--app-text));border-radius:8px;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;font-weight:500;display:inline-block}.profile-usage-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.profile-usage-label{color:var(--app-muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 6px;font-size:.75rem;font-weight:700}.profile-usage-value{letter-spacing:-.03em;margin:0;font-size:1.5rem;font-weight:800;line-height:1.1}.profile-usage-value--muted{color:var(--app-muted)}.profile-usage-track{background:#94a3b82e;border-radius:999px;height:8px;margin-bottom:10px;overflow:hidden}.profile-usage-fill{border-radius:inherit;background:linear-gradient(90deg,#6366f1,#818cf8);height:100%}.profile-usage-meta{color:var(--app-muted);margin:0 0 18px;font-size:.8125rem}.profile-link-btn{background:linear-gradient(135deg, var(--app-accent), #818cf8);color:#fff;border-radius:12px;justify-content:center;align-items:center;min-height:42px;padding:0 16px;font-size:.875rem;font-weight:700;text-decoration:none;transition:transform .15s,opacity .15s;display:inline-flex;box-shadow:0 10px 22px #6366f138}.profile-link-btn:hover{opacity:.95;transform:translateY(-1px)}.profile-stats{gap:14px;display:grid}.profile-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.profile-stats-grid--single{grid-template-columns:minmax(0,280px)}.profile-stat-card{border:1px solid var(--app-border);background:var(--app-surface);box-shadow:var(--app-card-shadow,0 12px 24px #0000001f);border-radius:16px;padding:20px 22px}.profile-stat-card--highlight{background:#6366f114;border-color:#6366f13d}.profile-stat-value{letter-spacing:-.03em;margin:0 0 6px;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:800;line-height:1}.profile-stat-label{color:var(--app-muted);margin:0;font-size:.8125rem;font-weight:600}.profile-actions-panel,.profile-danger{border:1px solid var(--app-border);background:var(--app-surface);border-radius:18px;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;display:flex}.profile-danger{background:#f871710f;border-color:#f871713d}.profile-actions-desc,.profile-danger-desc{color:var(--app-muted);max-width:52ch;margin:6px 0 0;font-size:.875rem;line-height:1.5}.profile-actions{flex-wrap:wrap;flex-shrink:0;gap:10px;display:flex}.profile-btn{min-height:42px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;padding:0 18px;font-size:.875rem;font-weight:700;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.profile-btn:hover{transform:translateY(-1px)}.profile-btn--secondary{border-color:var(--app-border);background:var(--app-surface);color:var(--app-text)}.profile-btn--secondary:hover{background:var(--app-hover)}.profile-btn--danger{background:var(--app-danger,#ef4444);color:#fff;box-shadow:0 10px 22px #ef444438}[data-theme=light] .profile-hero{background:#fff}[data-theme=light] .profile-role-badge--teacher{color:#4338ca}[data-theme=light] .profile-role-badge--student{color:#0e7490}[data-theme=light] .profile-panel--accent,[data-theme=light] .profile-stat-card--highlight{background:#6366f10f}@media (width<=900px){.profile-grid,.profile-stats-grid,.profile-stats-grid--single{grid-template-columns:1fr}}@media (width<=640px){.profile-hero,.profile-actions-panel,.profile-danger{flex-direction:column;align-items:stretch}.profile-role-badge{align-self:flex-start}.profile-detail-row{grid-template-columns:1fr;gap:4px}.profile-detail-row dd{text-align:left}.profile-actions,.profile-btn,.profile-link-btn{width:100%}}.student-responses-page{gap:24px;display:grid}.student-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.student-stat-card{border:1px solid var(--app-border);background:var(--app-surface);box-shadow:var(--app-card-shadow,0 12px 24px #0000001f);border-radius:16px;gap:6px;padding:18px 20px;display:grid}.student-stat-card--accent{background:#6366f11a;border-color:#6366f147}.student-stat-card--success{background:#22c55e14;border-color:#22c55e47}.student-stat-card--warning{background:#f59e0b14;border-color:#f59e0b47}.student-stat-card--danger{background:#ef444414;border-color:#ef444447}.student-stat-icon{color:var(--app-accent-text,#c7d2fe)}.student-stat-label{color:var(--app-muted);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.6875rem;font-weight:700}.student-stat-value{letter-spacing:-.03em;margin:0;font-size:clamp(1.35rem,2vw,1.75rem);font-weight:800}.student-responses-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.student-responses-search{flex:220px;min-width:0;position:relative}.student-responses-search-icon{color:var(--app-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.student-responses-search-input{border:1px solid var(--app-border);background:var(--app-surface);width:100%;color:var(--app-text);border-radius:12px;padding:11px 14px 11px 42px;font-size:.9375rem}.student-responses-search-input:focus{outline-offset:1px;outline:2px solid #6366f173}.student-responses-list-section{gap:16px;display:grid}.student-responses-loading{color:var(--app-muted);margin:0}.student-responses-list{gap:12px;display:grid}.student-responses-list--loading{opacity:.55;pointer-events:none}.student-response-card{border:1px solid var(--app-border);background:var(--app-surface);color:inherit;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;padding:18px 20px;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;display:grid}.student-response-card:hover{border-color:#6366f159;transform:translateY(-1px);box-shadow:0 12px 28px #0000001f}.student-response-card-main{gap:6px;min-width:0;display:grid}.student-response-card-title{letter-spacing:-.02em;margin:0;font-size:1rem;font-weight:700}.student-response-card-meta{color:var(--app-muted);margin:0;font-size:.8125rem}.student-response-card-preview{color:var(--app-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.student-response-card-side{text-align:right;justify-items:end;gap:8px;display:grid}.student-response-card-score{letter-spacing:-.02em;font-size:1.125rem;font-weight:800}.student-response-card-date{color:var(--app-muted);white-space:nowrap;font-size:.75rem}.student-responses-empty{border:1px dashed var(--app-border);text-align:center;border-radius:18px;justify-items:center;gap:10px;padding:48px 24px;display:grid}.student-responses-empty-icon{width:64px;height:64px;color:var(--app-accent-text,#c7d2fe);background:#6366f11f;border-radius:18px;justify-content:center;align-items:center;display:inline-flex}.student-responses-empty h2{margin:0;font-size:1.125rem}.student-responses-empty p{max-width:36ch;color:var(--app-muted);margin:0;font-size:.9375rem;line-height:1.5}.student-responses-pagination{justify-content:center;align-items:center;gap:16px;display:flex}.student-responses-pagination-btn{border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-text);cursor:pointer;border-radius:10px;padding:8px 14px;font-size:.875rem;font-weight:600}.student-responses-pagination-btn:disabled{opacity:.45;cursor:not-allowed}.student-responses-pagination-status{color:var(--app-muted);font-size:.875rem}@media (width<=900px){.student-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.student-response-card{grid-template-columns:1fr;gap:12px}.student-response-card-side{text-align:left;grid-template-columns:auto auto;grid-auto-flow:column;place-items:center start}.student-response-card-date{grid-column:1/-1}}.base-modal-container:has(.image-preview-modal){width:min(100%,960px);max-height:min(92vh,900px);padding:16px 20px 20px}.base-modal-container:has(.image-preview-modal) .base-modal-body{overflow:hidden}.image-preview-modal{justify-content:center;align-items:center;min-height:0;display:flex}.image-preview-modal__image{object-fit:contain;background:#0f172a59;border-radius:12px;width:auto;max-width:100%;height:auto;max-height:min(78vh,760px);display:block}[data-theme=light] .image-preview-modal__image{background:#f1f5f9}.student-response-detail-page{gap:24px;display:grid}.student-response-detail-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.student-response-detail-meta-item{color:var(--app-muted);font-size:.875rem}.student-response-detail-score{font-size:.9375rem;font-weight:700}.student-response-detail-download{background:var(--app-accent,#6366f1);color:#fff;font:inherit;white-space:nowrap;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.student-response-detail-download:disabled{opacity:.65;cursor:not-allowed}.student-response-detail-download:hover{filter:brightness(1.05)}.student-response-detail-dates{color:var(--app-muted);flex-wrap:wrap;gap:16px;font-size:.8125rem;display:flex}.student-response-detail-alert{border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;font-size:.9375rem;line-height:1.5;display:flex}.student-response-detail-alert p{margin:0}.student-response-detail-alert--info{color:var(--app-text);background:#6366f114;border:1px solid #6366f147}.student-response-detail-rejected{margin:0}.student-response-detail-resubmit{color:var(--app-muted);margin:12px 0 0;font-size:.875rem}.student-response-detail-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:24px;display:grid}.student-response-detail-section-title{align-items:center;gap:8px;margin:0 0 14px;font-size:.9375rem;font-weight:700;display:flex}.student-response-detail-images{gap:12px;display:grid}.student-response-detail-image-open{border:1px solid var(--app-border);background:var(--app-surface);cursor:zoom-in;text-align:left;border-radius:14px;width:100%;padding:0;display:block;overflow:hidden}.student-response-detail-image-open:focus-visible{outline-offset:2px;outline:2px solid #6366f18c}.student-response-detail-image-open img{width:100%;height:auto;display:block}.student-response-detail-no-images{color:var(--app-muted);margin:0;font-size:.9375rem}.student-response-detail-empty{color:var(--app-muted);margin:0}.student-response-detail-back{color:var(--app-accent-text,#c7d2fe);font-weight:600;text-decoration:none;display:inline-flex}.student-response-detail-back:hover{text-decoration:underline}@media (width<=900px){.student-response-detail-layout{grid-template-columns:1fr}}.uz-phone-input{border:1px solid var(--app-border,#ffffff1a);background:#0f172aa6;border-radius:12px;align-items:stretch;width:100%;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.uz-phone-input:focus-within{border-color:#6366f180;box-shadow:0 0 0 3px #6366f126}[data-theme=light] .uz-phone-input{background:var(--app-surface,#fff)}.uz-phone-input-prefix{border-right:1px solid var(--app-border,#ffffff1a);color:var(--app-muted,#94a3b8);white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;padding:0 12px;font-size:1rem;font-weight:600;display:flex}.uz-phone-input-field{min-width:0;color:var(--app-text,#f1f5f9);background:0 0;border:none;outline:none;flex:1;padding:12px 14px;font-size:1rem}.uz-phone-input-field:disabled{opacity:.7;cursor:not-allowed}.uz-phone-input-field::placeholder{color:var(--app-muted,#64748b)}.uz-phone-input:has(.uz-phone-input-field:disabled){opacity:.7;cursor:not-allowed}.usage-page{gap:28px;display:grid}.usage-page-loading{color:var(--app-muted);text-align:center;padding:48px 0}.usage-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.usage-stat-card{border:1px solid var(--app-border);background:var(--app-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--app-card-shadow,0 16px 32px #0000002e);border-radius:18px;padding:22px 24px}.usage-stat-card--accent{background:#6366f11a;border-color:#6366f147}.usage-stat-label{color:var(--app-muted);letter-spacing:.02em;text-transform:uppercase;margin:0 0 10px;font-size:.8125rem;font-weight:600}.usage-stat-value{letter-spacing:-.03em;margin:0;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:800;line-height:1.1}.usage-stat-value--muted{color:var(--app-accent-text,#c7d2fe)}.usage-progress-card{border:1px solid var(--app-border);background:var(--app-surface-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--app-card-shadow,0 24px 48px #00000040);border-radius:20px;padding:28px}.usage-progress-top{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.usage-plan{gap:6px;display:grid}.usage-plan-label{color:var(--app-muted);margin:0;font-size:.8125rem;font-weight:600}.usage-plan-name{margin:0;font-size:1.125rem;font-weight:700}.usage-plan-badge{color:#a5f3fc;text-transform:uppercase;letter-spacing:.04em;background:#22d3ee1f;border:1px solid #22d3ee40;border-radius:999px;align-items:center;width:fit-content;padding:6px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.usage-percent{letter-spacing:-.04em;background:linear-gradient(135deg, var(--app-accent), var(--app-accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2rem;font-weight:800}.usage-progress-track{background:var(--app-hover,#ffffff14);border-radius:999px;height:14px;overflow:hidden;box-shadow:inset 0 1px 2px #00000014}.usage-progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--app-accent), var(--app-accent-2));height:100%;box-shadow:0 0 20px var(--app-glow);transition:width .4s}.usage-progress-fill--warning{background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 0 20px #f59e0b59}.usage-progress-fill--danger{background:linear-gradient(90deg,#ef4444,#f87171);box-shadow:0 0 20px #ef444459}.usage-progress-meta{color:var(--app-muted);justify-content:space-between;gap:12px;margin-top:14px;font-size:.8125rem;display:flex}.usage-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.usage-info-card{border:1px solid var(--app-border);background:var(--app-surface);border-radius:16px;padding:22px}.usage-info-card h2{margin:0 0 10px;font-size:.9375rem;font-weight:700}.usage-info-card p{color:var(--app-muted);margin:0;font-size:.875rem;line-height:1.65}@media (width<=820px){.usage-stats,.usage-info-grid{grid-template-columns:1fr}.usage-progress-top{flex-direction:column}}.usage-pricing-section{gap:24px;margin-top:8px;display:grid}.usage-pricing-header{gap:6px;display:grid}.usage-pricing-title{letter-spacing:-.02em;color:var(--app-text,#f1f5f9);margin:0;font-size:1.375rem;font-weight:800}.usage-pricing-subtitle{max-width:52ch;color:var(--app-muted,#94a3b8);margin:0;font-size:.9375rem;line-height:1.55}.usage-pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.usage-pricing-card{border:1px solid var(--app-border,#ffffff1a);background:var(--app-surface,#0f172ab8);min-width:0;min-height:100%;box-shadow:var(--app-card-shadow,0 12px 28px #0f172a1f);border-radius:18px;flex-direction:column;gap:20px;padding:22px 20px 20px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.usage-pricing-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px #0f172a29}.usage-pricing-card--current{border-color:#6366f173;box-shadow:0 0 0 1px #6366f11f,0 16px 32px #6366f11f}.usage-pricing-card--premium{background:linear-gradient(180deg, #6366f10f, transparent 42%), var(--app-surface,#0f172ab8);border-color:#6366f147}.usage-pricing-card--premium-plus{background:linear-gradient(180deg, #22d3ee0f, transparent 42%), var(--app-surface,#0f172ab8);border-color:#22d3ee47}.usage-pricing-card--start{background:linear-gradient(180deg, #a855f70f, transparent 42%), var(--app-surface,#0f172ab8);border-color:#a855f747}.usage-pricing-card-top{flex-direction:column;flex:1;gap:14px;min-height:0;display:flex}.usage-pricing-badges{justify-content:space-between;align-items:center;gap:8px;min-height:28px;display:flex}.usage-pricing-badge-spacer{flex:1}.usage-pricing-badge{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:999px;align-items:center;max-width:100%;padding:5px 10px;font-size:.6875rem;font-weight:700;line-height:1.2;display:inline-flex}.usage-pricing-badge--freemium{color:var(--app-muted,#94a3b8);background:#94a3b824;border:1px solid #94a3b838;margin-left:auto}.usage-pricing-badge--premium{color:#a5b4fc;background:#6366f124;border:1px solid #6366f13d;margin-left:auto}.usage-pricing-badge--start{color:#d8b4fe;background:#a855f724;border:1px solid #a855f73d;margin-left:auto}.usage-pricing-badge--premium-plus{color:#a5f3fc;background:#22d3ee24;border:1px solid #22d3ee3d;margin-left:auto}.usage-pricing-plan-name{letter-spacing:-.01em;color:var(--app-text,#f1f5f9);margin:0;font-size:1.0625rem;font-weight:700}.usage-pricing-price-block{gap:6px;min-height:72px;display:grid}.usage-pricing-list-price{color:var(--app-muted,#94a3b8);align-items:baseline;gap:4px;margin:0;line-height:1;display:inline-flex}.usage-pricing-list-amount{font-size:.9375rem;font-weight:600;text-decoration:line-through;text-decoration-thickness:1px}.usage-pricing-list-currency{font-size:.75rem;font-weight:500;text-decoration:line-through}.usage-pricing-price-main{flex-wrap:nowrap;align-items:baseline;gap:.35rem;margin:0;line-height:1.2;display:flex}.usage-pricing-amount{letter-spacing:-.03em;color:var(--app-text,#f1f5f9);font-variant-numeric:tabular-nums;font-size:clamp(1.65rem,2vw,2rem);font-weight:800}.usage-pricing-currency{color:var(--app-muted,#94a3b8);white-space:nowrap;font-size:.9375rem;font-weight:600}.usage-pricing-period{color:var(--app-muted,#94a3b8);white-space:nowrap;font-size:.8125rem;font-weight:500}.usage-pricing-tokens{color:var(--app-muted,#94a3b8);margin:0;padding-top:2px;font-size:.875rem;font-weight:500;line-height:1.45}.usage-pricing-sale-badge{letter-spacing:.03em;color:#f87171;white-space:nowrap;background:#ef44441f;border:1px solid #ef444438;border-radius:999px;flex-shrink:0;padding:5px 9px;font-size:.6875rem;font-weight:700}.usage-pricing-btn--start{color:#fff;background:linear-gradient(135deg,#a855f7,#c084fc);box-shadow:0 8px 20px #a855f733}.usage-pricing-features{flex:1;gap:12px;margin:0 0 28px;padding:0;list-style:none;display:grid}.usage-pricing-features li{color:var(--app-muted,#94a3b8);align-items:center;gap:8px;font-size:.875rem;display:flex}.usage-pricing-features li:before{content:"✓";color:var(--app-accent,#6366f1);font-weight:700}.usage-pricing-btn{cursor:pointer;text-align:center;border:none;border-radius:12px;width:100%;margin-top:auto;padding:12px 14px;font-size:.9375rem;font-weight:600;transition:transform .15s,filter .15s,box-shadow .15s}.usage-pricing-btn--secondary{background:var(--app-surface,#ffffff0d);border:1px solid var(--app-border,#ffffff1a);color:var(--app-text,#f1f5f9)}.usage-pricing-btn--secondary:disabled{opacity:.6;cursor:not-allowed}.usage-pricing-btn--premium{background:linear-gradient(135deg, var(--app-accent,#6366f1), #818cf8);color:#fff;box-shadow:0 8px 20px #6366f133}.usage-pricing-btn--premium-plus{background:linear-gradient(135deg, var(--app-accent-2,#22d3ee), #06b6d4);color:#0f172a;box-shadow:0 8px 20px #22d3ee33}.usage-pricing-btn:not(:disabled):hover{filter:brightness(1.1);transform:translateY(-1px)}.purchase-form{gap:16px;margin-top:8px;display:grid}.purchase-form-field{gap:8px;display:grid}.purchase-form-field label{color:var(--app-text,#f1f5f9);font-size:.875rem;font-weight:600}.purchase-form-input{border:1px solid var(--app-border,#ffffff1a);background:var(--app-input-bg,#0f172aa6);width:100%;color:var(--app-text,#f1f5f9);border-radius:12px;outline:none;padding:12px 14px;font-size:1rem;transition:border-color .15s,box-shadow .15s}.purchase-form-input:focus{border-color:#6366f180;box-shadow:0 0 0 3px #6366f126}.purchase-form-btn{background:linear-gradient(135deg, var(--app-accent,#6366f1), #818cf8);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px;font-size:.9375rem;font-weight:600;transition:all .15s}.purchase-form-btn:disabled{opacity:.55;cursor:not-allowed}.purchase-form-btn:not(:disabled):hover{filter:brightness(1.1)}.purchase-warning{gap:20px;margin-top:8px;display:grid}.purchase-warning-text{color:var(--app-text,#f1f5f9);background:#f59e0b14;border:1px solid #f59e0b40;border-radius:12px;margin:0;padding:14px 16px;font-size:.9375rem;line-height:1.55}.purchase-warning-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.purchase-warning-btn{cursor:pointer;border-radius:12px;padding:12px;font-size:.9375rem;font-weight:600;transition:all .15s}.purchase-warning-btn--secondary{border:1px solid var(--app-border,#ffffff1a);background:var(--app-surface,#ffffff0d);color:var(--app-text,#f1f5f9)}.purchase-warning-btn--primary{background:linear-gradient(135deg, var(--app-accent,#6366f1), #818cf8);color:#fff;border:none}.purchase-warning-btn:disabled{opacity:.55;cursor:not-allowed}[data-theme=light] .usage-plan-badge{color:#0e7490;background:#ecfeff;border-color:#a5f3fc}[data-theme=light] .usage-pricing-badge--freemium{color:#64748b;background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .usage-pricing-badge--premium{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}[data-theme=light] .usage-pricing-badge--premium-plus{color:#0e7490;background:#ecfeff;border-color:#a5f3fc}[data-theme=light] .usage-pricing-badge--start{color:#7e22ce;background:#faf5ff;border-color:#e9d5ff}[data-theme=light] .usage-pricing-btn--premium-plus{color:#fff}[data-theme=light] .recharts-default-tooltip{color:#0f172a!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:10px!important;box-shadow:0 8px 24px #0f172a14!important}@media (width<=1180px){.usage-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.usage-pricing-grid{grid-template-columns:1fr}.usage-pricing-price-block{min-height:0}}.purchase-form-input.uz-phone-input{width:100%}