@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;900&family=Noto+Sans+SC:wght@300;400;500;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--space-deep: #060b14;--space-panel: rgba(10, 20, 40, .85);--space-border: rgba(0, 212, 255, .18);--border-dim: var(--space-border);--space-border-glow: rgba(0, 212, 255, .35);--control-bg: rgba(0, 0, 0, .35);--neon-blue: #00d4ff;--neon-blue-dim: rgba(0, 212, 255, .5);--neon-cyan: #00f0ff;--data-green: #00ff88;--data-green-dim: rgba(0, 255, 136, .6);--warn-amber: #ff8c42;--warn-amber-dim: rgba(255, 140, 66, .6);--danger-red: #ff3b30;--danger-red-dim: rgba(255, 59, 48, .5);--neon-blue-bg: rgba(0, 212, 255, .06);--data-green-bg: rgba(0, 255, 136, .1);--data-green-border: rgba(0, 255, 136, .2);--warn-amber-bg: rgba(255, 140, 66, .1);--warn-amber-border: rgba(255, 140, 66, .2);--danger-red-bg: rgba(255, 59, 48, .1);--danger-red-border: rgba(255, 59, 48, .2);--neon-cyan-bg: rgba(0, 240, 255, .08);--neon-cyan-border: rgba(0, 240, 255, .2);--text-primary: #e0e8f0;--text-secondary: rgba(200, 210, 225, .75);--text-tertiary: #8a94a8;--font-display: "Orbitron", sans-serif;--font-body: "Noto Sans SC", sans-serif;--radius-sm: 4px;--radius: 8px;--radius-lg: 14px;--glass-blur: 16px}[data-theme=minimal]{--space-deep: #f5f5f7;--space-panel: #ffffff;--control-bg: rgba(0, 0, 0, .04);--space-border: rgba(0, 0, 0, .08);--space-border-glow: rgba(0, 0, 0, .15);--neon-blue: #0071e3;--neon-blue-dim: rgba(0, 113, 227, .5);--neon-blue-bg: rgba(0, 113, 227, .06);--neon-cyan: #2997ff;--neon-cyan-bg: rgba(41, 151, 255, .08);--neon-cyan-border: rgba(41, 151, 255, .2);--data-green: #34c759;--data-green-dim: rgba(52, 199, 89, .6);--data-green-bg: rgba(52, 199, 89, .1);--data-green-border: rgba(52, 199, 89, .2);--warn-amber: #ff9500;--warn-amber-dim: rgba(255, 149, 0, .6);--warn-amber-bg: rgba(255, 149, 0, .1);--warn-amber-border: rgba(255, 149, 0, .2);--danger-red: #ff3b30;--danger-red-dim: rgba(255, 59, 48, .6);--danger-red-bg: rgba(255, 59, 48, .1);--danger-red-border: rgba(255, 59, 48, .2);--text-primary: #1d1d1f;--text-secondary: rgba(0, 0, 0, .8);--text-tertiary: rgba(0, 0, 0, .48)}[data-theme=minimal] .starfield{display:none}[data-theme=minimal] .navbar-brand .brand-dot{box-shadow:none;animation:none}[data-theme=minimal] tbody tr:hover{box-shadow:inset 2px 0 0 0 var(--neon-blue)}[data-theme=minimal] .btn-accent:hover,[data-theme=minimal] .btn-primary:hover,[data-theme=minimal] .btn-success:hover,[data-theme=minimal] .btn-danger:hover{box-shadow:none}body{font-family:var(--font-body);font-size:15px;font-weight:400;line-height:1.5;background:var(--space-deep);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}.starfield{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.stars-distant{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(1px 1px at 10% 15%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 23% 8%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 37% 22%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 42% 5%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 55% 18%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 68% 12%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 73% 28%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 81% 7%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 89% 20%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 94% 14%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 5% 35%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 15% 42%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 28% 38%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 33% 55%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 48% 45%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 52% 62%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 61% 35%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 77% 48%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 85% 55%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 92% 40%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 8% 68%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 20% 72%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 40% 78%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 58% 68%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 70% 82%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 83% 72%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 95% 78%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 12% 88%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 35% 92%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 65% 88%,rgba(255,255,255,.4),transparent)}.stars-mid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 7% 20%,var(--neon-blue-dim),transparent),radial-gradient(1.5px 1.5px at 19% 55%,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 31% 12%,var(--neon-blue-dim),transparent),radial-gradient(1.5px 1.5px at 44% 70%,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 56% 25%,var(--neon-blue-dim),transparent),radial-gradient(1.5px 1.5px at 63% 80%,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 78% 15%,var(--neon-blue-dim),transparent),radial-gradient(1.5px 1.5px at 88% 60%,rgba(255,255,255,.5),transparent),radial-gradient(2px 2px at 14% 45%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 27% 30%,var(--neon-cyan),transparent),radial-gradient(2px 2px at 49% 50%,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 72% 35%,var(--neon-cyan),transparent);animation:twinkle 4s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.65}to{opacity:1}}.nebula{position:absolute;top:-20%;left:-10%;width:120%;height:140%;background:radial-gradient(ellipse at 25% 30%,rgba(0,180,255,.06) 0%,transparent 60%),radial-gradient(ellipse at 70% 60%,rgba(0,100,200,.04) 0%,transparent 55%),radial-gradient(ellipse at 40% 80%,rgba(0,255,200,.03) 0%,transparent 50%);animation:nebulaDrift 20s linear infinite}@keyframes nebulaDrift{0%{transform:translate(0) rotate(0)}33%{transform:translate(1%,-1%) rotate(.5deg)}66%{transform:translate(-.5%,1%) rotate(-.3deg)}to{transform:translate(0) rotate(0)}}.particle-stream{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.particle{position:absolute;width:3px;height:3px;background:var(--neon-blue);border-radius:50%;box-shadow:0 0 6px var(--neon-blue),0 0 12px var(--neon-blue-dim);animation:drift linear infinite;opacity:0}.particle:nth-child(1){left:5%;animation-duration:15s;animation-delay:0s}.particle:nth-child(2){left:15%;animation-duration:18s;animation-delay:2s}.particle:nth-child(3){left:28%;animation-duration:14s;animation-delay:4s}.particle:nth-child(4){left:36%;animation-duration:20s;animation-delay:1s}.particle:nth-child(5){left:44%;animation-duration:16s;animation-delay:5s}.particle:nth-child(6){left:53%;animation-duration:19s;animation-delay:3s}.particle:nth-child(7){left:62%;animation-duration:13s;animation-delay:6s}.particle:nth-child(8){left:71%;animation-duration:17s;animation-delay:2s}.particle:nth-child(9){left:80%;animation-duration:21s;animation-delay:4s}.particle:nth-child(10){left:90%;animation-duration:15s;animation-delay:7s}.particle:nth-child(11){left:12%;animation-duration:22s;animation-delay:1s}.particle:nth-child(12){left:48%;animation-duration:16s;animation-delay:8s}.particle:nth-child(13){left:67%;animation-duration:18s;animation-delay:3s}.particle:nth-child(14){left:85%;animation-duration:14s;animation-delay:5s}.particle:nth-child(15){left:31%;animation-duration:20s;animation-delay:6s}@keyframes drift{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(-100px) translate(40px);opacity:0}}.navbar{position:sticky;top:0;z-index:100;background:var(--space-panel);backdrop-filter:saturate(180%) blur(var(--glass-blur));-webkit-backdrop-filter:saturate(180%) blur(var(--glass-blur));border-bottom:1px solid var(--space-border);padding:0 28px;height:52px;display:flex;align-items:center;justify-content:space-between}.navbar-brand{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.12em;color:var(--text-primary)}.navbar-brand span{color:var(--neon-blue)}.navbar-brand .brand-dot{display:inline-block;width:6px;height:6px;background:var(--neon-blue);border-radius:50%;margin-left:8px;box-shadow:0 0 8px var(--neon-blue),0 0 16px var(--neon-blue);animation:pulseDot 2s ease-in-out infinite}@keyframes pulseDot{0%,to{box-shadow:0 0 6px var(--neon-blue),0 0 12px var(--neon-blue)}50%{box-shadow:0 0 12px var(--neon-blue),0 0 24px var(--neon-cyan)}}.navbar-right{display:flex;align-items:center;gap:10px}.nav-time{font-family:var(--font-display);font-size:11px;letter-spacing:.08em;color:var(--text-tertiary)}.btn{font-family:var(--font-body);font-size:13px;font-weight:500;padding:7px 16px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;letter-spacing:.03em;position:relative;overflow:hidden}.btn-primary{background:var(--neon-blue-bg);color:var(--neon-blue);border:1px solid var(--space-border)}.btn-primary:hover{background:var(--neon-blue-bg);border-color:var(--space-border-glow);box-shadow:0 0 16px var(--neon-blue-bg)}.btn-accent{background:var(--neon-blue);color:var(--space-deep)}.btn-accent:hover{box-shadow:0 0 20px var(--neon-blue-bg);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--text-secondary);border:1px solid var(--space-border)}.btn-outline:hover{border-color:var(--neon-blue);background:var(--control-bg)}.btn-sm{padding:5px 12px;font-size:12px}.btn-danger{background:transparent;color:var(--danger-red);border:1px solid var(--danger-red-dim)}.btn-danger:hover{background:var(--danger-red-bg);box-shadow:0 0 12px var(--danger-red-border)}.btn-success{background:var(--data-green);color:var(--space-deep);font-weight:600}.btn-success:hover{box-shadow:0 0 24px var(--data-green-border);transform:translateY(-1px)}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-icon{background:none;border:none;color:var(--text-tertiary);font-size:18px;cursor:pointer;padding:4px 8px}.btn-icon:hover{color:var(--neon-blue)}.badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.03em}.badge-success{background:var(--data-green-bg);color:var(--data-green);border:1px solid var(--data-green-border)}.badge-warning{background:var(--warn-amber-bg);color:var(--warn-amber);border:1px solid var(--warn-amber-border)}.badge-danger{background:var(--danger-red-bg);color:var(--danger-red);border:1px solid var(--danger-red-border)}.badge-muted{background:var(--control-bg);color:var(--text-tertiary);border:1px solid var(--space-border)}.badge-info{background:var(--neon-cyan-bg);color:var(--neon-cyan);border:1px solid var(--neon-cyan-border)}.users-table-row{border-bottom:1px solid var(--neon-blue-bg);transition:background .15s}.users-table-row:hover{background:var(--neon-blue-bg)}.form-group{margin-bottom:18px}.form-label{display:block;font-family:var(--font-display);font-size:10px;font-weight:600;letter-spacing:.12em;color:var(--text-tertiary);text-transform:uppercase;margin-bottom:6px}select{background:var(--control-bg);border:1px solid var(--space-border);color:var(--text-primary);border-radius:var(--radius);font-family:var(--font-body);font-size:13px;padding:7px 28px 7px 12px;outline:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23a0afc8' stroke-width='1.2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}select:focus{border-color:var(--neon-blue-bg);box-shadow:0 0 8px var(--neon-blue-bg)}select option{background:var(--space-panel);color:var(--text-primary)}.form-input{width:100%;padding:10px 16px;background:var(--control-bg);border:1px solid var(--space-border);border-radius:var(--radius);font-family:var(--font-body);font-size:15px;color:var(--text-primary);transition:all .25s ease}.form-input::placeholder{color:var(--text-tertiary)}.form-input:focus{outline:none;border-color:var(--neon-blue);box-shadow:0 0 16px var(--neon-blue-bg)}.password-wrapper{position:relative}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-tertiary);font-family:var(--font-display);font-size:10px;letter-spacing:.08em;padding:4px 8px;transition:color .2s}.password-toggle:hover{color:var(--neon-blue)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--space-border);border-radius:24px;transition:.3s}.toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background-color:var(--text-primary);border-radius:50%;transition:.3s}.toggle-switch input:checked+.toggle-slider{background-color:var(--neon-blue)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.search-box{background:var(--control-bg);border:1px solid var(--space-border);border-radius:20px;padding:7px 18px;width:220px;font-family:var(--font-body);font-size:13px;color:var(--text-primary);transition:all .25s ease}.search-box::placeholder{color:var(--text-tertiary)}.search-box:focus{outline:none;border-color:var(--neon-blue);box-shadow:0 0 14px var(--neon-blue-bg)}.table-card{background:var(--space-panel);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--space-border);border-radius:var(--radius-lg);overflow:hidden}.table-header{padding:16px 22px;border-bottom:1px solid var(--space-border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.table-title{font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--text-primary)}.table-header-right{display:flex;align-items:center;gap:8px}.section-card{background:var(--space-panel);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--space-border);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px}.section-title{font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.08em;margin-bottom:14px}table{width:100%;border-collapse:collapse}thead th{text-align:left;padding:10px 16px;font-family:var(--font-display);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);background:var(--control-bg);border-bottom:1px solid var(--space-border);white-space:nowrap}tbody td{padding:11px 16px;font-size:13px;border-bottom:1px solid var(--space-border)}tbody tr{cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}tbody tr:hover{background:var(--neon-blue-bg);box-shadow:inset 2px 0 0 0 var(--neon-blue),0 0 16px var(--neon-blue-bg);transform:translate(3px)}tbody tr:last-child td{border-bottom:none}.empty-state{text-align:center;padding:56px 24px;color:var(--text-tertiary)}.empty-state p{margin-bottom:12px}.spinner{display:inline-block;width:24px;height:24px;border:2px solid var(--space-border);border-top-color:var(--neon-blue);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading{text-align:center;padding:48px 24px;color:var(--text-tertiary);font-size:13px}.toast{position:fixed;bottom:28px;right:28px;z-index:2000;padding:12px 22px;border-radius:var(--radius);font-size:13px;font-weight:500;animation:toastIn .35s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toast-success{background:var(--data-green-bg);color:var(--data-green);border:1px solid var(--data-green-border)}.toast-error{background:var(--danger-red-bg);color:var(--danger-red);border:1px solid var(--danger-red-border)}.toast-info{background:var(--neon-blue-bg);color:var(--neon-blue);border:1px solid var(--neon-blue-bg)}@keyframes toastIn{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;align-items:center;justify-content:center}.modal.show{display:flex}.modal-overlay{display:none;position:absolute;z-index:3000;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-overlay.show{display:flex;justify-content:center;align-items:center}.modal-content{position:relative;background:var(--space-panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--space-border-glow);border-radius:var(--radius-lg);padding:32px;max-width:520px;width:90%;max-height:80vh;overflow-y:auto;animation:modalIn .3s ease-out}@keyframes modalIn{0%{transform:scale(.94) translateY(12px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-card{background:var(--space-panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--space-border-glow);border-radius:var(--radius-lg);padding:28px;max-width:440px;width:90%}.modal-title{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:.08em;margin-bottom:20px;color:var(--neon-blue)}.dialog-overlay{display:none;position:fixed;z-index:5000;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:center;align-items:center}.dialog-overlay.show{display:flex}.dialog-card{background:var(--space-panel);border:1px solid var(--space-border-glow);border-radius:var(--radius-lg);padding:28px;max-width:440px;width:90%;animation:modalIn .3s ease-out}.dialog-title{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--neon-blue);letter-spacing:.08em;margin-bottom:14px}.dialog-body{font-family:var(--font-body);font-size:14px;color:var(--text-secondary);line-height:1.7;margin-bottom:22px}.dialog-actions{display:flex;gap:10px;justify-content:flex-end}.dialog-input{width:100%;padding:10px 14px;background:var(--control-bg);border:1px solid var(--space-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:14px;margin-bottom:20px;outline:none;transition:border-color .15s}.dialog-input:focus{border-color:var(--neon-blue);box-shadow:0 0 8px var(--neon-blue-bg)}.auth-link{display:block;text-align:center;margin-top:20px;font-family:var(--font-display);font-size:11px;letter-spacing:.06em;color:var(--text-tertiary);text-decoration:none;transition:color .2s}.auth-link:hover{color:var(--neon-blue)}.back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:20px;color:var(--text-tertiary);text-decoration:none;font-family:var(--font-display);font-size:12px;letter-spacing:.08em;transition:color .2s}.back-link:hover,.back-link .arrow{color:var(--neon-blue)}.auth-container{position:relative;z-index:1;width:100%;max-width:420px;padding:20px}.auth-card{background:var(--space-panel);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--space-border);border-radius:16px;padding:48px 40px;position:relative;overflow:hidden;animation:cardIn .8s ease-out}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--neon-blue-dim),transparent)}@keyframes cardIn{0%{transform:scale(.92) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.auth-title{font-family:var(--font-display);font-size:28px;font-weight:700;text-align:center;letter-spacing:.08em;color:var(--text-primary);margin-bottom:6px}.auth-title .accent{color:var(--neon-blue)}.auth-subtitle{font-family:var(--font-body);font-size:14px;text-align:center;color:var(--text-tertiary);margin-bottom:36px;letter-spacing:.04em}.auth-decor{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:28px}.auth-decor .line{width:40px;height:1px;background:linear-gradient(90deg,transparent,var(--neon-blue-dim))}.auth-decor .line:last-child{background:linear-gradient(90deg,var(--neon-blue-dim),transparent)}.auth-decor .lock{font-family:var(--font-display);font-size:12px;color:var(--neon-blue-dim);letter-spacing:.1em}.auth-footer{text-align:center;margin-top:24px;font-size:11px;color:var(--text-tertiary);font-family:var(--font-display);letter-spacing:.06em}.error-message{display:none;padding:10px 14px;margin-bottom:18px;border-radius:6px;font-size:13px;background:var(--danger-red-bg);color:var(--danger-red);border:1px solid var(--danger-red-border)}.error-message.show{display:block;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes fadeSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.main-content{position:relative;z-index:1;max-width:980px;margin:0 auto;padding:32px 24px}.pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding:14px 20px;border-top:1px solid var(--space-border)}.pagination-info{font-family:var(--font-display);font-size:11px;letter-spacing:.05em;color:var(--text-tertiary)}.pagination-hidden{display:none}@media(max-width:1024px){.main-content{max-width:100%}}@media(max-width:768px){.navbar-right{flex-wrap:wrap;gap:6px}.search-box{width:100%}.main-content{padding:20px 14px}.table-card{overflow-x:auto}}@media(max-width:480px){.toast{left:14px;right:14px;text-align:center}.auth-card{padding:32px 24px}.auth-title{font-size:22px}}.form-input-dark{background:var(--control-bg);border:1px solid var(--border-dim);color:var(--text-primary);padding:4px 8px;border-radius:4px;font-family:var(--font-body)}textarea.form-input-dark{padding:8px;resize:vertical}input[type=date]{background:var(--control-bg);border:1px solid var(--space-border);border-radius:4px;color:var(--neon-blue);font-family:var(--font-display);font-size:12px;padding:4px 8px;outline:none}input[type=date]:focus{border-color:var(--neon-blue-bg);box-shadow:0 0 8px var(--neon-blue-bg)}input[type=date]::-webkit-datetime-edit{color:var(--neon-blue)}input[type=date]::-webkit-datetime-edit-fields-wrapper{background:transparent}input[type=date]::-webkit-datetime-edit-text{color:var(--neon-blue-bg);padding:0 2px}input[type=date]::-webkit-datetime-edit-month-field:focus,input[type=date]::-webkit-datetime-edit-day-field:focus,input[type=date]::-webkit-datetime-edit-year-field:focus{background:var(--neon-blue-bg);color:#fff}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(70%) sepia(93%) saturate(1289%) hue-rotate(163deg) brightness(101%) contrast(101%);cursor:pointer;opacity:.7}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.flex-row{display:flex;gap:8px;align-items:center}.flex-row-wrap{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.flex-col{display:flex;flex-direction:column;gap:8px}.mt-6{margin-top:6px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mb-4{margin-bottom:4px}.mb-6{margin-bottom:6px}.mb-12{margin-bottom:12px}.p-6{padding:6px}.p-8{padding:8px}.p-12{padding:12px}.row-item{display:flex;gap:10px;padding:6px 0;border-bottom:1px solid var(--border-dim);font-size:13px;align-items:center}.text-mono{font-family:var(--font-display);font-size:11px}.text-mono-sm{font-family:var(--font-display);font-size:11px;color:var(--text-tertiary)}.text-muted{color:var(--text-tertiary);font-size:12px}.text-score{font-family:var(--font-display);font-size:16px;font-weight:700}.text-ellipsis{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.min-w-90{min-width:90px}.min-w-110{min-width:110px}.min-w-200{min-width:200px}.flex-1{flex:1}.score-badge{font-family:var(--font-display);font-size:14px;font-weight:700}.section-form-header{font-size:12px;color:var(--text-tertiary);margin-bottom:6px}.section-divider{margin-top:12px;padding-top:8px;border-top:1px solid var(--neon-blue)}.summary-editor{width:100%;min-height:60px;background:var(--control-bg);border:1px solid var(--border-dim);color:var(--text-primary);padding:6px;border-radius:4px;font-family:var(--font-body);font-size:13px;resize:vertical}.empty-state-sm{padding:12px}.scroll-y{max-height:400px;overflow-y:auto}.timeline-item-left{border-left:2px solid var(--neon-blue);padding:8px 16px;margin-bottom:12px;position:relative}.pagination-row{margin-top:12px;padding:10px 0;display:flex;gap:12px;justify-content:center;align-items:center}.profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px 16px}.profile-item{display:flex;align-items:baseline;gap:8px;padding:4px 0;border-bottom:1px solid var(--space-border)}.profile-label{color:var(--text-tertiary);font-size:12px;font-family:var(--font-display);flex-shrink:0;min-width:52px}.profile-value{color:var(--text-primary);font-size:14px}.profile-form{display:flex;flex-direction:column;gap:6px}.form-row{display:flex;align-items:center;gap:8px}.form-row label{color:var(--text-tertiary);font-size:11px;font-family:var(--font-display);min-width:80px}.form-input-dark{background:var(--control-bg);border:1px solid var(--space-border);color:var(--text-primary);padding:4px 8px;border-radius:4px;font-family:var(--font-body)}.badge-warn{background:var(--warn-amber-bg);color:var(--warn-amber)}.bg-text{color:var(--text-secondary);font-size:14px;line-height:1.6;background:var(--control-bg);border:1px solid var(--space-border);border-radius:var(--radius);padding:10px 12px;min-height:60px;white-space:pre-wrap}.profile-bg{margin-top:10px}.weekly-row-head:hover{background:var(--neon-blue-bg)}.weekly-note{color:var(--text-secondary);font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word;margin:0;font-family:var(--font-body)}.tab#tab-search.active{display:flex;flex-direction:column;align-items:center;padding-top:80px}#tab-search .search-box{width:100%;max-width:520px;display:flex;align-items:center;background:var(--space-panel);border:1px solid var(--space-border);border-radius:var(--radius-lg);transition:border-color .25s,box-shadow .25s}#tab-search .search-box:focus-within{border-color:var(--space-border-glow);box-shadow:0 0 0 3px var(--neon-blue-dim),0 0 20px var(--neon-blue-bg)}#tab-search .search-icon{font-size:18px;color:var(--text-tertiary);pointer-events:none;line-height:1;padding-left:18px;flex-shrink:0}#tab-search .search-input{width:100%;padding:14px 20px 14px 8px;font-size:16px;font-family:var(--font-body);background:transparent;border:none;outline:none;color:var(--text-primary)}#tab-search .search-input::placeholder{color:var(--text-tertiary)}#tab-search .search-hint{margin-top:10px;font-size:13px;color:var(--text-tertiary);text-align:center}#tab-search .search-results{width:100%;max-width:520px;margin-top:8px;background:var(--space-panel);border:1px solid var(--space-border);border-radius:var(--radius-lg);max-height:420px;overflow-y:auto}#tab-search .search-result-item{display:flex;align-items:center;padding:14px 20px;gap:14px;border-bottom:1px solid var(--space-border);cursor:pointer;transition:background .15s,box-shadow .15s}#tab-search .search-result-item:last-child{border-bottom:none}#tab-search .search-result-item:hover,#tab-search .search-result-item.highlighted{background:var(--neon-blue-dim);box-shadow:inset 0 0 12px var(--neon-blue-bg)}#tab-search .search-result-avatar{width:34px;height:34px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--neon-blue-dim),var(--neon-blue-bg));border:1px solid var(--space-border-glow);display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--neon-blue)}#tab-search .search-result-name{font-size:15px;font-weight:500;color:var(--text-primary);line-height:1.4}#tab-search .search-result-class{font-size:12px;color:var(--text-secondary);line-height:1.3}#tab-search .search-empty,#tab-search .search-error{padding:40px 20px;text-align:center;color:var(--text-tertiary);font-size:14px}#tab-search .search-loading{padding:24px 20px;text-align:center;color:var(--text-tertiary)}@media(max-width:640px){#tab-search{padding-top:16px}#tab-search .search-box{padding:0 16px}#tab-search .search-results{max-height:40vh}}.app-header{position:sticky;top:0;z-index:100;background:var(--space-panel);backdrop-filter:saturate(180%) blur(var(--glass-blur));-webkit-backdrop-filter:saturate(180%) blur(var(--glass-blur));border-bottom:1px solid var(--space-border);padding:0 24px;height:52px;display:flex;align-items:center;justify-content:space-between}.app-header-left{display:flex;align-items:center;gap:20px}.app-logo{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.1em;color:var(--text-primary);text-decoration:none;white-space:nowrap}.app-logo em{font-style:normal;color:var(--neon-blue)}.app-nav{display:flex;align-items:center;gap:2px}.app-nav a{font-family:var(--font-body);font-size:13px;color:var(--text-secondary);text-decoration:none;padding:7px 16px;border-radius:6px;transition:all .2s;letter-spacing:.02em}.app-nav a:hover{color:var(--text-primary);background:var(--neon-blue-bg)}.app-nav a.active{color:var(--neon-blue);background:var(--neon-blue-bg)}.app-nav-sep{width:1px;height:18px;background:var(--space-border);margin:0 2px}.app-header-right{display:flex;align-items:center;gap:14px}.app-user{font-size:12px;color:var(--text-secondary);white-space:nowrap}.app-clock{font-family:var(--font-display);font-size:10px;color:var(--text-tertiary);letter-spacing:.05em}.app-logout{color:var(--danger-red);font-size:12px;text-decoration:none;opacity:.6;transition:opacity .2s}.app-logout:hover{opacity:1}.sync-status{font-size:10px;color:var(--text-tertiary);white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}.hdr-search-btn{background:none;border:1px solid var(--space-border);width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0;margin-right:4px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Ccircle cx='6' cy='6' r='4.5' stroke='%23a0afc8' stroke-width='1.2'/%3E%3Cpath d='M9 9l3.5 3.5' stroke='%23a0afc8' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;color:transparent}.hdr-search-btn:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Ccircle cx='6' cy='6' r='4.5' stroke='%23a0afc8' stroke-width='1.2'/%3E%3Cpath d='M9 9l3.5 3.5' stroke='%23a0afc8' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E");border-color:var(--neon-blue-dim);background-color:var(--neon-blue-bg)}.hdr-search-btn:hover{color:var(--neon-blue);border-color:var(--neon-blue-dim);background:var(--neon-blue-bg)}.search-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:999;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh}.search-modal{width:520px;max-width:90vw;background:var(--space-panel);border:1px solid var(--space-border-glow);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden}.search-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--space-border)}.search-modal-title{font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--neon-blue)}.search-modal-close{background:none;border:none;color:var(--text-tertiary);font-size:22px;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px}.search-modal-close:hover{color:#fff;background:#ffffff0d}.search-modal-input{width:100%;border:none;border-bottom:1px solid var(--space-border);background:transparent;color:var(--text-primary);padding:18px 44px;font-family:var(--font-body);font-size:17px;outline:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Ccircle cx='8' cy='8' r='6' stroke='%23a0afc8' stroke-width='1.5' opacity='0.5'/%3E%3Cpath d='M12 12l4 4' stroke='%23a0afc8' stroke-width='1.5' stroke-linecap='round' opacity='0.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:18px center}.search-modal-input::placeholder{color:var(--text-tertiary)}.search-modal-status{text-align:center;padding:30px;color:var(--text-tertiary);font-size:13px}.search-modal-results{max-height:360px;overflow-y:auto}.hdr-search-item{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;border-bottom:1px solid var(--neon-blue-bg);transition:background .15s}.hdr-search-item:last-child{border-bottom:none}.hdr-search-item:hover,.hdr-search-item.highlighted{background:var(--neon-blue-bg)}.hdr-search-avatar{width:36px;height:36px;border-radius:50%;background:var(--neon-blue-bg);color:var(--neon-blue);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:15px;font-weight:700;flex-shrink:0}.hdr-search-name{font-size:14px;font-weight:500;color:var(--text-primary)}.hdr-search-class{font-size:12px;color:var(--text-secondary)}@media(max-width:768px){.app-nav a{padding:5px 10px;font-size:12px}.app-nav-sep{display:none}.app-header-left{gap:10px}.app-user{font-size:11px}}
