:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#102344;background:#eef2f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{background:#0e2344;color:#fff;padding:28px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{font-size:28px;font-weight:800;letter-spacing:-.03em}.brand.large{color:#102344;font-size:38px}.sidebar nav{display:grid;gap:8px;margin-top:42px}.nav-link{display:flex;align-items:center;gap:13px;padding:13px 14px;color:#dce7fa;text-decoration:none;border-radius:10px;font-weight:650;transition:.18s}.nav-link svg{width:20px}.nav-link:hover,.nav-link.active{background:#4f46f0;color:#fff}.sidebar-user{margin-top:auto;display:grid;gap:5px;font-size:14px}.sidebar-user span{color:#b8c7df}.text-button{background:none;border:0;color:#dce7fa;padding:10px 0;display:flex;gap:8px;cursor:pointer}.text-button svg{width:18px}.content{padding:34px;max-width:1600px;width:100%;margin:auto}.page-header{display:flex;justify-content:space-between;margin-bottom:24px}.page-header h1{font-size:31px;margin:0 0 6px}.page-header p{margin:0;color:#5f7090}.dashboard-grid,.staff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.feature-card,.card,.staff-card,.table-card,.empty-card{background:#fff;border:1px solid #d9e1ee;border-radius:16px;box-shadow:0 8px 24px #10234412}.feature-card{padding:24px;color:inherit;text-decoration:none;display:flex;gap:18px;transition:.18s}.feature-card:hover{transform:translateY(-2px);box-shadow:0 13px 28px #1023441f}.feature-card>svg{color:#5146e5;width:34px;height:34px}.feature-card strong{font-size:27px}.feature-card h2{margin:5px 0}.feature-card p{margin:0;color:#637493}.inline-form{display:flex;align-items:end;gap:15px;padding:20px;margin-bottom:20px;flex-wrap:wrap}label{display:grid;gap:7px;font-weight:650;flex:1;min-width:210px}input{height:44px;border:1px solid #c9d4e5;border-radius:9px;padding:0 12px;background:#fff;color:#102344}.primary,.secondary{border-radius:9px;padding:11px 20px;font-weight:700;cursor:pointer}.primary{border:1px solid #5146e5;background:#5146e5;color:#fff}.secondary{border:1px solid #c9d4e5;background:#f7f9fc;color:#102344}.primary:hover{background:#4037d8}.table-card{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:15px 17px;border-bottom:1px solid #e4e9f2}th{font-size:14px;color:#516381;background:#f8fafd}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#e9e7ff;color:#4037d8;font-size:13px;font-weight:750}.empty{text-align:center;padding:45px;color:#637493}.staff-card{display:flex;gap:15px;padding:20px}.staff-card h2{margin:0 0 7px}.staff-card a,.staff-card span{display:block;margin-top:7px}.avatar{width:54px;height:54px;border-radius:12px;display:grid;place-items:center;background:#e9e7ff;color:#4037d8;font-weight:800}.empty-card,.notice{padding:24px}.notice{background:#fff8dd;border:1px solid #ecd98b;border-radius:12px}.auth-page,.center-page{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(430px,100%);background:#fff;padding:34px;border-radius:18px;box-shadow:0 20px 60px #1023442b;display:grid;gap:17px}.auth-card h1{margin:5px 0}.message{color:#7b3150}.payload{padding:20px;overflow:auto}@media(max-width:760px){.app-shell{display:block}.sidebar{height:auto;position:static}.sidebar nav{margin-top:20px;grid-template-columns:repeat(2,1fr)}.sidebar-user{margin-top:20px}.content{padding:22px 16px}.inline-form{display:grid}.page-header h1{font-size:26px}}@media(prefers-color-scheme:dark){:root{color:#eef4ff;background:#071426}.content{background:#0a172a}.feature-card,.card,.staff-card,.table-card,.empty-card,.auth-card{background:#12233e;border-color:#29415f}.feature-card{color:#eef4ff}.feature-card p,.page-header p{color:#aebed6}input{background:#0a172a;color:#fff;border-color:#3c5271}th{background:#172a47;color:#c8d6eb}th,td{border-color:#29415f}.brand.large{color:#fff}}