:root{--bg: #f7f8fb;--surface: #ffffff;--surface-alt: #f0f2f7;--text: #212121;--muted: #6b7280;--primary: #2d71ff;--primary-dark: #1a4ed1;--border: #d6d9e6;--shadow: 0 12px 30px rgba(0, 0, 0, .08)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}app-root{display:block}.container{max-width:1280px;margin:0 auto;padding:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:24px}.btn-primary{background:var(--primary);border:none;color:#fff;font-weight:600;border-radius:12px;padding:12px 18px}.btn-secondary{background:#eef2ff;border:1px solid #d1d5db;color:var(--text);padding:12px 18px;border-radius:12px}.page-title{font-size:1.5rem;margin:0 0 16px}.page-subtitle{color:var(--muted);margin-bottom:24px}.grid{display:grid;gap:24px}.page-layout{min-height:100vh;display:flex;flex-direction:column}.site-header{background:#fff;border-bottom:1px solid var(--border);padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.site-header .brand{display:flex;align-items:center;gap:12px;font-weight:700}.site-header nav a{margin-left:16px;color:var(--muted)}.site-content{flex:1;padding:24px}.page-card{border-radius:20px;overflow:hidden}.sidebar{width:280px;background:#fff;border-right:1px solid var(--border);min-height:calc(100vh - 72px);padding:24px 16px}.sidebar nav a{display:block;margin-bottom:12px;color:var(--text);padding:10px 14px;border-radius:12px}.sidebar nav a.active,.sidebar nav a:hover{background:#eef2ff}.page-body{display:flex}.main-area{width:100%;padding:24px}.login-page{min-height:100vh;display:grid;grid-template-columns:1.3fr 1fr}.login-box{background:#fff;padding:48px;border-radius:28px;max-width:460px;margin:auto}.login-hero{background:linear-gradient(180deg,#2d71ff,#7b8dff);color:#fff;padding:48px;display:flex;align-items:center;justify-content:center}.login-hero h1{font-size:2.5rem;line-height:1.1}.form-field{display:flex;flex-direction:column;margin-bottom:18px}.form-field label{margin-bottom:8px;color:var(--muted)}.form-field input{border:1px solid var(--border);border-radius:14px;padding:14px 16px;outline:none}.form-actions{margin-top:24px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:14px 16px;border-bottom:1px solid var(--border);text-align:left}.table thead{background:#f3f4f6}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:20px}