:root{--navy:#071b36;--navy2:#0c335c;--blue:#1565d8;--blue2:#287df0;--sky:#eaf3ff;--bg:#f4f7fb;--text:#14233b;--muted:#718096;--line:#dce5ef;--white:#fff;--green:#14866d;--orange:#d97706;--red:#d33b4b;--violet:#7756cc;--shadow:0 12px 34px rgba(24,54,94,.09)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);font-size:16px}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.side{background:linear-gradient(180deg,var(--navy),#092746 70%,var(--navy2));color:#fff;padding:26px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 27px;border-bottom:1px solid #ffffff1c}.brandmark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#36a4ff,var(--blue));display:grid;place-items:center;font-weight:850;box-shadow:0 8px 20px #001a3970}.brand b{font-size:20px}.brand small{display:block;color:#9dc4eb}.nav{display:grid;gap:7px;margin-top:25px}.nav a{color:#bcd4eb;border-radius:10px;padding:12px 13px;display:flex;gap:11px;align-items:center}.nav a:hover,.nav a.active{background:#ffffff18;color:#fff}.ico{width:23px;text-align:center}.profile{margin-top:auto;border-top:1px solid #ffffff1c;padding:20px 8px 0;display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#3182eb;font-weight:800}.profile small{color:#9dc4eb;display:block}.main{min-width:0}.top{height:75px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:5}.top h1{font-size:20px;margin:0}.content{padding:28px 32px 50px;max-width:1500px;margin:auto}.hello{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px;gap:15px}.hello h2{margin:0 0 5px;font-size:26px}.muted{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:23px}.card,.panel{background:white;border:1px solid #e3eaf3;border-radius:14px;box-shadow:var(--shadow)}.card{padding:19px}.metric{display:flex;justify-content:space-between}.metric b{font-size:28px;display:block;margin-top:7px}.iconbox{width:40px;height:40px;border-radius:11px;background:var(--sky);color:var(--blue);display:grid;place-items:center}.panel{overflow:hidden;margin-bottom:20px}.panel-head{padding:18px 21px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-head h3{margin:0;font-size:17px}.panel-body{padding:20px}.grid2{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.filters{display:flex;gap:10px;flex-wrap:wrap}.input,.select,textarea{border:1px solid #cfdbe8;border-radius:9px;padding:10px 12px;background:#fff;color:var(--text);font:inherit;width:100%}.filters .input{width:250px}.btn{display:inline-block;border:0;border-radius:9px;padding:10px 15px;font:700 14px inherit;cursor:pointer}.btn-primary{color:white;background:linear-gradient(135deg,var(--blue2),var(--blue));box-shadow:0 6px 14px #1765cf38}.btn-soft{color:var(--blue);background:var(--sky)}.btn-ghost{color:var(--text);background:white;border:1px solid var(--line)}.btn-danger{color:#b62939;background:#fee9eb}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid #e7edf4;vertical-align:middle}th{color:#64748b;font-size:13px;background:#f9fbfd}td{font-size:14px}.scroll{overflow-x:auto}.company b{display:block}.company small{display:block;color:var(--muted);margin-top:4px}.badge{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:750}.new{background:#e9f3ff;color:#1965bd}.later{background:#fff1d9;color:#a95d00}.interest{background:#dcf7ef;color:#08765c}.noanswer{background:#fee9eb;color:#b62939}.won{background:#e9e4ff;color:#6747b2}.empty{background:#eef2f7;color:#596579}.lock{color:var(--muted);font-size:12px}.flash{padding:13px 16px;border-radius:10px;margin-bottom:15px;transition:.3s}.flash.success{background:#daf5eb;color:#08765c}.flash.error{background:#fee9eb;color:#b62939}.flash.hide{opacity:0;transform:translateY(-5px)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.formrow{display:grid;gap:7px;margin-bottom:15px}.formrow label{font-weight:700;font-size:14px}.full{grid-column:1/-1}.required{color:var(--red)}.upload{border:2px dashed #b9cce1;border-radius:14px;padding:38px;text-align:center;background:#f9fcff}.mapping{display:grid;grid-template-columns:1fr 40px 1fr;gap:12px;align-items:center;margin-bottom:10px}.mapping .arrow{text-align:center;color:var(--muted)}.week{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.day{border:1px solid var(--line);border-radius:10px;padding:12px;min-height:130px}.day.today{border:2px solid var(--blue);background:#f6faff}.event{font-size:12px;background:var(--sky);color:var(--blue);padding:6px;border-radius:6px;margin-top:7px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 10% 10%,#dbeeff,transparent 35%),linear-gradient(140deg,#eef6ff,#f7f9fc)}.login{width:min(430px,100%);background:#fff;border-radius:18px;padding:32px;box-shadow:0 25px 70px #14355925}.login .brandmark{color:white;margin-bottom:20px}.login h1{margin:0 0 7px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.history{display:grid;gap:10px}.history-item{border-left:3px solid var(--blue);background:#f7faff;padding:12px 14px;border-radius:0 9px 9px 0}.hamb{display:none}.pagination{display:flex;gap:6px;justify-content:flex-end;padding:15px}.pagination a{padding:7px 10px;border:1px solid var(--line);border-radius:7px}.pagination a.active{background:var(--blue);color:white}
@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}.grid2,.detail-grid{grid-template-columns:1fr}.app{grid-template-columns:82px 1fr}.side{padding:24px 12px}.brand span,.nav .label,.profile div:not(.avatar){display:none}.brand,.nav a,.profile{justify-content:center}}
.nav a.subitem{margin-left:20px;padding-top:9px;padding-bottom:9px;font-size:13px;border-left:2px solid #ffffff22;border-radius:0 9px 9px 0}.transfer-alert{display:flex;justify-content:space-between;align-items:center;gap:15px}.transfer-alert span{font-size:13px}.modal-dialog{width:min(560px,calc(100% - 30px));border:0;border-radius:16px;padding:25px;box-shadow:0 25px 80px #071b3655;color:var(--text)}.modal-dialog::backdrop{background:#071b3699}.modal-dialog h3{margin-top:0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
@media(max-width:700px){.app{display:block}.side{height:100vh;position:fixed;inset:0 18% 0 0;z-index:15;transform:translateX(-105%);transition:.25s}.side.open{transform:none}.side .brand span,.side .nav .label,.side .profile div:not(.avatar){display:block}.nav a{justify-content:flex-start}.top{height:65px;padding:0 16px}.hamb{display:block;border:0;background:#edf3f9;border-radius:8px;padding:8px 10px}.content{padding:20px 15px}.cards{grid-template-columns:1fr 1fr;gap:10px}.card{padding:14px}.metric b{font-size:22px}.week{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.mapping{grid-template-columns:1fr}.mapping .arrow{transform:rotate(90deg)}th,td{white-space:nowrap}.hello{align-items:flex-start;flex-direction:column}.transfer-alert{align-items:flex-start;flex-direction:column}.nav a.subitem{margin-left:10px}}