:root{--wft-bg:#030811;--wft-panel:#0a1828;--wft-line:#1d3a55;--wft-line2:#294e6b;--wft-text:#f2f7fb;--wft-muted:#8da6bb;--wft-red:#e32935;--wft-blue:#3298ff;--wft-cyan:#3bd4ff;--wft-green:#31dc82;--wft-amber:#ffbd42}
html{background:var(--wft-bg)!important}body{background:radial-gradient(circle at 72% -8%,rgba(36,91,145,.30),transparent 34%),radial-gradient(circle at 10% 18%,rgba(227,41,53,.10),transparent 28%),linear-gradient(180deg,#06111e 0%,#030811 52%,#02050b 100%)!important;color:var(--wft-text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0 46px,rgba(75,146,205,.025) 47px,transparent 48px)}
h1,h2,h3,h4{letter-spacing:-.02em!important}h1{font-weight:950!important}button,.btn,a.btn{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;border-radius:10px!important;border:1px solid var(--wft-line2)!important;background:linear-gradient(145deg,#102942,#0a192a)!important;color:#eef7ff!important;font-weight:850!important}button:hover,.btn:hover,a.btn:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(0,0,0,.35)!important}button.red,.btn.red{background:linear-gradient(145deg,#e52b38,#8f101a)!important;border-color:#f04a54!important;box-shadow:0 10px 28px rgba(227,41,53,.20)!important}button.green,.btn.green{background:linear-gradient(145deg,#0f5a38,#0a3022)!important;border-color:#2fce7d!important}button.amber,.btn.amber{background:linear-gradient(145deg,#624719,#2d210e)!important;border-color:#d59b31!important}input,select,textarea{background:#050e19!important;border:1px solid #284964!important;color:#f5fbff!important;border-radius:10px!important}input:focus,select:focus,textarea:focus{outline:none!important;border-color:#4c9be1!important;box-shadow:0 0 0 3px rgba(50,152,255,.13)!important}
.eco-top{background:linear-gradient(180deg,rgba(7,18,31,.98),rgba(3,10,18,.98))!important;border-bottom:1px solid #24445f!important;box-shadow:0 12px 36px rgba(0,0,0,.35)!important}.eco-brand img{width:50px!important;height:50px!important;border-radius:12px!important;background:#fff!important;padding:2px!important;box-shadow:0 0 0 1px #31506b,0 8px 25px rgba(0,0,0,.4)!important}.eco-brand b{font-size:16px!important;letter-spacing:.08em!important}.eco-brand small{color:#89a8c0!important}.eco-actions{gap:8px!important}.eco-wrap{width:min(1500px,calc(100% - 30px))!important;margin:20px auto 48px!important}.hero{padding:20px 22px!important;border:1px solid #254863!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(12,31,51,.96),rgba(5,14,25,.96))!important;box-shadow:0 22px 55px rgba(0,0,0,.42)!important;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-90px;top:-140px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(50,152,255,.22),transparent 66%);pointer-events:none}.hero h1{font-size:clamp(27px,3vw,43px)!important}.hero h1 span{color:var(--wft-red)!important}.hero p{color:#90a9bf!important}.pulse{border-color:#286083!important;background:linear-gradient(145deg,#071a2a,#04101a)!important;box-shadow:inset 0 0 30px rgba(59,212,255,.05),0 10px 25px rgba(0,0,0,.3)!important}.metrics{gap:12px!important}.metric{border-radius:16px!important;border-color:#244865!important;background:linear-gradient(145deg,rgba(14,38,62,.98),rgba(7,19,32,.98))!important;box-shadow:0 16px 38px rgba(0,0,0,.38)!important;position:relative;overflow:hidden}.metric b{font-size:30px!important}.metric small{color:#8da9bf!important}.grid{gap:12px!important}.panel{border-radius:17px!important;border-color:#24445f!important;background:linear-gradient(145deg,rgba(12,31,51,.97),rgba(5,15,26,.97))!important;box-shadow:0 18px 45px rgba(0,0,0,.38)!important}.panel h2,.panel h3{font-weight:900!important}.panel .sub{color:#7895ad!important}.table-wrap{border-color:#24445f!important;border-radius:12px!important}.eco-table th{background:#081b2d!important;color:#75d5ff!important}.eco-table td{border-color:#19334a!important}.notice{background:linear-gradient(145deg,#0c2033,#081522)!important;border-color:#28506f!important;border-radius:11px!important;color:#c5d8e8!important}.tag{border-radius:999px!important}.modal-card{background:linear-gradient(145deg,#0d2135,#071421)!important;border-color:#315570!important;border-radius:18px!important;box-shadow:0 30px 90px rgba(0,0,0,.7)!important}
.cc-topbar{height:72px!important;background:linear-gradient(180deg,#071421,#030a12)!important;border-bottom:1px solid #254762!important;box-shadow:0 12px 32px rgba(0,0,0,.45)!important}.cc-brand img{width:120px!important;height:64px!important;border-radius:0!important;background:transparent!important;padding:0!important;object-fit:contain!important;box-shadow:none!important}.cc-brand b{font-size:20px!important;letter-spacing:.07em!important}.cc-brand span{color:#8da7bc!important}.cc-title{font-size:13px!important}.cc-title small{color:#6f91ac!important}.cc-shield{color:var(--wft-red)!important}.cc-topnav{gap:20px!important}.cc-topnav a{font-size:11px!important;padding:25px 0 21px!important}.cc-topnav a.active,.cc-topnav a:hover{border-color:var(--wft-red)!important}.cc-avatar{width:40px!important;height:40px!important;border-color:#3c5c75!important;background:linear-gradient(145deg,#17324d,#081421)!important}.cc-systembar{top:72px!important;background:rgba(5,15,25,.96)!important;border-color:#1e3d57!important;padding:9px 14px!important;box-shadow:0 8px 25px rgba(0,0,0,.25)!important}.cc-system-actions button{border-radius:9px!important;background:linear-gradient(145deg,#102942,#081a2b)!important;border-color:#2b4e6a!important;padding:8px 11px!important}.cc-shell{grid-template-columns:205px 1fr!important;min-height:calc(100vh - 114px)!important}.cc-sidebar{top:114px!important;height:calc(100vh - 114px)!important;background:linear-gradient(180deg,#06111e,#030912)!important;border-right:1px solid #203e58!important;padding:16px 11px!important}.cc-sidebar h4{color:#5f7e98!important;font-size:9px!important;letter-spacing:.16em!important;margin:18px 7px 8px!important}.cc-sidebar a{border-radius:10px!important;padding:10px 11px!important;color:#9eb7cb!important}.cc-sidebar a:hover,.cc-sidebar a.active{background:linear-gradient(90deg,#143654,#0b2136)!important;color:#fff!important;box-shadow:inset 3px 0 var(--wft-red),0 6px 18px rgba(0,0,0,.22)!important}.cc-main{padding:22px 24px 44px!important}.cc-kpis{gap:12px!important}.cc-kpi{border-radius:16px!important;border-color:#244863!important;background:linear-gradient(145deg,#0e2943,#071727)!important;box-shadow:0 15px 36px rgba(0,0,0,.38)!important;position:relative;overflow:hidden}.cc-kpi b{font-size:30px!important}.cc-kpi span{color:#8eabc1!important}.cc-widget{border-radius:17px!important;border-color:#24445f!important;background:linear-gradient(145deg,#0c2034,#061320)!important;box-shadow:0 18px 45px rgba(0,0,0,.38)!important}.cc-widget-head{border-bottom-color:#1b3850!important}.cc-widget-head h3{font-size:13px!important}.cc-widget-head small{color:#7896ad!important}
body:has(.top h1) main{max-width:1450px!important;padding:30px!important}body:has(.top h1){background:radial-gradient(circle at 70% -15%,rgba(32,78,125,.30),transparent 38%),linear-gradient(180deg,#050d17,#02060c 70%)!important}body:has(.top h1) .top{padding:0 0 18px!important;border-bottom:1px solid #24445f!important}body:has(.top h1) .top h1{font-size:34px!important;text-shadow:0 3px 18px rgba(0,0,0,.5)}body:has(.top h1) .top h1 span{color:var(--wft-red)!important}body:has(.top h1) .sub{color:#7896ad!important}body:has(.top h1) .grid{gap:16px!important;margin-top:18px!important}body:has(.top h1) .panel{border-radius:17px!important;border:1px solid #24445f!important;background:linear-gradient(145deg,#0c2034,#061321)!important;padding:19px!important;box-shadow:0 22px 55px rgba(0,0,0,.46)!important}body:has(.top h1) .panel h2{font-size:21px!important}body:has(.top h1) .toolbar{margin:14px 0!important;gap:9px!important}body:has(.top h1) .check{border-radius:12px!important;border-color:#25445e!important;background:linear-gradient(145deg,#0b1d30,#071321)!important;padding:12px!important}.check.ok{border-color:#25734d!important}.check.bad{border-color:#8e2730!important}.check.warn{border-color:#8a6b2b!important}body:has(.top h1) .step{border-radius:12px!important;border-color:#24445f!important;background:linear-gradient(145deg,#0a1d30,#061321)!important;padding:12px!important;margin-bottom:8px!important}body:has(.top h1) .step i{width:34px!important;height:34px!important;border-radius:10px!important;background:#102942!important}.step.pass i{background:#0c5030!important}.step.fail i{background:#5a1118!important}body:has(.top h1) .notice{border-radius:12px!important;background:linear-gradient(145deg,#18200f,#111507)!important;border-color:#a37d18!important}
@media(max-width:900px){.eco-wrap{width:calc(100% - 16px)!important}.cc-shell{grid-template-columns:1fr!important}.cc-sidebar{position:relative;top:auto;height:auto}.cc-main{padding:15px!important}.cc-topbar{height:auto!important;padding:10px!important;grid-template-columns:1fr!important}.cc-systembar{position:relative;top:auto}.cc-topnav{overflow:auto;justify-content:flex-start}.cc-topnav a{padding:10px 4px!important}.cc-kpis{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:600px){body:has(.top h1) main{padding:15px!important}.metrics{grid-template-columns:1fr!important}.cc-kpis{grid-template-columns:1fr 1fr!important}.cc-kpi b{font-size:24px!important}}