:root{--navy:#10213e;--blue:#246bfe;--cyan:#27c4dd;--ink:#172238;--muted:#68758b;--bg:#f4f7fb;--white:#fff;--danger:#d8394c;--green:#16865b;--line:#dfe6ef}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--blue);text-decoration:none}.app{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#10213e,#15345c);color:white;padding:26px 18px}.logo{display:flex;align-items:center;gap:12px;font-weight:850;font-size:19px;margin-bottom:34px}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-size:24px;font-weight:900;box-shadow:0 8px 22px #246bfe55}.nav a{display:block;color:#dce9ff;padding:12px 14px;border-radius:10px;margin:4px 0}.nav a:hover,.nav a.active{background:#ffffff18;color:white}.main{padding:28px;min-width:0}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.top h1{margin:0;font-size:27px}.card,.auth-card{background:white;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 8px 30px #203b5c0c}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat strong{display:block;font-size:29px;color:var(--navy)}.stat span{color:var(--muted)}.grid{display:grid;gap:16px}.two{grid-template-columns:repeat(2,1fr)}.three{grid-template-columns:repeat(3,1fr)}label{display:block;font-weight:700;color:#34425a;margin-bottom:13px}input,select,textarea{display:block;width:100%;margin-top:6px;border:1px solid #cad5e3;border-radius:10px;padding:11px 12px;background:white;font:inherit;color:inherit}textarea{min-height:88px;resize:vertical}button,.button{display:inline-block;border:0;border-radius:10px;padding:11px 17px;background:var(--blue);color:white;font:700 14px inherit;cursor:pointer}.secondary{background:#e9eff8;color:#263a59}.danger{background:var(--danger)}.success-text{color:var(--green)}.toolbar{display:flex;gap:10px;align-items:end;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap}.toolbar form{display:flex;gap:8px;flex:1;max-width:620px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:12px;text-transform:uppercase;color:var(--muted)}.avatar{width:42px;height:42px;border-radius:12px;object-fit:cover;background:#e8eef7}.person{display:flex;gap:10px;align-items:center}.alert{padding:12px 14px;border-radius:10px;margin:12px 0}.alert.error{background:#ffe8eb;color:#9d2132}.alert.success{background:#e4f8ef;color:#116642}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{background:#edf3ff;color:#2459b9;border-radius:30px;padding:4px 9px;font-size:12px}.install,.login-page{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at top right,#dff6ff,transparent 35%),var(--bg)}.auth-card{width:min(620px,100%)}.auth-card>.brand-mark{margin:auto}.auth-card h1{text-align:center}.photo-preview{width:120px;height:120px;border-radius:18px;object-fit:cover;background:#edf1f7}.actions{display:flex;gap:6px}.public-head{text-align:center;margin-bottom:20px}.pagination{display:flex;gap:5px;justify-content:center;margin-top:18px}.pagination a{padding:7px 11px;background:#e9eff8;border-radius:8px}.pagination a.active{background:var(--blue);color:#fff}@media(max-width:900px){.app{display:block}.sidebar{padding:14px}.logo{margin-bottom:10px}.nav{display:flex;overflow:auto}.nav a{white-space:nowrap}.stats,.three{grid-template-columns:repeat(2,1fr)}.main{padding:18px}}@media(max-width:560px){.stats,.two,.three{grid-template-columns:1fr}.toolbar form{min-width:100%}.top{align-items:flex-start;gap:12px}.top h1{font-size:23px}}