:root{--ink:#13233b;--muted:#69778d;--line:#e4eaf2;--bg:#f4f7fa;--blue:#176b87;--blue2:#10566e;--green:#12a68b;--side:#10213c}
.sidebar{background:radial-gradient(circle at 14% 0,#1d5260 0,transparent 27%),linear-gradient(180deg,#10213c 0%,#0b172b 100%)}
.brand-mark{width:42px;height:42px;border-radius:13px;background:transparent;box-shadow:0 10px 26px #07112666;overflow:hidden;flex:0 0 auto}.brand-mark img{display:block;width:100%;height:100%}
.brand strong{font-size:17px;letter-spacing:-.025em;color:#fff}.brand strong span{color:#5eead4}.brand small{color:#9eb0c7}
.sidebar nav a.active{background:linear-gradient(90deg,#2dd4bf24,#ffffff0b);box-shadow:inset 3px 0 #43d8c1}.sidebar nav a:hover{background:#ffffff12}.status-dot{background:#2dd4bf;box-shadow:0 0 0 4px #2dd4bf22}
.topbar{box-shadow:0 1px 10px #10213c08}.btn.primary{background:linear-gradient(135deg,#176b87,#118a84);box-shadow:0 7px 18px #176b8722}.btn.primary:hover{background:linear-gradient(135deg,#10566e,#0d746f)}
.detail-head{background:radial-gradient(circle at 88% 10%,#2dd4bf33,transparent 25%),linear-gradient(120deg,#10213c,#176b87)}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.login-card input:focus,.search input:focus{border-color:#1aa98f;box-shadow:0 0 0 3px #1aa98f18}
.login-page{grid-template-columns:minmax(440px,1.12fr) minmax(420px,.88fr);background:#f8fafc}.login-art{position:relative;overflow:hidden;align-items:center;padding:clamp(48px,8vw,130px);background:radial-gradient(circle at 18% 15%,#2dd4bf35 0,transparent 26%),radial-gradient(circle at 86% 83%,#207a9244 0,transparent 29%),linear-gradient(145deg,#0b172b,#102b4b 58%,#123c4c)}
.login-art:before,.login-art:after{content:"";position:absolute;border:1px solid #5eead428;border-radius:50%}.login-art:before{width:420px;height:420px;right:-190px;top:-130px}.login-art:after{width:290px;height:290px;left:-130px;bottom:-110px}.login-message{position:relative;z-index:1}
.login-art h1{max-width:760px;font-size:clamp(42px,5vw,72px);letter-spacing:-.045em;line-height:1.02;margin:20px 0}.login-art p{max-width:650px;color:#c8d7e5;font-size:18px}.eyebrow{color:#5eead4;font-size:12px}.login-features{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.login-features span{padding:9px 13px;border:1px solid #ffffff20;border-radius:99px;background:#ffffff0b;color:#d8f5f0;font-size:12px;font-weight:700;backdrop-filter:blur(6px)}
.login-panel{background:linear-gradient(180deg,#fff,#f8fafc);padding:clamp(28px,5vw,72px)}.login-card{width:min(420px,100%);background:#fff;border:1px solid #e4eaf2;border-radius:22px;padding:34px;box-shadow:0 28px 80px #10213c16}.login-brand{padding:0 0 30px}.login-brand .brand-mark{width:48px;height:48px}.login-brand .brand strong{color:#13233b;font-size:20px}.login-brand .brand small{color:#69778d}.login-kicker{display:inline-block;margin-bottom:9px;color:#168573;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.login-card h2{letter-spacing:-.035em}.login-card input{padding:12px 13px}.secure{color:#7a8799}
@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-art{display:none}.login-panel{min-height:100vh}.login-card{padding:26px}}