@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--navy:#082f49;--navy-2:#0b3b60;--blue:#0f5e8d;--cyan:#13a8a8;--teal:#087f73;--ink:#132936;--muted:#67808f;--line:#dbe6eb;--bg:#f2f6f8;--white:#fff;--danger:#c53b45;--danger-bg:#fff0f1;--warning:#b56a08;--warning-bg:#fff6df;--success:#16846a;--success-bg:#eaf8f3;--info:#296d9b;--info-bg:#eaf4fb;--shadow:0 12px 35px rgba(10,48,72,.08);--radius:14px}
*{box-sizing:border-box}html{font-size:15px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.45}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:258px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:258px;background:linear-gradient(180deg,#062a42 0%,#0a3a59 58%,#082e46 100%);color:#fff;padding:26px 18px 18px;display:flex;flex-direction:column;z-index:50}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 28px}.brand strong{font:800 18px/1 'Manrope';letter-spacing:.03em;display:block}.brand small{display:block;font-size:9px;letter-spacing:.24em;color:#8fcbd0;margin-top:5px}.brand-mark{display:flex;align-items:flex-end;gap:3px;height:30px;width:32px}.brand-mark i{display:block;width:7px;background:#fff;border-radius:2px 2px 0 0;transform:skew(-8deg)}.brand-mark i:nth-child(1){height:14px;opacity:.6}.brand-mark i:nth-child(2){height:22px;opacity:.8}.brand-mark i:nth-child(3){height:30px;background:#22c2b8}.brand-mark.large{height:42px;width:47px}.brand-mark.large i{width:10px}.brand-mark.large i:nth-child(1){height:20px}.brand-mark.large i:nth-child(2){height:31px}.brand-mark.large i:nth-child(3){height:42px}.nav-section-label{font-size:10px;letter-spacing:.18em;color:#78a8be;padding:24px 14px 8px;font-weight:700}.nav-list{display:flex;flex-direction:column;gap:4px}.nav-link{height:44px;display:flex;align-items:center;gap:12px;padding:0 12px;border-radius:9px;color:#b9d0dc;font-weight:600;font-size:14px;transition:.18s}.nav-link:hover{background:rgba(255,255,255,.07);color:#fff}.nav-link.active{background:linear-gradient(90deg,rgba(27,167,174,.24),rgba(255,255,255,.06));color:#fff;box-shadow:inset 3px 0 #25c2bd}.nav-icon{width:26px;height:26px;border:1px solid rgba(255,255,255,.16);border-radius:7px;display:grid;place-items:center;font-weight:700}.nav-count{margin-left:auto;background:#dc5860;color:#fff;min-width:20px;height:20px;padding:0 5px;border-radius:10px;text-align:center;font-size:11px;line-height:20px}.sidebar-footer{margin-top:auto}.environment-pill{display:flex;align-items:center;gap:7px;font-size:11px;color:#a9c7d4;padding:12px}.environment-pill span,.status-dot i{width:8px;height:8px;background:#2bd39f;border-radius:50%;box-shadow:0 0 0 3px rgba(43,211,159,.14)}.user-card{border-top:1px solid rgba(255,255,255,.11);padding:17px 8px 0;display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#1f9cab,#26c19e);display:grid;place-items:center;font-weight:800}.user-card>div:nth-child(2){min-width:0;flex:1}.user-card strong,.user-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card strong{font-size:12px}.user-card small{font-size:10px;color:#8fb0bf}.icon-button{border:0;background:transparent;color:#9ebbc8;font-size:21px;cursor:pointer}.main-content{grid-column:2;min-width:0}.topbar{height:72px;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:30;backdrop-filter:blur(10px)}.breadcrumb span,.breadcrumb strong{display:block}.breadcrumb span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.breadcrumb strong{font:700 14px/1.6 'Manrope'}.top-actions{display:flex;align-items:center;gap:16px}.status-dot{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.page-wrap{padding:30px 34px 60px;max-width:1700px;margin:auto}.page-heading{margin-bottom:24px}.page-heading h1{font:800 30px/1.15 'Manrope';margin:6px 0;color:#0b3048;letter-spacing:-.03em}.page-heading p{margin:0;color:var(--muted);max-width:760px}.heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.compact-heading{align-items:center}.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--teal);font-weight:800}.eyebrow.light{color:#6ad8d2}.back-link{display:block;color:var(--blue);font-size:12px;font-weight:700;margin-bottom:14px}.date-chip{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 16px;box-shadow:0 4px 18px rgba(10,48,72,.04)}.date-chip span,.date-chip strong{display:block}.date-chip span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.15em}.date-chip strong{font-size:13px;margin-top:2px}.button{border:1px solid transparent;border-radius:8px;padding:10px 15px;font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;white-space:nowrap;transition:.15s}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button-primary{background:var(--navy-2);color:#fff;box-shadow:0 5px 14px rgba(11,59,96,.18)}.button-secondary{background:#fff;color:var(--navy-2);border-color:#cbdce4}.button-success{background:var(--success);color:#fff}.button-ghost{background:transparent;color:var(--muted)}.button-small{padding:6px 10px;font-size:11px}.button-block{width:100%}.button-group{display:flex;gap:7px;flex-wrap:wrap}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.metric-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:19px;display:flex;align-items:center;gap:15px;box-shadow:0 5px 20px rgba(10,48,72,.035)}.metric-card>div:last-child{min-width:0}.metric-card span,.metric-card strong,.metric-card small{display:block}.metric-card span{font-size:12px;color:var(--muted);font-weight:600}.metric-card strong{font:800 25px/1.35 'Manrope';color:var(--navy)}.metric-card small{font-size:10px;color:#8ca0aa}.metric-icon{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;font:800 17px 'Manrope'}.metric-icon.blue{background:#e8f1f8;color:#176494}.metric-icon.amber{background:#fff4dc;color:#b56a08}.metric-icon.red{background:#fff0f1;color:var(--danger)}.metric-icon.green{background:#e7f8f2;color:var(--success)}.metric-icon.cyan{background:#e4f7f6;color:#098683}.content-grid{display:grid;gap:18px}.content-grid.two-thirds{grid-template-columns:minmax(0,2fr) minmax(290px,1fr)}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 5px 20px rgba(10,48,72,.035);padding:20px;margin-bottom:18px;min-width:0}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:17px}.panel h2,.panel h3{font-family:'Manrope';color:var(--navy);margin:0}.panel h2{font-size:17px}.panel h3{font-size:14px}.panel-header p{margin:3px 0 0;color:var(--muted);font-size:12px}.text-link,.table-link{color:var(--blue);font-weight:700;font-size:12px}.table-wrap{overflow:auto;margin:0 -20px -20px}table{width:100%;border-collapse:collapse;min-width:700px}th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#6d8390;background:#f6f9fa;padding:11px 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:13px 14px;border-bottom:1px solid #edf2f4;font-size:12px;vertical-align:middle}td strong,td small{display:block}td small{color:#8295a0;margin-top:3px;font-size:10px}tbody tr:last-child td{border-bottom:0}.clickable{cursor:pointer}.clickable:hover td{background:#f7fbfc}.numeric{text-align:right;font-variant-numeric:tabular-nums}.negative{color:var(--danger)!important;font-weight:700}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:800;letter-spacing:.02em;white-space:nowrap}.badge.large{font-size:11px;padding:7px 12px}.badge.success{color:var(--success);background:var(--success-bg)}.badge.warning{color:var(--warning);background:var(--warning-bg)}.badge.danger{color:var(--danger);background:var(--danger-bg)}.badge.info{color:var(--info);background:var(--info-bg)}.badge.muted{color:#71838c;background:#edf2f4}.count-pill{display:inline-grid;place-items:center;min-width:25px;height:25px;background:#edf4f7;color:#526d7a;border-radius:50%;font-weight:800}.count-pill.danger{background:var(--danger-bg);color:var(--danger)}.empty{text-align:center!important;color:var(--muted);padding:34px!important}.risk-list{display:grid;gap:12px}.risk-row{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:10px;font-size:12px}.risk-dot{width:8px;height:8px;border-radius:50%}.risk-dot.success{background:var(--success)}.risk-dot.warning{background:#e79d2c}.risk-dot.danger{background:var(--danger)}.risk-dot.info{background:var(--info)}.separator{height:1px;background:var(--line);margin:20px 0}.activity-list>div{display:flex;gap:10px;margin:13px 0}.activity-marker{width:8px;height:8px;background:var(--cyan);border-radius:50%;margin-top:5px;flex:0 0 auto}.activity-list p{margin:0;font-size:11px}.activity-list small{display:block;color:var(--muted)}.filter-bar{background:#e9f0f3;border:1px solid #d6e2e7;border-radius:11px;padding:10px;margin-bottom:16px}.filter-bar form{display:flex;gap:8px;align-items:center}.form-control{width:100%;border:1px solid #cbd9df;border-radius:8px;background:#fff;color:var(--ink);padding:10px 11px;outline:none;transition:.15s}.form-control:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(19,168,168,.12)}select.form-control{min-width:170px}.form-control.search{min-width:280px}.grid-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field.full,.form-actions.full{grid-column:1/-1}.field label,.stack-form label{display:block;font-weight:700;font-size:12px;margin-bottom:6px;color:#2f4b5b}.field label span{color:var(--danger)}.field small,.stack-form label small{display:block;color:var(--muted);font-weight:400;margin-top:5px}.field-error{color:var(--danger);font-size:11px;margin-top:4px}.form-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);padding-top:17px}.stack-form{display:grid;gap:13px}.check-input{width:18px;height:18px}.messages{display:grid;gap:8px;margin-bottom:16px}.alert{border-radius:9px;padding:11px 14px;font-size:12px;border:1px solid;display:flex;justify-content:space-between;gap:10px}.alert button{border:0;background:transparent;cursor:pointer}.alert-success{background:var(--success-bg);border-color:#bfe9d9;color:#126b58}.alert-error{background:var(--danger-bg);border-color:#f0c7ca;color:#a62831}.alert-warning{background:var(--warning-bg);border-color:#f1dbad;color:#855108}.alert-info{background:var(--info-bg);border-color:#c9e3f2;color:#225d82}.workflow-strip{display:flex;align-items:center;background:#fff;border:1px solid var(--line);padding:15px 20px;border-radius:var(--radius);margin-bottom:18px;overflow:auto}.workflow-step{display:grid;grid-template-columns:28px auto;column-gap:8px;min-width:145px;align-items:center;color:#8ca0aa}.workflow-step>span{grid-row:1/3;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#e8eff2;font-weight:800;font-size:11px}.workflow-step strong{font-size:11px;color:#526c7a}.workflow-step small{font-size:9px}.workflow-step.done>span{background:var(--success);color:#fff}.workflow-step.done strong{color:var(--success)}.workflow-line{height:1px;background:#d9e4e8;min-width:28px;flex:1}.tabbar{display:flex;gap:4px;border-bottom:1px solid #ccdae1;margin:22px 0 17px;overflow:auto}.tabbar button{border:0;background:transparent;padding:11px 15px;color:#6e8490;font-size:12px;font-weight:700;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap}.tabbar button.active{color:var(--navy-2);border-color:var(--cyan)}.tabbar b{background:#dfe9ed;border-radius:9px;padding:1px 6px;margin-left:3px;font-size:9px}.tab-panel{display:none}.tab-panel.active{display:block}.action-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;border-left:4px solid var(--success)}.action-panel p{margin:4px 0 0;color:var(--muted);font-size:12px}.notice{background:#eff7f7;border-left:3px solid var(--cyan);padding:11px 12px;border-radius:6px;margin-top:15px}.notice strong{font-size:11px}.notice p{font-size:10px;color:var(--muted);margin:4px 0 0}.top-space{margin-top:15px}details summary{font-weight:700;color:var(--navy);cursor:pointer}.document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.document-grid.wide{grid-template-columns:repeat(3,minmax(0,1fr))}.document-card{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;padding:13px;transition:.15s}.document-card:hover{border-color:#9fc4cf;box-shadow:0 6px 18px rgba(10,48,72,.07)}.doc-icon{width:42px;height:42px;border-radius:9px;background:#eaf3f7;color:var(--blue);display:grid;place-items:center;font-size:10px;font-weight:800}.document-card strong,.document-card small,.document-card code{display:block}.document-card strong{font-size:12px}.document-card small{font-size:10px;color:var(--muted);margin-top:3px}.document-card code{font-size:8px;color:#91a2aa;margin-top:4px}.empty-state{text-align:center;color:var(--muted);padding:25px;grid-column:1/-1}.empty-state span,.empty-state strong{display:block}.empty-state span{font-size:28px;color:var(--success)}.empty-state.compact{padding:12px}.audit-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:18px}.audit-summary>div{background:#fff;padding:15px}.audit-summary span,.audit-summary strong{display:block}.audit-summary span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.audit-summary strong{font-size:16px;margin-top:3px}.audit-items{display:grid;gap:8px}.audit-item{display:grid;grid-template-columns:35px 1fr auto 15px;gap:13px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:12px 14px}.audit-item:hover{background:#f7fbfc}.audit-number{width:30px;height:30px;border-radius:8px;background:#eaf3f7;color:var(--blue);display:grid;place-items:center;font-weight:800}.audit-item small,.audit-item strong,.audit-item p,.audit-item em{display:block}.audit-item small{font-size:9px;text-transform:uppercase;color:var(--muted);letter-spacing:.08em}.audit-item strong{font-size:12px;margin-top:2px}.audit-item p{font-size:11px;color:#526c7a;margin:3px 0 0}.audit-item em{font-size:10px;color:var(--blue);margin-top:4px}.summary-panel{border-left:4px solid var(--cyan)}.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.process-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 5px 20px rgba(10,48,72,.035)}.process-top{display:flex;justify-content:space-between}.process-icon{width:42px;height:42px;border-radius:10px;background:#eaf4f7;color:var(--blue);display:grid;place-items:center;font-size:19px;font-weight:800}.process-card h2{font:700 16px 'Manrope';color:var(--navy);margin:16px 0 7px}.process-card p{font-size:11px;color:var(--muted);min-height:49px}.process-meta{display:flex;gap:16px;border-top:1px solid var(--line);padding-top:12px}.process-meta span{font-size:9px;color:var(--muted)}.process-meta b{display:block;color:var(--ink);font-size:12px}.rule-tags{display:flex;gap:5px;margin-top:12px}.rule-tags span{background:#eef5f7;color:#52707e;border-radius:5px;padding:4px 6px;font-size:9px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-grid .panel{margin:0}.span-two{grid-column:1/-1}.info-list{display:grid;gap:4px}.info-list>div{padding:10px;border-bottom:1px solid #edf2f4}.info-list>div:last-child{border-bottom:0}.info-list strong,.info-list small{display:block}.info-list strong{font-size:12px}.info-list small{font-size:10px;color:var(--muted);margin-top:3px}.parameter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.parameter-grid>div{border:1px solid var(--line);border-radius:9px;padding:12px}.parameter-grid code,.parameter-grid strong{display:block}.parameter-grid code{color:var(--teal);font-size:10px}.parameter-grid strong{font-size:11px;margin:6px 0}.parameter-grid pre{background:#f4f7f8;border-radius:6px;padding:8px;font-size:9px;white-space:pre-wrap;overflow:auto}.auth-body{background:#061f31}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.auth-visual{position:relative;padding:45px 58px;color:#fff;background:linear-gradient(135deg,#082f49 0%,#0a4260 65%,#096968 100%);overflow:hidden;display:flex;flex-direction:column}.auth-pattern{position:absolute;inset:0;opacity:.1;background-image:linear-gradient(30deg,transparent 24%,#fff 25%,#fff 26%,transparent 27%,transparent 74%,#fff 75%,#fff 76%,transparent 77%),linear-gradient(60deg,transparent 24%,#fff 25%,#fff 26%,transparent 27%,transparent 74%,#fff 75%,#fff 76%,transparent 77%);background-size:48px 84px}.auth-brand{position:relative;display:flex;align-items:center;gap:15px}.auth-brand strong{font:800 23px 'Manrope';display:block}.auth-brand small{display:block;font-size:10px;letter-spacing:.26em;color:#87cfd0}.auth-message{position:relative;margin:auto 0;max-width:660px}.auth-message h1{font:800 clamp(38px,5vw,68px)/1.05 'Manrope';letter-spacing:-.05em;margin:14px 0 22px}.auth-message p{font-size:16px;color:#c1d9e2;max-width:580px}.auth-proof{display:flex;gap:42px;border-top:1px solid rgba(255,255,255,.2);margin-top:40px;padding-top:22px}.auth-proof strong,.auth-proof span{display:block}.auth-proof strong{font:700 15px 'Manrope'}.auth-proof span{font-size:10px;color:#8fb9c8;margin-top:4px}.auth-panel{background:#f6f9fa;display:grid;place-items:center;padding:35px}.login-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:38px;box-shadow:0 25px 70px rgba(3,29,45,.2)}.login-card h2{font:800 27px 'Manrope';color:var(--navy);margin:8px 0}.login-card>p{color:var(--muted);font-size:13px;margin:0 0 24px}.login-security{font-size:9px;color:#91a2aa;text-align:center;margin-top:18px}.mobile-brand{display:none}.mobile-menu{display:none}.muted-text{color:var(--muted);font-size:11px}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.content-grid.two-thirds{grid-template-columns:1fr}.process-grid{grid-template-columns:repeat(2,1fr)}.document-grid.wide{grid-template-columns:repeat(2,1fr)}.auth-layout{grid-template-columns:1fr 1fr}.auth-message h1{font-size:44px}}
@media(max-width:760px){.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.2s;box-shadow:20px 0 50px rgba(0,0,0,.2)}.sidebar.open{transform:none}.main-content{display:block}.topbar{height:62px;padding:0 15px}.mobile-menu{display:block;border:0;background:#eaf2f5;border-radius:8px;padding:8px 10px}.status-dot{display:none}.top-actions .button{padding:8px 10px;font-size:11px}.page-wrap{padding:22px 15px 45px}.heading-row{align-items:flex-start;flex-direction:column}.metric-grid,.metric-grid.three,.process-grid,.settings-grid,.parameter-grid,.document-grid,.document-grid.wide,.audit-summary{grid-template-columns:1fr}.span-two{grid-column:auto}.grid-form{grid-template-columns:1fr}.field.full,.form-actions.full{grid-column:auto}.filter-bar form{flex-direction:column}.filter-bar .form-control{min-width:0}.panel-header{align-items:flex-start;flex-direction:column}.workflow-strip{padding:12px}.workflow-step{min-width:115px}.action-panel{align-items:flex-start;flex-direction:column}.auth-layout{display:block;background:#f6f9fa;padding:20px;min-height:100vh}.auth-visual{display:none}.auth-panel{padding:40px 0;background:transparent}.login-card{padding:28px 22px}.mobile-brand{display:flex;align-items:center;gap:10px;color:var(--navy);margin-bottom:28px}.mobile-brand .brand-mark i{background:var(--navy)}.mobile-brand .brand-mark i:last-child{background:var(--cyan)}.audit-item{grid-template-columns:32px 1fr auto}.audit-item>b{display:none}}
@media print{.sidebar,.topbar,.button,.tabbar{display:none!important}.main-content{grid-column:1}.page-wrap{padding:0}.panel{box-shadow:none}.tab-panel{display:block!important}}