:root{--ink:#10283c;--muted:#627487;--navy:#0b2a45;--blue:#0f6e9f;--sky:#eaf6fb;--gold:#d3a32b;--line:#dbe3e9;--bg:#f4f7f9;--white:#fff;--shadow:0 12px 34px rgba(15,42,69,.09)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{height:72px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 1440px)/2));position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand-mark{display:grid;place-items:center;width:46px;height:46px;overflow:hidden;border:1px solid rgba(255,255,255,.35);border-radius:12px;background:#fff}.brand-mark img{width:100%;height:100%;object-fit:contain;padding:3px}.brand span:last-child{display:grid}.brand small{opacity:.7;font-size:10px;letter-spacing:.08em}.top-actions{display:flex;gap:16px;align-items:center}.top-actions a{color:#fff}.quick-nav{display:flex;gap:6px;padding:8px max(18px,calc((100vw - 1440px)/2));background:#fff;border-bottom:1px solid var(--line);overflow-x:auto;position:sticky;top:72px;z-index:19}.quick-nav a{padding:8px 13px;border-radius:9px;text-decoration:none;color:var(--ink);white-space:nowrap}.quick-nav a:hover{background:var(--sky)}.page{max-width:1440px;margin:auto;padding:28px 20px 60px}.hero{background:linear-gradient(135deg,var(--navy),#124d70);color:#fff;border-radius:24px;padding:34px;display:flex;align-items:end;justify-content:space-between;gap:24px;box-shadow:var(--shadow)}.hero h1{font-size:clamp(28px,4vw,48px);line-height:1.08;max-width:800px;margin:7px 0}.hero p{opacity:.8}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--gold)}.button{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);text-decoration:none;font-weight:750;cursor:pointer}.button.primary{background:var(--gold);border-color:var(--gold);color:#17202a}.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:20px 0}.kpi{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.kpi span{display:block;color:var(--muted);font-size:12px}.kpi strong{font-size:28px}.module-section{margin:32px 0}.module-section h2{font-size:20px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.module-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;text-decoration:none;color:var(--ink);transition:.18s}.module-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#b6d6e6}.module-card p{margin:3px 0 0;color:var(--muted);font-size:13px}.module-icon{width:44px;height:44px;border-radius:12px;background:var(--sky);display:grid;place-items:center;color:var(--blue);font-size:20px;font-weight:900}.integration{display:flex;gap:18px;align-items:center;padding:22px;border-radius:16px;background:#eaf6fb;border:1px solid #cce4ef}.integration span{flex:1;color:var(--muted)}.integration a{font-weight:800;color:var(--blue)}.page-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.page-head h1{margin:4px 0}.page-head p{margin:0;color:var(--muted)}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:16px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid var(--line)}th{background:#f0f5f7;font-size:12px;text-transform:capitalize}.empty{text-align:center;color:var(--muted);padding:42px}.form-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:22px}.form-field{display:grid;gap:6px}.form-field label{font-weight:700;font-size:13px}.field-control,input,select,textarea{width:100%;padding:11px;border:1px solid #c9d5dd;border-radius:10px;background:#fff;font:inherit}.checkbox{display:flex;align-items:center}.notice{padding:12px 16px;background:#e6f8eb;border:1px solid #b8e2c2;border-radius:10px;margin-bottom:16px}.login-wrap{min-height:calc(100vh - 160px);display:grid;place-items:center}.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:var(--shadow)}.login-logo{display:block;width:min(300px,88%);height:auto;margin:0 auto 18px}.login-card h1{margin-bottom:4px}.login-card p{color:var(--muted)}.login-card form p{display:grid;gap:5px}.login-card .button{width:100%}footer{text-align:center;padding:24px;color:var(--muted);font-size:12px}@media(max-width:980px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.module-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.topbar{height:64px;padding:0 14px}.brand-mark{width:40px;height:40px}.brand small,.top-actions span,.top-actions a:first-of-type{display:none}.quick-nav{top:64px;padding:7px 10px}.page{padding:16px 12px 40px}.hero{padding:24px;display:block}.hero .button{margin-top:14px;width:100%}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:9px}.kpi{padding:14px}.kpi strong{font-size:23px}.module-grid{grid-template-columns:1fr}.module-card{padding:15px}.form-grid{grid-template-columns:1fr}.page-head{align-items:flex-start}.integration{align-items:flex-start;flex-direction:column}}