@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;700&display=swap";:root{--bg:#0f1419;--bg-card:#1a2332;--bg-card-hover:#1f2b3d;--bg-input:#141c27;--border:#2a3a4e;--text:#e8edf2;--text-muted:#89a;--text-dim:#5a6a7a;--accent:#e6a817;--accent-hover:#f0b829;--accent-dim:#e6a81726;--green:#2ecc71;--green-dim:#2ecc7126;--red:#e74c3c;--red-dim:#e74c3c26;--blue:#3498db;--blue-dim:#3498db26;--radius:8px;--radius-lg:12px;--shadow:0 2px 8px #0000004d}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Inter,-apple-system,sans-serif;line-height:1.6}.app-layout{min-height:100vh;display:flex}.sidebar{background:var(--bg-card);border-right:1px solid var(--border);z-index:100;flex-direction:column;width:240px;padding:24px 0;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{border-bottom:1px solid var(--border);margin-bottom:16px;padding:0 24px 24px}.sidebar-logo h1{color:var(--accent);letter-spacing:2px;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700}.sidebar-logo p{color:var(--text-dim);letter-spacing:.5px;margin-top:2px;font-size:11px}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:0 12px;display:flex}.sidebar-link{border-radius:var(--radius);color:var(--text-muted);align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar-link:hover{background:var(--bg-card-hover);color:var(--text)}.sidebar-link.active{background:var(--accent-dim);color:var(--accent)}.sidebar-link .icon{text-align:center;width:24px;font-size:18px}.sidebar-footer{border-top:1px solid var(--border);padding:16px 24px}.sidebar-user{color:var(--text-muted);margin-bottom:8px;font-size:13px}.sidebar-logout{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.sidebar-logout:hover{color:var(--red)}.main-content{flex:1;max-width:1000px;margin-left:240px;padding:32px}.page-header{margin-bottom:32px}.page-header h2{margin-bottom:4px;font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700}.page-header p{color:var(--text-muted);font-size:14px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:20px;padding:24px}.card-title{color:var(--text);margin-bottom:16px;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:12px}.stat-value{font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:700}.stat-sub{color:var(--text-muted);margin-top:4px;font-size:13px}.grade-A{color:var(--green)}.grade-B{color:#27ae60}.grade-C{color:var(--accent)}.grade-D{color:#e67e22}.grade-F{color:var(--red)}.form-group{margin-bottom:16px}.form-group label{color:var(--text-muted);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-input,.form-select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s}.form-input:focus,.form-select:focus{border-color:var(--accent);outline:none}.form-input::placeholder{color:var(--text-dim)}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.btn{border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-card-hover);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--text-dim)}.btn-danger{background:var(--red-dim);color:var(--red)}.btn-danger:hover{background:var(--red);color:#fff}.btn-sm{padding:6px 12px;font-size:13px}.btn-full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.item-list{flex-direction:column;gap:8px;display:flex}.item-row{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.item-row:hover{border-color:var(--text-dim)}.item-info{flex:1}.item-name{font-size:14px;font-weight:600}.item-detail{color:var(--text-muted);font-size:13px}.item-actions{gap:8px;display:flex}.score-bar-container{margin-bottom:16px}.score-bar-label{justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.score-bar-label span:first-child{color:var(--text-muted)}.score-bar-label span:last-child{font-weight:600}.score-bar{background:var(--bg-input);border-radius:4px;height:8px;overflow:hidden}.score-bar-fill{border-radius:4px;height:100%;transition:width .5s}.login-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box{width:100%;max-width:400px;padding:40px}.login-logo{text-align:center;margin-bottom:40px}.login-logo h1{color:var(--accent);letter-spacing:3px;font-family:Space Grotesk,sans-serif;font-size:36px;font-weight:700}.login-logo p{color:var(--text-dim);margin-top:8px;font-size:13px}.login-tagline{color:var(--text-muted);margin-top:4px;font-size:14px}.login-toggle{text-align:center;color:var(--text-muted);margin-top:24px;font-size:14px}.login-toggle button{color:var(--accent);cursor:pointer;background:0 0;border:none;margin-left:4px;font-size:14px;font-weight:600}.login-error{background:var(--red-dim);color:var(--red);border-radius:var(--radius);margin-bottom:16px;padding:10px 14px;font-size:13px}.empty-state{text-align:center;color:var(--text-dim);padding:48px 24px}.empty-state .icon{margin-bottom:16px;font-size:48px}.empty-state h3{color:var(--text-muted);margin-bottom:8px}.loading{text-align:center;color:var(--text-dim);padding:48px}.badge{border-radius:12px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-scout{background:var(--bg-card-hover);color:var(--text-muted)}.badge-worker{background:var(--blue-dim);color:var(--blue)}.badge-queen{background:var(--accent-dim);color:var(--accent)}@media (width<=768px){.sidebar{display:none}.main-content{margin-left:0;padding:16px}.stat-grid{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}}
