:root,[data-theme=dark]{--bg-base:#081118;--bg-gradient-1:rgba(45,212,191,.22);--bg-gradient-2:rgba(56,189,248,.18);--bg-gradient-3:#041118;--bg-gradient-4:#071a22;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-teal:#2dd4bf;--accent-sky:#38bdf8;--accent-emerald:#34d399;--accent-amber:#fbbf24;--accent-rose:#f87171;--accent-purple:#a78bfa;--surface:hsla(0,0%,100%,.05);--surface-hover:hsla(0,0%,100%,.08);--surface-deep:rgba(0,0,0,.2);--border:hsla(0,0%,100%,.1);--border-light:hsla(0,0%,100%,.05);--shadow:none}[data-theme=light]{--bg-base:#f8fafc;--bg-gradient-1:rgba(45,212,191,.15);--bg-gradient-2:rgba(56,189,248,.12);--bg-gradient-3:#f1f5f9;--bg-gradient-4:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent-teal:#0d9488;--accent-sky:#0284c7;--accent-emerald:#059669;--accent-amber:#d97706;--accent-rose:#dc2626;--accent-purple:#7c3aed;--surface:hsla(0,0%,100%,.8);--surface-hover:hsla(0,0%,100%,.95);--surface-deep:rgba(0,0,0,.05);--border:rgba(0,0,0,.1);--border-light:rgba(0,0,0,.05);--shadow:0 4px 24px rgba(0,0,0,.06)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100vh}body{background:var(--bg-base);background-image:radial-gradient(circle at top left,var(--bg-gradient-1),transparent 28%),radial-gradient(circle at bottom right,var(--bg-gradient-2),transparent 26%),linear-gradient(160deg,var(--bg-gradient-3) 0,var(--bg-gradient-4) 55%,var(--bg-base) 100%);background-attachment:fixed;color:var(--text-primary);font-family:SF Pro Display,PingFang SC,Hiragino Sans GB,Noto Sans SC,sans-serif;font-weight:400;line-height:1.5;letter-spacing:0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}::selection{background:rgba(45,212,191,.25);color:#f8fafc}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(148,163,184,.35)}::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.55)}:root{--radius-xl:32px;--radius-lg:28px;--radius-md:20px;--radius-sm:14px;--radius-full:9999px;--font-stack:"SF Pro Display","PingFang SC","Hiragino Sans GB","Noto Sans SC",sans-serif}.app-shell{min-height:100vh;display:flex;flex-direction:column}.top-bar{position:-webkit-sticky;position:sticky;top:0;z-index:100;justify-content:space-between;gap:16px;padding:0 24px;height:60px;background:var(--surface);border-bottom:1px solid var(--border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.brand,.top-bar,.topbar-brand{display:flex;align-items:center}.brand,.topbar-brand{gap:10px;flex-shrink:0;text-decoration:none;color:inherit}.brand-mark{width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,var(--accent-teal),var(--accent-sky));color:#000;font-size:20px;font-weight:800;display:flex;align-items:center;justify-content:center}.brand-text{font-size:15px;font-weight:600;color:var(--text-primary);white-space:nowrap}.top-bar-actions,.topbar-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.icon-btn,.theme-btn,.theme-toggle{width:36px;height:36px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);font-size:15px;display:flex;align-items:center;justify-content:center;transition:background .15s;cursor:pointer}.icon-btn:hover,.theme-btn:hover,.theme-toggle:hover{background:var(--surface-hover)}.notif-btn,.notif-menu{position:relative}.notif-badge{top:-2px;right:-2px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--accent-rose,#f87171);color:#fff;font-size:10px;font-weight:700;line-height:16px;align-items:center;justify-content:center;pointer-events:none}.notif-badge,.notif-dropdown{position:absolute;display:flex}.notif-dropdown{top:calc(100% + 8px);right:0;width:min(340px,calc(100vw - 24px));max-height:400px;overflow:hidden;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);z-index:250}.notif-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);font-size:14px}.notif-unread-label{font-size:12px;color:var(--text-muted)}.notif-list{overflow-y:auto;max-height:340px}.notif-item{display:flex;flex-direction:column;gap:4px;width:100%;padding:12px 14px;border:none;border-bottom:1px solid var(--border);background:transparent;color:var(--text-primary);text-align:left;cursor:pointer;transition:background .15s}.notif-item:hover{background:var(--surface-hover)}.notif-item.unread{background:rgba(56,189,248,.1)}.notif-item-type{font-size:11px;font-weight:700;color:var(--accent-sky);letter-spacing:.04em}.notif-item strong{font-size:14px;line-height:1.4}.notif-item-body{font-size:13px;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-item small{font-size:11px;color:var(--text-muted)}.notif-empty{margin:0;padding:20px 14px;text-align:center;color:var(--text-muted);font-size:13px}.user-menu{position:relative}.user-trigger{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:background .15s}.user-trigger:hover{background:var(--surface-hover)}.user-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent-teal);color:#000;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.user-name{font-size:14px;font-weight:500;color:var(--text-primary);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow);z-index:200}.dropdown-item{display:block;width:100%;padding:10px 14px;border:none;border-radius:10px;background:transparent;color:var(--text-primary);font-size:14px;text-align:left;cursor:pointer;transition:background .15s}.dropdown-item:hover{background:var(--surface-hover)}.dropdown-item.danger{color:var(--accent-rose)}.dropdown-divider{height:1px;margin:4px 0;background:var(--border)}.section-card,.system-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:24px;margin-bottom:20px;box-shadow:var(--shadow)}.section-card.wide,.system-card.wide{grid-column:1/-1}.eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-emerald);margin:0 0 4px}.section-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.admin-main h1,.section-card h1,.section-head h2{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.system-help{color:var(--text-muted);font-size:14px;line-height:1.5}.login-form,.system-form{display:flex;flex-direction:column;gap:20px}.form-group,.system-form label{display:flex;flex-direction:column;gap:8px}.form-group label,.system-form label{color:var(--text-secondary);font-size:14px;font-weight:600}.form-group input,.system-form input,.system-form select,.system-form textarea{width:100%;min-height:44px;padding:10px 14px;background:var(--surface-deep);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:15px;transition:border-color .15s,background .15s}.form-group input::placeholder,.system-form input::placeholder,.system-form textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.system-form input:focus,.system-form select:focus,.system-form textarea:focus{outline:none;border-color:var(--accent-teal);background:var(--surface-hover);box-shadow:0 0 0 2px rgba(45,212,191,.12)}.system-form select option{background:var(--bg-base);color:var(--text-primary)}.subject-checkboxes{border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;margin:0}.subject-checkboxes legend{font-size:13px;color:var(--text-secondary);padding:0 4px}.checkbox-row{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:8px}.checkbox-label{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--text-primary);cursor:pointer}.assignment-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px;align-items:end}.assignment-form .primary-button{grid-column:1/-1;max-width:240px}.btn-primary,.primary-button{min-height:44px;padding:12px 24px;border:none;border-radius:var(--radius-full);background:var(--accent-sky);color:#0f172a;font-size:15px;font-weight:700;cursor:pointer;transition:background .15s,transform .15s}.login-form .btn-primary,.login-form .primary-button,.system-form .primary-button{width:100%}.secondary-button{min-height:40px;padding:10px 20px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface-deep);color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.secondary-button:hover{background:var(--surface-hover);border-color:hsla(0,0%,100%,.18)}.primary-button:disabled,.secondary-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button-row{gap:8px;margin-bottom:16px}.button-row .primary-button,.button-row .secondary-button{width:auto}.reply-form{margin-top:16px}.reply-form .primary-button{width:auto;min-height:40px;padding:10px 22px}.reply-textarea,.system-main textarea:not(.system-form textarea){width:100%;min-height:100px;padding:12px 14px;margin-bottom:8px;background:var(--surface-deep);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:15px;line-height:1.5;resize:vertical;transition:border-color .15s,background .15s}.reply-textarea::placeholder{color:var(--text-muted)}.reply-textarea:focus,.system-main textarea:not(.system-form textarea):focus{outline:none;border-color:var(--accent-teal);background:var(--surface-hover);box-shadow:0 0 0 2px rgba(45,212,191,.12)}.btn-primary:hover,.primary-button:hover{background:#7dd3fc;transform:translateY(-1px)}.btn-primary:disabled,.primary-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.error-msg{padding:10px 14px;background:hsla(0,91%,71%,.1);border:1px solid hsla(0,91%,71%,.3);border-radius:var(--radius-sm);color:var(--accent-rose);font-size:14px}.success-msg{color:var(--accent-emerald)}.auth-main{flex:1 1;display:flex;align-items:center;justify-content:center;padding:32px 24px}.auth-card{width:100%;max-width:440px;margin-bottom:0}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:28px}.login-brand h1{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.brand-logo{border-radius:12px;object-fit:contain}.login-footer{display:flex;flex-direction:column;gap:8px;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid var(--border);text-align:center}.login-footer p{margin:0;color:var(--text-muted);font-size:14px}.login-dev-hint{font-size:13px!important;line-height:1.5;color:var(--text-secondary)!important}.login-dev-hint code{font-size:12px;padding:1px 6px;border-radius:4px;background:var(--surface-deep)}.admin-link{color:var(--accent-teal);font-size:14px;font-weight:600;text-decoration:none;transition:color .15s}.admin-link:hover{color:var(--accent-sky)}.admin-body{flex:1 1;display:grid;grid-template-columns:220px 1fr;min-height:0}.admin-sidebar{padding:20px 14px;border-right:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.admin-sidebar-brand{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding:0 4px}.admin-sidebar-brand a.admin-brand-link{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--text-primary);text-decoration:none;font-size:14px}.admin-role-badge{display:inline-block;width:-moz-fit-content;width:fit-content;padding:2px 10px;border-radius:var(--radius-full);background:rgba(56,189,248,.15);color:var(--accent-sky);font-size:11px;font-weight:700}.admin-sidebar-nav{display:flex;flex-direction:column;gap:4px}.admin-sidebar-nav a{padding:10px 12px;border-radius:var(--radius-sm);text-decoration:none;color:var(--text-secondary);font-weight:600;font-size:14px;transition:background .15s,color .15s}.admin-sidebar-nav a.active,.admin-sidebar-nav a:hover{background:var(--surface-hover);color:var(--accent-sky)}.admin-super-link{display:block;margin-top:16px;padding:0 12px;font-size:13px;color:var(--accent-teal);text-decoration:none}.admin-main,.system-main{overflow-y:auto;padding:28px 32px;max-width:1100px}.system-card h3{color:var(--text-primary);font-weight:600}.system-result{background:var(--surface-deep)}.ghost-button,.system-result{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary)}.ghost-button{min-height:40px;padding:0 16px;background:transparent;cursor:pointer;font-weight:600}.ghost-button:hover{background:var(--surface-hover);border-color:var(--accent-sky)}.button-row{display:flex;gap:10px;flex-wrap:wrap}.template-link{border:1px solid var(--border);border-radius:var(--radius-sm)}.file-input-label{border:1px dashed var(--border);border-radius:var(--radius-sm)}.import-preview-meta{margin-top:6px;color:var(--text-muted)}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table td,.admin-table th{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left;color:var(--text-primary)}.admin-table th{color:var(--text-secondary);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.logo-upload-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.logo-preview{border-radius:12px;object-fit:contain;background:var(--surface-deep);border:1px solid var(--border)}.logo-preview-empty{display:flex;align-items:center;justify-content:center;width:64px;height:64px;color:var(--text-muted);font-size:12px}.model-list{list-style:none;padding:0;margin:0}.model-list li{padding:8px 0;border-bottom:1px solid var(--border);color:var(--text-primary)}@media (max-width:900px){.admin-body{grid-template-columns:1fr}.admin-sidebar{border-right:none;border-bottom:1px solid var(--border)}.admin-sidebar-nav{flex-direction:row;flex-wrap:wrap}.system-grid{grid-template-columns:1fr}.top-bar{padding:0 12px}}:root,[data-theme=dark]{--bg:var(--bg-base);--ink:var(--text-primary);--muted:var(--text-muted);--line:var(--border);--input-bg:hsla(0,0%,100%,.06);--input-bg-focus:hsla(0,0%,100%,.1);--result-bg:rgba(0,0,0,.25)}[data-theme=light]{--bg:var(--bg-base);--ink:var(--text-primary);--muted:var(--text-muted);--line:var(--border);--input-bg:#fff;--input-bg-focus:#fff;--result-bg:#f8fafc}.system-shell{min-height:100vh;background:var(--bg);color:var(--ink)}.system-nav{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:18px 24px;background:#18231f;color:#eef6f0}.system-nav a{color:#eef6f0;text-decoration:none;font-weight:700}.system-nav-links{display:flex;flex-wrap:wrap;gap:14px}.link-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;text-decoration:none}.system-main{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:26px 0 42px}.system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.system-card{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.system-card.wide{grid-column:1/-1}.system-card h3{margin:0 0 14px;color:var(--ink);font-size:16px}.system-form{display:grid;grid-gap:12px;gap:12px}.system-form label{display:grid;grid-gap:6px;gap:6px;color:var(--text-secondary);font-size:13px;font-weight:600}.system-form input,.system-form select,.system-form textarea{width:100%;min-height:40px;border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:var(--input-bg);color:var(--ink)}.system-form input::placeholder,.system-form textarea::placeholder{color:var(--muted)}.system-form input:focus,.system-form select:focus,.system-form textarea:focus{outline:none;border-color:var(--accent-sky);background:var(--input-bg-focus);box-shadow:0 0 0 2px rgba(56,189,248,.15)}.system-form select option{background:#0f172a;color:#e2e8f0}.system-form textarea{resize:vertical;min-height:120px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;line-height:1.5}.system-help{margin:0 0 16px;color:var(--muted)}.system-result{white-space:pre-wrap;overflow:auto;max-height:320px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--result-bg);color:var(--ink);font-size:13px;font-family:ui-monospace,SF Mono,Menlo,monospace}.primary-button{min-height:40px;padding:0 18px;border:none;border-radius:999px;background:var(--accent-sky);color:#0f172a;font-weight:700;cursor:pointer;transition:background .15s ease,transform .15s ease}.primary-button:hover{background:#7dd3fc;transform:translateY(-1px)}.primary-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.import-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.template-link{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:8px;color:var(--accent-teal);font-size:13px;font-weight:600;text-decoration:none}.template-link:hover{background:var(--surface-hover)}.file-input-label{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px dashed var(--line);border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer}.file-input-label:hover{border-color:var(--accent-sky);color:var(--accent-sky)}.file-input-label input[type=file]{display:none}.import-preview-meta{margin:0;color:var(--muted);font-size:12px}.page-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:4px}.page-title-row h1{margin:0}@media (max-width:900px){.system-grid{grid-template-columns:1fr}}