:root{
  --navy:#0b1f3a;
  --navy2:#132b4d;
  --blue:#1769aa;
  --blue2:#2388d1;
  --sky:#eaf4fb;
  --paper:#f7f9fc;
  --white:#fff;
  --ink:#102033;
  --muted:#66778d;
  --line:#dfe6ef;
  --green:#14845b;
  --red:#b63b46;
  --amber:#b97813;
  --shadow:0 18px 55px rgba(11,31,58,.12);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--paper)}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
.portal-topbar{height:72px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);display:flex;align-items:center;position:sticky;top:0;z-index:20}
.portal-wrap{width:min(1180px,calc(100% - 34px));margin:0 auto}
.portal-nav{display:flex;align-items:center;gap:18px}
.portal-brand{display:flex;align-items:center;gap:11px;font-weight:700;color:var(--navy)}
.portal-brand img{width:42px;height:42px;object-fit:contain;border-radius:9px}
.portal-brand .mark{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:var(--navy);color:white;font-size:20px}
.portal-brand small{display:block;color:var(--muted);font-weight:500;font-size:11px;margin-top:2px}
.portal-nav-right{margin-left:auto;display:flex;align-items:center;gap:10px}
.portal-user{font-size:13px;color:var(--muted)}
.portal-user b{color:var(--ink)}
.portal-btn,.portal-btn-ghost,.portal-btn-danger,.portal-btn-small{border:0;cursor:pointer;border-radius:9px;transition:.15s ease;display:inline-flex;align-items:center;justify-content:center;gap:7px}
.portal-btn{padding:11px 17px;background:var(--navy);color:#fff;font-weight:700}
.portal-btn:hover{background:var(--blue);transform:translateY(-1px)}
.portal-btn-ghost{padding:10px 15px;background:#fff;color:var(--navy);border:1px solid var(--line);font-weight:650}
.portal-btn-ghost:hover{border-color:#aabbd0;background:#f8fbfe}
.portal-btn-danger{padding:9px 12px;background:#fff1f2;color:var(--red);border:1px solid #f0cdd1;font-weight:650}
.portal-btn-small{padding:7px 10px;background:#edf3f8;color:var(--navy);border:1px solid var(--line);font-size:12px;font-weight:650}
.portal-main{padding:50px 0 70px}
.kicker{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--blue);font-weight:800}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(34px,4vw,54px);line-height:1.04;color:var(--navy);letter-spacing:-.035em;margin-bottom:18px}
h2{font-size:28px;color:var(--navy);letter-spacing:-.02em}
.lead{font-size:17px;line-height:1.7;color:var(--muted);max-width:760px}
.card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 35px rgba(11,31,58,.06)}
.flash{padding:12px 14px;border-radius:10px;margin-bottom:14px;font-size:14px;border:1px solid}
.flash.error{background:#fff0f2;color:#8f2733;border-color:#f0cbd0}
.flash.success{background:#eefaf5;color:#126646;border-color:#bfe5d5}

/* login */
.login-page{min-height:100vh;background:linear-gradient(135deg,#07182d 0%,#0b2a4e 58%,#0e527c 100%);display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,610px);overflow:hidden}
.login-visual{position:relative;padding:70px clamp(34px,7vw,110px);color:white;display:flex;flex-direction:column;justify-content:center;isolation:isolate}
.login-visual:before,.login-visual:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);z-index:-1}
.login-visual:before{width:520px;height:520px;right:-120px;top:-160px;border:1px solid rgba(255,255,255,.13);box-shadow:0 0 0 95px rgba(255,255,255,.035),0 0 0 190px rgba(255,255,255,.022)}
.login-visual:after{width:260px;height:260px;left:10%;bottom:-110px;background:rgba(24,132,195,.18);filter:blur(60px)}
.login-visual .lab{font-size:13px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:#93cff4;margin-bottom:20px}
.login-visual h1{color:#fff;max-width:760px}
.login-visual p{max-width:680px;color:#c7d7e8;line-height:1.8;font-size:17px}
.login-points{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.login-points span{padding:8px 11px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#dceaf6;background:rgba(255,255,255,.045);font-size:12px}
.login-panel{background:#fff;padding:58px clamp(30px,5vw,72px);display:flex;align-items:center;overflow-y:auto}
.login-box{width:100%;max-width:480px;margin:auto}
.login-box .logo-row{display:flex;align-items:center;gap:12px;margin-bottom:35px}
.login-box .logo-row img{width:48px;height:48px;object-fit:contain;border-radius:10px}
.login-box .logo-row .fallback{width:48px;height:48px;border-radius:11px;background:var(--navy);display:grid;place-items:center;color:white;font-size:22px}
.login-box .logo-row b{color:var(--navy);font-size:17px}.login-box .logo-row small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.login-box h2{font-size:34px;margin-bottom:9px}.login-sub{color:var(--muted);line-height:1.6;margin-bottom:25px}
.field{margin-bottom:15px}.field label{display:block;font-size:12px;color:#44566c;font-weight:750;margin:0 0 7px}.field input,.field select{width:100%;height:46px;border:1px solid #ccd7e3;border-radius:10px;padding:0 13px;color:var(--ink);background:#fff;outline:none}.field input:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,105,170,.10)}
.login-submit{width:100%;height:48px;margin-top:4px}
.login-note{font-size:11px;color:#8794a4;line-height:1.55;margin-top:17px}
.first-user{background:#fff8e8;border:1px solid #eedaa9;color:#7e5b14;border-radius:10px;padding:12px 13px;font-size:12px;line-height:1.55;margin-bottom:15px}
.locked-box{padding:16px;background:#fff6e9;border:1px solid #eed9af;border-radius:12px;color:#7f5d1c;line-height:1.6}

/* captcha */
.captcha{margin:17px 0 18px;padding:15px;border:1px solid #cad9e7;border-radius:14px;background:linear-gradient(180deg,#f8fbfe,#f0f6fb)}
.captcha-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.captcha-title{font-weight:800;color:var(--navy);font-size:14px}.captcha-desc{font-size:11px;color:var(--muted);line-height:1.45;margin-top:3px}.captcha-badge{white-space:nowrap;font-size:10px;padding:5px 7px;border-radius:999px;background:#dceef9;color:#175a8d;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.quad{width:280px;height:280px;max-width:100%;margin:7px auto 6px;position:relative}
.quad:before,.quad:after{content:"";position:absolute;left:50%;top:50%;width:172px;height:10px;background:#a9bac9;border-radius:9px;transform-origin:center;z-index:1}.quad:before{transform:translate(-50%,-50%) rotate(45deg)}.quad:after{transform:translate(-50%,-50%) rotate(-45deg)}
.quad-body{position:absolute;left:50%;top:50%;width:66px;height:78px;transform:translate(-50%,-50%);border-radius:18px 18px 27px 27px;background:linear-gradient(180deg,#16385d,#091c33);box-shadow:0 8px 20px rgba(11,31,58,.25);z-index:3}.quad-body:before{content:"";position:absolute;left:50%;top:-18px;transform:translateX(-50%);border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid #1f7db7}.quad-body span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:900;color:#dcefff;font-size:10px;letter-spacing:.08em}
.rotor{position:absolute;width:94px;height:94px;border:1px solid #b9cad9;border-radius:50%;background:rgba(255,255,255,.82);box-shadow:0 5px 14px rgba(10,35,60,.08);z-index:4;padding:0;cursor:pointer}.rotor.r0{left:3px;top:3px}.rotor.r1{right:3px;top:3px}.rotor.r2{right:3px;bottom:3px}.rotor.r3{left:3px;bottom:3px}.rotor.locked{cursor:default;border-color:#63a4cb;background:#eef8ff}.rotor:hover:not(.locked){border-color:var(--blue);transform:scale(1.025)}
.rotor-blades{position:absolute;inset:12px;animation:rotorCW .72s linear infinite}.rotor[data-dir="ccw"] .rotor-blades{animation-name:rotorCCW}.rotor-blades:before,.rotor-blades:after{content:"";position:absolute;left:50%;top:50%;width:68px;height:12px;border-radius:100% 12px;background:linear-gradient(90deg,#8da3b6,#163f65 47%,#8da3b6);transform:translate(-50%,-50%)}.rotor-blades:after{transform:translate(-50%,-50%) rotate(90deg)}
.rotor-hub{position:absolute;left:50%;top:50%;width:15px;height:15px;border-radius:50%;background:#0f2944;transform:translate(-50%,-50%);z-index:3}.rotor-dir{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);font-size:18px;font-weight:900;color:#1769aa;z-index:6;text-shadow:0 1px white}.rotor-ref{position:absolute;right:-3px;top:-5px;background:#1769aa;color:white;padding:3px 5px;border-radius:6px;font-size:8px;font-weight:800;z-index:7}
@keyframes rotorCW{to{transform:rotate(360deg)}}@keyframes rotorCCW{to{transform:rotate(-360deg)}}
.captcha-help{text-align:center;color:var(--muted);font-size:10px;line-height:1.5}.captcha-help b{color:var(--navy)}

/* workspace */
.hero-panel{padding:38px 0 26px}.hero-panel h1{font-size:42px;margin-bottom:11px}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}.tool-card{padding:25px;min-height:245px;display:flex;flex-direction:column;position:relative;overflow:hidden}.tool-card:after{content:"";position:absolute;right:-45px;top:-45px;width:140px;height:140px;border-radius:50%;background:#eef5fa}.tool-icon{width:50px;height:50px;border-radius:13px;display:grid;place-items:center;background:#e8f3fa;color:#1267a1;font-size:24px;font-weight:800;position:relative;z-index:1}.tool-card h3{margin:20px 0 8px;color:var(--navy);font-size:20px}.tool-card p{color:var(--muted);font-size:13px;line-height:1.6;flex:1}.tool-state{font-size:11px;font-weight:750;color:var(--green);margin-bottom:11px}.tool-state.off{color:#8a6a2b}.workspace-admin{margin-top:26px;padding:18px 20px;background:#eef5fb;border:1px solid #cbdceb;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:15px}.workspace-admin b{color:var(--navy)}.workspace-admin p{margin:3px 0 0;color:var(--muted);font-size:12px}

/* admin */
.admin-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.admin-title h1{font-size:42px;margin:0}.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:25px}.stat-card{padding:17px}.stat-card .num{font-size:30px;font-weight:850;color:var(--navy)}.stat-card .lbl{font-size:11px;color:var(--muted);margin-top:4px}
.admin-section{padding:23px;margin:18px 0}.section-row{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px}.section-row h2{margin:0;font-size:24px}.section-row p{margin:4px 0 0;color:var(--muted);font-size:12px}
.create-grid{display:grid;grid-template-columns:1.1fr 1.5fr 1.2fr .75fr auto auto;gap:9px;align-items:end;padding:14px;background:#f7f9fb;border:1px solid var(--line);border-radius:12px;margin-bottom:18px}.create-grid .field{margin:0}.checkbox-field{height:46px;display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);white-space:nowrap}.checkbox-field input{width:16px;height:16px}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;min-width:920px;background:#fff}th,td{text-align:left;padding:12px 11px;border-bottom:1px solid #edf1f5;vertical-align:middle;font-size:12px}th{background:#f6f8fb;color:#66778d;font-size:10px;text-transform:uppercase;letter-spacing:.06em}tr:last-child td{border-bottom:0}.user-main b{display:block;color:var(--navy);font-size:13px}.user-main span{color:var(--muted);font-size:10px}.pill{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:10px;font-weight:800}.pill.admin{background:#e8f2fb;color:#1769aa}.pill.user{background:#eef1f4;color:#617083}.pill.on{background:#e9f8f1;color:#16704d}.pill.off{background:#f9ecee;color:#a63844}.inline-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.inline-actions form{margin:0}.inline-actions select,.inline-actions input{height:30px;border:1px solid #ced9e3;border-radius:7px;padding:0 7px;font-size:11px}.password-reset{display:flex;gap:5px}.password-reset input{width:125px}.log-action{font-weight:750;color:#24425f}.log-detail{color:#6a7889;max-width:320px}.log-ip{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#8995a3;font-size:10px}

@media(max-width:1050px){.login-page{grid-template-columns:1fr 500px}.stat-grid{grid-template-columns:repeat(3,1fr)}.create-grid{grid-template-columns:1fr 1fr 1fr}.tools-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.login-page{display:block;background:#fff}.login-visual{display:none}.login-panel{min-height:100vh;padding:35px 22px}.portal-topbar{height:auto;min-height:66px;padding:10px 0}.portal-user{display:none}.portal-main{padding-top:32px}.tools-grid{grid-template-columns:1fr}.workspace-admin{align-items:flex-start;flex-direction:column}.stat-grid{grid-template-columns:1fr 1fr}.create-grid{grid-template-columns:1fr}.admin-title{align-items:flex-start;flex-direction:column}.quad{width:252px;height:252px}.rotor{width:84px;height:84px}.quad:before,.quad:after{width:152px}.portal-brand small{display:none}}