:root{--bg:#04150f;--panel:#062419;--card:#062a20;--border:#185642;--muted:#99bdad;--white:#effff7;--green:#a6f47c;--teal:#27d4b3;--amber:#f6b65c;--red:#ff7984;--blue:#6bb6ff;--shadow:0 14px 34px #01150c50}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--white);background:radial-gradient(circle at 75% 1%,#07523b 0,transparent 33%),linear-gradient(150deg,#051b13,#03140e 70%);font:14px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;min-width:310px}a{color:#a5f6a7}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}h1{font-size:clamp(25px,3vw,34px);line-height:1.18;letter-spacing:-1.1px}h2{font-size:20px;letter-spacing:-.55px}h3{font-size:16px}small{font-size:12px}.hidden{display:none!important}.top{height:69px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 28px;background:#031a13d8;border-bottom:1px solid #1f503f;position:sticky;top:0;z-index:50;backdrop-filter:blur(20px)}.brand img{width:194px;max-height:44px;object-fit:contain;object-position:left;display:block}.topright{display:flex;align-items:center;gap:16px}.network{padding:6px 12px;border:1px solid #215740;border-radius:99px;color:#c4fbd2;font-size:12px;white-space:nowrap}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#63e8a0;box-shadow:0 0 0 4px #2bca7760;margin-right:4px}.user-mail{font-size:12px;color:#a5cbb9;max-width:250px;overflow:hidden;text-overflow:ellipsis}.b{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border-radius:10px;min-height:38px;padding:9px 14px;border:1px solid #32694c;background:#123f2d;color:#e2ffe9;font-weight:700;white-space:nowrap;transition:.15s}.b:hover{background:#195a42;border-color:#62af7a}.b.primary{background:linear-gradient(110deg,#b0f687,#6fdfac);color:#06321c;border-color:transparent}.b.primary:hover{filter:brightness(1.08)}.b.outline{background:transparent}.b.danger{background:#512329;border-color:#a54c53}.b.small{padding:6px 9px;font-size:12px;min-height:30px}.b:disabled{opacity:.4;cursor:not-allowed}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:900;color:#65e7b1}.subdued{color:var(--muted)}.message{background:#0d3830;border:1px solid #36886b;color:#d4ffeb;border-radius:12px;padding:13px;display:none;margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}.message.show{display:block}.message.error{color:#ffe0dc;border-color:#a74946;background:#4a1e24}.login-shell{min-height:calc(100vh - 125px);display:grid;grid-template-columns:1.15fr minmax(320px,460px);gap:64px;align-items:center;padding:80px max(35px,calc((100vw - 1190px)/2))}.welcome h1{font-size:clamp(38px,6vw,72px);margin:18px 0 24px;max-width:720px}.welcome h1 em{color:var(--green);font-style:normal}.welcome p{max-width:580px;color:var(--muted);font-size:17px}.login-points{margin-top:35px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;color:#c5f4d6}.auth-card{background:linear-gradient(135deg,#0e3224,#061b16);padding:32px;border-radius:23px;border:1px solid #246046;box-shadow:var(--shadow)}.auth-tabs{display:flex;gap:6px;background:#061c14;border-radius:12px;padding:5px}.auth-tabs button{background:transparent;border:0;color:#a8cbb6;flex:1;padding:10px;border-radius:10px}.auth-tabs button.active{background:#1a533c;color:#fff}.fields{display:grid;gap:16px;margin-top:26px}.fields label{display:grid;gap:6px;color:#badbc7;font-size:12px;font-weight:750}.fields input{width:100%;height:44px;padding:10px 13px;color:white;background:#061b15;border:1px solid #326148;border-radius:10px;outline:0}.fields input:focus{border-color:#a6f47c}.fields small,.fields p{color:#a6c7b6}.auth-card .subdued{margin-top:20px}
.shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:calc(100vh - 112px)}.sidebar{border-right:1px solid #164732;background:#021a12;padding:24px 13px;display:flex;flex-direction:column;gap:20px}.side-head{display:flex;align-items:center;gap:11px;padding:5px 8px 12px;border-bottom:1px solid #1a4637}.badge-square{width:42px;height:42px;border:1px solid #2d9169;border-radius:12px;display:grid;place-items:center;background:#0f5b40;font-size:24px;color:#baff91}.side-head strong{display:block}.side-head small{display:block;color:var(--muted)}#nav-list{display:flex;flex-direction:column;gap:3px}.nav-button{width:100%;border:1px solid transparent;color:#c5dfd0;text-align:left;padding:12px 13px;background:transparent;border-radius:10px;display:flex;align-items:center;gap:12px}.nav-button:hover{background:#0e3828}.nav-button.active{background:linear-gradient(90deg,#174f38,#093326);color:#d6ffe0;border-color:#2a7653}.nav-ico{font-size:18px;width:23px;text-align:center}.help-box{margin-top:auto;display:grid;gap:5px;background:linear-gradient(130deg,#0b4030,#071e17);border:1px solid #1b6248;border-radius:14px;padding:15px;color:#c5ecd4;text-decoration:none}.help-box span{font-size:12px;color:#accbbb}.help-box small{color:#b1fc9d}.workspace{padding:30px clamp(16px,3vw,40px) 55px;min-width:0}.workspace-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.workspace-head h1{margin:4px 0}.menu-toggle{display:none}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}.kpi{min-width:0;background:linear-gradient(140deg,#0a372b,#071e18);border:1px solid #1a654b;padding:15px;border-radius:13px;position:relative}.kpi .ico{font-size:22px;background:#1a5845;display:grid;place-items:center;width:43px;height:43px;border-radius:11px;margin-bottom:8px}.kpi .lbl{font-size:12px;color:#b4d4c2}.kpi .val{font-size:clamp(17px,2vw,23px);font-weight:850;line-height:1.3;margin-top:4px;word-break:break-word;font-variant-numeric:tabular-nums}.kpi .note{font-size:11px;color:#86b29e;margin-top:5px}.kpi.good .val{color:#a5f48e}.kpi.warn .val{color:#f7bd67}.kpi.bad .val{color:#ff8d97}.sections{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;margin-top:14px}.sections.equal{grid-template-columns:1fr 1fr}.panel{background:linear-gradient(130deg,#06271d,#041f17);border:1px solid #1c5b43;border-radius:15px;padding:18px;min-width:0;margin-bottom:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:13px;margin-bottom:14px}.panel-head h2{font-size:17px}.panel-desc{font-size:12px;color:var(--muted);margin-top:2px}.table-wrap{overflow-x:auto;width:100%}.data{width:100%;border-collapse:collapse;font-size:12px;min-width:575px}.data th{text-align:left;background:#0b362a;color:#b6e0cf;font-weight:750}.data td,.data th{border-bottom:1px solid #1c5140;padding:10px 10px;vertical-align:middle}.data td{color:#d9f4e5}.data tr:last-child td{border-bottom:0}.mono{font-family:ui-monospace,Consolas,monospace;font-size:11px;overflow-wrap:anywhere}.truncate{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.state{display:inline-flex;padding:4px 9px;border-radius:22px;background:#125440;color:#8ef3c9;font-size:11px;font-weight:800}.state.pending,.state.review{background:#513910;color:#ffc66e}.state.rejected,.state.error{background:#50232a;color:#ff969c}.state.disabled{background:#253b38;color:#c6ddd4}.blank{border:1px dashed #38735c;border-radius:12px;padding:35px 16px;color:#b4dbca;text-align:center}.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.action{min-height:79px;background:linear-gradient(125deg,#0d4332,#06261c);border:1px solid #225c47;border-radius:12px;padding:13px;display:flex;align-items:center;gap:11px;text-align:left;color:#e4ffec}.action:hover{border-color:#7fdf9b}.action strong{display:block}.action small{display:block;color:var(--muted)}.action .icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#166e50;font-size:20px;flex:none}.chart{height:170px;display:flex;align-items:end;gap:4px;overflow:hidden;border-bottom:1px solid #386b55;padding:16px 0 0;background:repeating-linear-gradient(0deg,transparent 0,transparent 36px,#0f413125 37px)}.bar{flex:1;min-width:3px;border-radius:4px 4px 0 0;background:linear-gradient(0deg,#2b8a7b,#40e1a3);transition:.3s;height:3px}.bar:hover{background:#b0ff8b}.chart-legend{margin-top:8px;color:var(--muted);font-size:11px;display:flex;justify-content:space-between}.status-stack{display:grid;gap:10px}.status-row{display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid #184f3d;padding:10px;border-radius:9px}.status-row small{color:var(--muted)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field-grid .full{grid-column:1/-1}.field-grid label,.stackfield{display:grid;gap:6px;color:#d1eadb;font-size:12px;font-weight:700}.field-grid input,.field-grid select,.field-grid textarea,select.search,input.search,textarea.fulltext{width:100%;padding:11px 12px;background:#031d15;border:1px solid #246b50;border-radius:9px;color:#e8fff0;outline:0}.field-grid input:focus,.field-grid textarea:focus,.field-grid select:focus{border-color:var(--green)}.field-grid textarea{min-height:100px}.form-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.info{padding:12px 14px;background:#114032;border:1px solid #2c6c51;border-radius:12px;color:#b5e1cd;margin-bottom:12px}.warning{background:#3d2b12;border-color:#7a5d27;color:#ffdfaa}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px}.toolbar input{max-width:380px}.toolbar select{width:auto}.editor-area{display:grid;grid-template-columns:200px minmax(0,1fr);gap:14px}.editor-links{display:grid;gap:3px}.editor-links button{text-align:left;padding:10px;border:1px solid transparent;background:none;color:#c4e9d2;border-radius:8px}.editor-links button:hover{background:#124231}.codebox{white-space:pre-wrap;word-break:break-all;padding:14px;border-radius:9px;background:#01140f;color:#a7ffd8;border:1px solid #20664c}.footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:18px 30px;background:#03170f;color:#80b29c;font-size:11px;border-top:1px solid #18503b}.footer a{color:#b4e9be;text-decoration:none}.toast{position:fixed;bottom:20px;right:18px;border:1px solid #3cbd87;background:#073e2c;color:#e5fff0;padding:14px 20px;border-radius:12px;z-index:90;max-width:420px;box-shadow:var(--shadow)}
@media(max-width:1250px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1050px){.sections,.sections.equal{grid-template-columns:1fr}.sidebar{width:210px}.shell{grid-template-columns:210px 1fr}.login-shell{gap:25px}}@media(max-width:740px){.login-shell{grid-template-columns:1fr;padding:30px 16px;gap:24px}.welcome h1{font-size:38px}.welcome p{font-size:14px}.login-points{grid-template-columns:1fr 1fr;gap:8px;font-size:11px}.auth-card{padding:20px}.top{height:62px;padding:0 14px}.brand img{width:152px}.network,.user-mail{display:none}.shell{display:block}.sidebar{position:fixed;z-index:49;top:62px;bottom:0;left:0;transform:translateX(-110%);transition:transform .2s;width:265px;box-shadow:var(--shadow);overflow-y:auto}.sidebar.open{transform:translateX(0)}.workspace{padding:22px 15px}.menu-toggle{display:inline-flex}.workspace-head{align-items:flex-start}.workspace-head h1{font-size:24px}.workspace-head>.b{font-size:11px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions{grid-template-columns:1fr 1fr}.panel{padding:14px}.editor-area{grid-template-columns:1fr}.editor-links{display:flex;overflow-x:auto}.editor-links button{white-space:nowrap}.field-grid{grid-template-columns:1fr}.field-grid .full{grid-column:auto}.footer{padding:16px}.panel-head{align-items:flex-start}}@media(max-width:370px){.kpi-grid,.quick-actions{grid-template-columns:1fr}.network{display:none}.topright{gap:7px}.topright .b{padding:7px;font-size:11px}}
/* Protect narrow mobile screens against intrinsic grid width. */
.sections>div,.sections.equal>div,.quick-actions>.action,.panel,.workspace{min-width:0}
.action{white-space:normal;overflow-wrap:anywhere}
@media(max-width:1050px){.sections,.sections.equal{grid-template-columns:minmax(0,1fr)}}
@media(max-width:740px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-head{flex-wrap:wrap}}
@media(max-width:370px){.top{padding:0 7px;gap:5px}.brand img{width:115px}.topright{gap:4px}.topright .b{min-height:30px;padding:5px 6px;font-size:10px}}
/* Use readable action labels instead of tiny three-column cards. */
.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
.action span:not(.icon){min-width:0;overflow-wrap:anywhere}
@media(max-width:450px){.quick-actions{grid-template-columns:minmax(0,1fr)}}

/* v5.2 polished UX: larger readable type, airy hierarchy, visual contrast and responsive grids. */
:root{--bg:#031710;--panel:#07251c;--card:#092b21;--border:#24684e;--muted:#afcfc0;--shadow:0 16px 54px rgba(0,0,0,.25)}
body{font-size:15.5px;line-height:1.65;letter-spacing:.01em;background:radial-gradient(circle at 72% -2%,#0c5944 0,transparent 29%),#03170f}
.top{height:76px}.brand img{width:216px;max-height:50px}.shell{grid-template-columns:260px minmax(0,1fr);min-height:calc(100vh - 132px)}.sidebar{padding:26px 16px;gap:22px}.workspace{padding:38px clamp(20px,2.6vw,55px) 75px}.workspace-head{margin-bottom:30px}h1{font-size:clamp(30px,2.8vw,42px);letter-spacing:-1.35px}h2{font-size:22px}.eyebrow{font-size:11px;letter-spacing:2.2px}.subdued{font-size:14px}.nav-button{font-size:14px;padding:14px 14px;border-radius:12px}.nav-ico{font-size:19px;width:27px}.side-head strong{font-size:15px}.side-head small,.kpi .lbl,.panel-desc{font-size:13px}.kpi-grid{gap:17px;margin-bottom:20px}.kpi{padding:20px;border-radius:17px;min-height:154px;background:linear-gradient(150deg,#0b3c2d,#07261c)}.kpi .ico{width:48px;height:48px;font-size:25px}.kpi .val{font-size:clamp(21px,2vw,30px)}.kpi .note{font-size:12px}.panel{border-radius:17px;padding:23px;background:linear-gradient(145deg,#082d22,#041e16)}.sections{gap:18px;margin-top:18px}.panel-head h2{font-size:20px}.data{font-size:13px}.data th,.data td{padding:13px 12px}.b{font-size:13px;min-height:42px;padding:10px 16px}.action{min-height:96px;padding:15px}.action strong{font-size:14px}.action small{font-size:12px}.blank{padding:45px 18px}.field-grid label{font-size:13px}.field-grid input,.field-grid select,.field-grid textarea{min-height:44px}.network{font-size:12px}.help-box{padding:18px}.chart{height:215px}.footer{font-size:12px}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.plan-card{border:1px solid #397a5b;background:linear-gradient(160deg,#104636,#05251c);border-radius:18px;display:flex;flex-direction:column;gap:13px;padding:22px;min-width:0}.plan-card>strong{font-size:32px;line-height:1.15}.plan-card>strong small{font-size:14px;color:#9cdbb7}.plan-card .form-actions{margin-top:auto}.credit-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;background:radial-gradient(circle at 100% 0,#0b6950,transparent 50%),linear-gradient(120deg,#0d4433,#08251b);border:1px solid #277959;border-radius:16px;padding:25px;margin-bottom:25px}.credit-hero h2{font-size:35px;margin:10px 0}.checkline{display:flex!important;align-items:center;flex-direction:row!important;gap:10px}.checkline input{width:18px;height:18px;min-height:0}.status-row{font-size:14px}.auth-card{padding:34px}.welcome p{font-size:17px}
@media(max-width:1250px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.shell{grid-template-columns:220px minmax(0,1fr)}.sections{grid-template-columns:1fr}.sidebar{width:220px}}
@media(max-width:740px){.top{height:62px}.brand img{width:147px}.shell{display:block}.sidebar{width:280px;top:62px}.workspace{padding:24px 15px 45px}.workspace-head{margin-bottom:20px}.workspace-head h1{font-size:28px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.kpi{padding:14px;min-height:135px}.kpi .val{font-size:22px}.kpi .ico{width:37px;height:37px;font-size:20px}.panel{padding:16px}.panel-head h2{font-size:18px}.plan-grid{grid-template-columns:1fr}.credit-hero{flex-direction:column;align-items:flex-start;padding:19px}.login-shell{padding:28px 16px}.auth-card{padding:20px}.user-mail,.network{display:none}}
@media(max-width:370px){.kpi-grid{grid-template-columns:1fr}.topright .b{font-size:11px}.credit-hero h2{font-size:26px}}