:root{--navy:#071827;--navy2:#0b2438;--blue:#0967d8;--cyan:#28c6e5;--ink:#122235;--muted:#647487;--line:#dce5ed;--bg:#f2f6f9;--white:#fff;--green:#18b47b;--orange:#f29c38;--red:#df4e5b;--shadow:0 24px 70px rgba(4,26,46,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font:15px/1.55 Inter,"Segoe UI","Microsoft YaHei",system-ui,sans-serif}button,input,textarea,select{font:inherit}button,a{transition:.2s ease}button{cursor:pointer}a{text-decoration:none;color:inherit}.hidden{display:none!important}
.public-header{height:78px;padding:0 max(4vw,30px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e5edf3;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:38px;height:42px;background:linear-gradient(145deg,#087ce8,#0d3a74);clip-path:polygon(50% 0,100% 19%,90% 78%,50% 100%,10% 78%,0 19%);color:#fff;font-weight:900;font-size:20px}.brand b,.brand small{display:block;line-height:1}.brand b{font-size:18px;letter-spacing:.16em}.brand small{font-size:9px;letter-spacing:.2em;color:#74889a;margin-top:6px}.public-header nav{display:flex;gap:34px}.public-header nav a{font-weight:650;color:#405367}.public-header nav a:hover{color:var(--blue)}
.button{border:1px solid transparent;border-radius:5px;padding:12px 20px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:8px}.button.primary{background:linear-gradient(135deg,#096de1,#064eae);color:#fff;box-shadow:0 10px 25px rgba(9,103,216,.22)}.button.primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(9,103,216,.3)}.button.ghost{border-color:#cbd8e2;background:transparent;color:#21394e}.button.ghost:hover{border-color:var(--blue);color:var(--blue)}.button.text{padding-left:4px;color:#2e5776}.button.dark{background:var(--navy);color:#fff}.button.full{width:100%}.link-button,.close{border:0;background:transparent;color:var(--blue);font-weight:700}.close{font-size:25px;color:#7a8997}
.hero{min-height:690px;position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(350px,.75fr);gap:7vw;align-items:center;padding:70px max(7vw,50px) 80px;overflow:hidden;background:linear-gradient(112deg,#f8fbfd 0,#edf5fa 56%,#e0eef6 100%)}.hero:before{content:"";position:absolute;right:-8vw;top:-30%;width:57vw;height:900px;background:linear-gradient(155deg,#09365d,#061523);transform:rotate(10deg);border-radius:90px;box-shadow:-30px 20px 80px rgba(5,33,57,.2)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(20,80,120,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(20,80,120,.04) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,#000,transparent 72%)}.hero-copy,.auth-card{position:relative;z-index:2}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;color:#426079;display:flex;align-items:center;gap:9px}.status-dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:var(--green);box-shadow:0 0 0 5px rgba(24,180,123,.13)}.hero h1{font-size:clamp(42px,5.4vw,78px);line-height:1.08;letter-spacing:-.045em;margin:24px 0}.hero h1 em{font-style:normal;color:var(--blue)}.hero-copy>p{font-size:18px;color:#5a6f81;max-width:660px;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:18px;margin-top:34px}.hero-metrics{display:flex;gap:48px;margin-top:58px}.hero-metrics div{display:flex;flex-direction:column;border-left:2px solid #c8d7e2;padding-left:15px}.hero-metrics strong{font-size:26px;color:#15364f}.hero-metrics span{font-size:11px;letter-spacing:.12em;color:#728699}
.auth-card{background:rgba(255,255,255,.98);border-radius:10px;box-shadow:0 35px 100px rgba(0,11,25,.35);padding:0 32px 24px;max-width:440px;justify-self:end;width:100%;overflow:hidden}.auth-card:before{content:"";height:4px;background:linear-gradient(90deg,var(--blue),var(--cyan));position:absolute;left:0;right:0;top:0}.auth-head{height:70px;margin:0 -32px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7edf2}.auth-head span{font-weight:800}.auth-head b{font-size:9px;letter-spacing:.14em;color:var(--green)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin-top:18px;border-bottom:1px solid #e4eaf0}.auth-tabs button{border:0;background:transparent;padding:13px 4px;color:#748494;font-weight:700}.auth-tabs button.active{color:var(--blue);box-shadow:inset 0 -2px var(--blue)}.auth-form{padding-top:20px}.auth-form label,.form-panel label,#mfa-setup-form label,#mfa-enable-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:750;color:#43576a;margin-bottom:15px}.auth-form input,.form-panel input,.form-panel textarea,#mfa-setup-form input,#mfa-enable-form input{border:1px solid #cfdbe4;border-radius:5px;background:#f9fbfc;padding:13px 14px;outline:none;color:var(--ink)}input:focus,textarea:focus{border-color:var(--blue)!important;box-shadow:0 0 0 3px rgba(9,103,216,.1)}.auth-foot{display:flex;justify-content:space-between;margin-top:21px;padding-top:17px;border-top:1px solid #e7edf2;color:#81909e;font-size:9px;letter-spacing:.08em}.mfa-icon{margin:auto;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#eaf4ff;color:var(--blue);font-weight:900;font-size:18px}.mfa-login-form h3,.auth-form h3{text-align:center}.auth-form>p{text-align:center;color:var(--muted)}
.ticker{height:62px;background:var(--navy);color:#9ab1c1;display:flex;align-items:center;justify-content:center;gap:18px;font-size:10px;letter-spacing:.12em}.ticker b{color:#fff}.ticker i{height:16px;width:1px;background:#315065;margin:0 24px}.section{padding:110px max(7vw,50px)}.section-title{max-width:760px}.section-title>span,.page-head>div>span,.panel-head>div>span,.security-hero span{font-size:10px;letter-spacing:.2em;font-weight:850;color:var(--blue)}.section-title h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.035em;margin:12px 0}.section-title p{color:var(--muted);font-size:17px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dbe4eb;margin-top:55px;border:1px solid #dbe4eb}.service-grid article{background:#fff;padding:34px;min-height:330px;position:relative}.service-grid article:hover{transform:translateY(-7px);box-shadow:var(--shadow);z-index:2}.service-no{position:absolute;right:20px;top:16px;font-size:11px;color:#9badba}.service-icon{width:52px;height:52px;background:#eaf4fd;color:var(--blue);display:grid;place-items:center;font-weight:900;letter-spacing:.08em;margin-bottom:46px}.service-grid h3{font-size:20px}.service-grid p{color:var(--muted);min-height:75px}.service-grid article>b{font-size:9px;letter-spacing:.16em;color:#8293a2}
.defense{background:linear-gradient(135deg,#071827,#0c304b);color:#fff;min-height:680px}.section-title.light span{color:var(--cyan)}.section-title.light h2{color:#fff}.defense-map{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center;margin-top:55px}.rings{width:390px;height:390px;position:relative;display:grid;place-items:center;margin:auto}.ring{position:absolute;border:1px solid #2c5a75;border-radius:50%;display:grid;place-items:start center}.ring span{background:#0b2940;color:#5e91aa;padding:3px 9px;font-size:8px;letter-spacing:.16em;transform:translateY(-50%)}.r1{width:100%;height:100%}.r2{width:77%;height:77%}.r3{width:54%;height:54%}.r4{width:31%;height:31%}.core{width:72px;height:80px;display:grid;place-items:center;background:linear-gradient(145deg,var(--cyan),var(--blue));clip-path:polygon(50% 0,100% 19%,90% 78%,50% 100%,10% 78%,0 19%);font-size:35px;font-weight:900;box-shadow:0 0 70px var(--blue)}.defense-list>div{display:flex;gap:24px;padding:22px 0;border-bottom:1px solid #23445a}.defense-list>div>b{color:var(--cyan);font-size:11px}.defense-list span{color:#9fb4c2}.defense-list strong{display:block;color:#fff;font-size:16px;margin-bottom:5px}footer{padding:38px max(5vw,40px);display:flex;justify-content:space-between;align-items:center;background:#04111d;color:#7d94a5}footer .inverse b{color:#fff}footer a{margin-left:25px;color:#a9bdcb}
.dashboard{min-height:100vh;display:grid;grid-template-columns:250px 1fr;background:var(--bg)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;background:linear-gradient(180deg,#071b2c,#06131f);padding:27px 20px;color:#fff;z-index:10;display:flex;flex-direction:column}.brand.inverse small{color:#698397}.sidebar nav{margin:55px 0 0;display:flex;flex-direction:column;gap:7px}.sidebar nav button{border:0;background:transparent;color:#8299aa;text-align:left;padding:13px 15px;border-radius:5px;font-weight:700}.sidebar nav button span{display:inline-block;width:28px;color:#5f8098}.sidebar nav button:hover,.sidebar nav button.active{background:#102d43;color:#fff}.sidebar nav button.active{box-shadow:inset 3px 0 var(--cyan)}.sidebar-status{margin-top:auto;border-top:1px solid #19384d;padding:24px 8px 4px;display:flex;align-items:center;gap:14px}.sidebar-status b,.sidebar-status small{display:block}.sidebar-status b{font-size:12px}.sidebar-status small{font-size:7px;letter-spacing:.1em;color:#68869b;margin-top:3px}.workspace{grid-column:2}.workspace-header{height:72px;background:#fff;border-bottom:1px solid #dfe7ed;padding:0 34px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:8}.crumb{font-size:10px;letter-spacing:.15em;color:#8192a0}.crumb b{color:#2b4357}.user-menu{display:flex;align-items:center;gap:11px}.user-menu>span{font-size:8px;letter-spacing:.12em;color:var(--blue);background:#e9f3ff;padding:5px 8px;border-radius:3px}.user-menu b,.user-menu small{display:block;line-height:1.25}.user-menu b{font-size:12px}.user-menu small{font-size:9px;color:#8293a2}.user-menu>button{border:0;background:transparent;font-size:20px;color:#6f8292;margin-left:8px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#0e75dd,#163c68);color:#fff;font-weight:850}.menu-toggle{display:none;border:0;background:transparent;font-size:20px}.workspace-main{padding:40px;max-width:1600px;margin:auto}.welcome,.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px}.welcome>div>span,.page-head span{font-size:9px;letter-spacing:.18em;color:var(--blue);font-weight:800}.welcome h1,.page-head h1{font-size:31px;margin:7px 0 3px;letter-spacing:-.025em}.welcome h1 b{color:var(--blue)}.welcome p,.page-head p{margin:0;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:18px}.stat-grid article{background:#fff;border:1px solid #e0e7ec;padding:24px;position:relative;overflow:hidden}.stat-grid article:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-30px;top:-30px;background:#edf4f8}.stat-grid article.accent{background:linear-gradient(135deg,#0b6fd4,#07488e);color:#fff}.stat-grid article.accent:after{background:rgba(255,255,255,.08)}.stat-grid span,.stat-grid small{display:block}.stat-grid span{font-size:10px;color:#748797;font-weight:750}.stat-grid strong{font-size:25px;display:block;margin:13px 0 4px}.stat-grid small{font-size:9px;color:#91a0ac}.stat-grid .accent span,.stat-grid .accent small{color:#bddaf2}.panel-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.panel{background:#fff;border:1px solid #dfe7ed;padding:25px;box-shadow:0 7px 22px rgba(16,46,69,.035)}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.panel-head h2{font-size:18px;margin:4px 0}.empty-state{padding:50px 20px;text-align:center;color:#92a1ad;background:#f8fafb;border:1px dashed #d9e1e7}.security-score>div{display:flex;align-items:baseline;margin:15px 0}.security-score b{font-size:54px;color:var(--blue)}.security-score span{color:#7e8f9d}.security-score p{color:var(--muted)}
.form-panel{max-width:760px;margin-bottom:20px}.form-panel textarea{resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:10px}.table-panel{overflow:auto;padding:0}.table-panel>.panel-head{padding:24px 24px 0}.table-panel table{width:100%;border-collapse:collapse;min-width:680px}th{text-align:left;padding:13px 18px;color:#718393;font-size:9px;letter-spacing:.1em;background:#f6f9fb;border-bottom:1px solid #dfe7ed}td{padding:15px 18px;border-bottom:1px solid #e7edf1;font-size:12px;color:#405568}td:first-child{font-family:ui-monospace,monospace;color:#7b8d9b}tbody tr:hover{background:#f9fbfd}.badge{font-size:8px;letter-spacing:.08em;font-weight:850;padding:5px 8px;border-radius:20px;background:#e9f3ff;color:var(--blue);white-space:nowrap}.badge.resolved,.badge.active{background:#e7f8f1;color:#0a9664}.badge.rejected,.badge.disabled{background:#fdecef;color:#c43d4a}.badge.in_review{background:#fff3df;color:#b36b10}.table-action{border:0;background:#eaf3fb;color:var(--blue);font-size:10px;font-weight:750;padding:6px 9px;border-radius:4px}.detail-panel{margin-top:20px}.detail-panel dl{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-panel dl div{background:#f7f9fb;padding:15px}.detail-panel dl .full{grid-column:1/-1}.detail-panel dt{font-size:9px;letter-spacing:.1em;color:#718493}.detail-panel dd{margin:8px 0 0;white-space:pre-wrap}.security-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.security-hero{background:linear-gradient(135deg,#0b263c,#0c466c);color:#fff;display:flex;align-items:center;gap:30px}.shield{width:110px;height:125px;flex:0 0 auto;display:grid;place-items:center;background:linear-gradient(145deg,var(--cyan),var(--blue));clip-path:polygon(50% 0,100% 19%,90% 78%,50% 100%,10% 78%,0 19%);font-size:45px;font-weight:900}.security-hero h2{font-size:26px;margin:8px 0}.security-hero p{color:#9db8ca}.secret-link{display:block;background:#edf5fb;border:1px dashed #9bbbd0;color:var(--blue);padding:12px;overflow:hidden;text-overflow:ellipsis;margin:15px 0}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-grid table{min-width:520px}.role-select{border:1px solid #ccd9e3;padding:5px;background:#fff}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%,-20px);background:#0a263b;color:#fff;padding:12px 20px;border-radius:5px;box-shadow:var(--shadow);opacity:0;pointer-events:none;z-index:100;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{background:#a72b39}
@media(max-width:1050px){.hero{grid-template-columns:1fr;padding-top:80px}.hero:before{right:-40%;width:100vw}.auth-card{justify-self:start}.service-grid{grid-template-columns:1fr 1fr}.stat-grid{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}.defense-map{grid-template-columns:1fr}.rings{width:320px;height:320px}.public-header nav{display:none}}
@media(max-width:760px){.public-header{padding:0 18px}.public-header>.button{display:none}.hero{padding:55px 20px}.hero h1{font-size:42px}.hero-metrics{gap:20px}.section{padding:75px 20px}.service-grid{grid-template-columns:1fr}.ticker{overflow:hidden;justify-content:flex-start;padding:0 20px}.defense-map{gap:45px}.rings{width:270px;height:270px}footer{flex-direction:column;gap:22px}.dashboard{display:block}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.workspace{margin:0}.menu-toggle{display:inline-block}.workspace-header{padding:0 16px}.crumb{display:none}.workspace-main{padding:24px 14px}.welcome,.page-head{align-items:flex-start;gap:20px}.stat-grid,.panel-grid,.security-layout{grid-template-columns:1fr}.user-menu>span,.user-menu>div:not(.avatar){display:none}.hero-actions{flex-wrap:wrap}.auth-card{padding-left:22px;padding-right:22px}.auth-head{margin-left:-22px;margin-right:-22px;padding:0 22px}}