:root{--navy:#101b35;--blue:#3d5bd9;--bg:#f2f5fb;--text:#141b2d;--muted:#748097;--line:#e5e9f2;--gold:#d5aa54;--green:#14966f;--red:#d64545}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}[hidden],#login[hidden],#app[hidden]{display:none!important}button,input,select{font:inherit}.login{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 10% 10%,#3959cf33,transparent 28%),#091329}.login-shell{width:min(1180px,96vw);min-height:700px;display:grid;grid-template-columns:440px 1fr;background:#fff;border-radius:30px;overflow:hidden;box-shadow:0 40px 100px #03081799}.login-card{width:auto;background:#fff;padding:62px 54px;box-shadow:none;z-index:2}.brand{font-size:21px;font-weight:850;letter-spacing:-.6px}.brand i{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#4967df,#243b9c);color:#fff;font-style:normal;margin-right:7px;box-shadow:0 7px 17px #3654cc44}.brand span{color:var(--gold)}.eyebrow{font-size:10px;font-weight:850;letter-spacing:2px;color:#5971cb;margin-top:60px}.login h1{font-size:42px;line-height:1.08;letter-spacing:-1.8px;margin:14px 0}.login p{color:var(--muted);line-height:1.65;margin:0 0 30px}.login label{display:block;font-size:12px;font-weight:750;margin:15px 0}.login input,.field input,.field select{display:block;width:100%;border:1px solid var(--line);border-radius:12px;padding:14px;margin-top:7px;outline:0;transition:.2s}.login input:focus,.field input:focus,.field select:focus{border-color:#5b75db;box-shadow:0 0 0 4px #5971cb16}.login button,.primary{width:100%;border:0;border-radius:12px;padding:14px;background:linear-gradient(135deg,#3d5bd9,#243da5);color:#fff;font-weight:750;cursor:pointer;box-shadow:0 10px 24px #344fc143;transition:.2s}.login button:hover,.primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px #344fc155}.login button b{float:right}.login small{display:block;color:var(--red);margin-top:12px}.secure-note{text-align:center;color:#8791a4;font-size:11px;margin-top:24px}.secure-note::first-letter{color:#23a879}.login-visual{position:relative;background:#071127;overflow:hidden}.login-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071127 0,transparent 25%),linear-gradient(0deg,#07112799,transparent 50%)}.login-visual img{width:100%;height:100%;object-fit:cover;animation:heroFloat 8s ease-in-out infinite alternate;transform:scale(1.04)}.visual-copy{position:absolute;left:56px;bottom:54px;z-index:2;color:#fff}.visual-copy span{font-size:10px;letter-spacing:2px;color:#d9b86d;font-weight:800}.visual-copy strong{display:block;font-size:29px;line-height:1.2;margin-top:10px}#app{min-height:100vh}aside{position:fixed;inset:0 auto 0 0;width:260px;background:linear-gradient(180deg,#111d38,#0c162c);color:#fff;padding:28px 18px;display:flex;flex-direction:column;box-shadow:15px 0 40px #101b3510}aside .brand{padding:0 10px 31px}nav button{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;color:#aebad1;padding:13px 14px;border-radius:11px;text-align:left;cursor:pointer;margin:3px 0;transition:.2s}nav button:before{content:"";width:7px;height:7px;border:2px solid currentColor;border-radius:3px;transform:rotate(45deg)}nav button:hover,nav button.active{background:linear-gradient(90deg,#4f68d62b,#ffffff08);color:#fff;transform:translateX(3px)}nav button.active:after{content:"";margin-left:auto;width:3px;height:20px;background:var(--gold);border-radius:4px}.logout{margin-top:auto;border:1px solid #ffffff1f;background:#ffffff08;color:#dce3f0;border-radius:10px;padding:12px;cursor:pointer}main{margin-left:260px;min-height:100vh}header{height:88px;background:#ffffffdd;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;gap:16px;position:sticky;top:0;z-index:10}header h1{font-size:22px;margin:0;letter-spacing:-.5px}header p{font-size:12px;color:var(--muted);margin:4px 0}.avatar{margin-left:auto;background:linear-gradient(145deg,#edf0ff,#dce4ff);color:var(--blue);font-weight:850;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;border:1px solid #fff;box-shadow:0 7px 18px #344fc122}#menu{display:none}#content{padding:28px 34px;max-width:1600px;margin:auto}.dash-hero{height:270px;position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(115deg,#0c1730 0%,#142650 57%,#111c38 100%);color:#fff;padding:40px 44px;margin-bottom:22px;box-shadow:0 18px 40px #13203b24}.dash-hero>div{position:relative;z-index:2}.dash-hero .eyebrow{margin:0;color:#ddb965}.dash-hero h2{font-size:32px;letter-spacing:-1px;margin:13px 0 8px}.dash-hero p{color:#b8c3d9}.dash-hero button{margin-top:18px;border:1px solid #ffffff25;border-radius:10px;background:#fff;color:#16254b;padding:11px 16px;font-weight:750;cursor:pointer}.dash-hero img{position:absolute;right:-2%;top:-57%;width:67%;animation:heroFloat 6s ease-in-out infinite alternate}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.metric,.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 7px 24px #24334d0b}.metric{position:relative;overflow:hidden;transition:.25s}.metric:hover{transform:translateY(-4px);box-shadow:0 15px 35px #24334d14}.metric:after{content:"";position:absolute;width:80px;height:80px;right:-35px;bottom:-35px;border-radius:50%;background:#526ddd0a}.metric-icon{float:right;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#edf1ff;color:#4862cf;font-weight:900}.metric small{color:var(--muted);font-size:11px;font-weight:700}.metric strong{display:block;font-size:25px;margin-top:11px;letter-spacing:-.6px}.metric em{font-style:normal;font-size:10px;color:#20a47b}.insight-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:20px}.card h2{font-size:15px;margin:0 0 18px}.visual-card{padding:0;overflow:hidden}.visual-card>img{width:100%;height:230px;object-fit:cover;animation:softFloat 5s ease-in-out infinite alternate}.visual-card>div{padding:0 24px 24px}.visual-card .eyebrow{margin:0}.visual-card h3,.visual-empty h3{margin:8px 0;font-size:17px}.visual-card p,.visual-empty p{color:var(--muted);font-size:12px;line-height:1.6}.visual-empty{text-align:center;padding:20px}.visual-empty img{width:190px;height:150px;object-fit:cover;border-radius:20px}.badge,.status{font-size:11px;padding:5px 8px;border-radius:20px;background:#e9f7f2;color:var(--green)}.toolbar{display:flex;gap:10px;align-items:end;margin-bottom:18px;flex-wrap:wrap}.toolbar .primary{width:auto}.field{min-width:160px;flex:1;font-size:12px;font-weight:700}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px}table{border-collapse:collapse;width:100%;min-width:740px}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid var(--line);font-size:13px}th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.7px;background:#fafbfc}.empty{color:var(--muted);padding:35px;text-align:center}.copy{border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px 9px;cursor:pointer}.status.cancelled{color:var(--red);background:#fff0f0}.status.pending{color:#a46c00;background:#fff7df}.modal-form{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.modal-form .wide{grid-column:1/-1}.notice{padding:13px;border-radius:9px;background:#eef3ff;color:#29479a;margin-bottom:16px}#toast{position:fixed;right:20px;top:20px;z-index:50;background:#172033;color:#fff;padding:12px 18px;border-radius:9px;opacity:0;transform:translateY(-10px);transition:.2s}#toast.show{opacity:1;transform:none}@keyframes heroFloat{to{transform:scale(1.08) translate3d(0,-10px,0)}}@keyframes softFloat{to{transform:scale(1.025) translateY(-5px)}}@media(max-width:1000px){.login-shell{grid-template-columns:1fr;max-width:480px;min-height:auto}.login-visual{display:none}.login-card{padding:46px 40px}.eyebrow{margin-top:42px}.insight-grid{grid-template-columns:1fr}}@media(max-width:900px){aside{transform:translateX(-100%);transition:.2s;z-index:20}aside.open{transform:none}main{margin:0}#menu{display:block;border:0;background:none;font-size:22px}.metrics{grid-template-columns:repeat(2,1fr)}header,#content{padding-left:18px;padding-right:18px}.dash-hero img{opacity:.4;width:100%}}@media(max-width:520px){.login{padding:12px}.login-card{padding:35px 25px}.login h1{font-size:34px}.metrics{grid-template-columns:1fr}.modal-form{grid-template-columns:1fr}.modal-form .wide{grid-column:auto}.dash-hero{height:300px;padding:32px 25px}.dash-hero h2{font-size:27px}}