:root{--ink:#15233b;--muted:#728096;--line:#e8edf3;--bg:#f6f8fb;--white:#fff;--nav:#0e192b;--cyan:#0cc2b3;--blue:#2b73e6;--radius:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 'DM Sans',-apple-system,BlinkMacSystemFont,Arial,sans-serif}h1,h2,h3,h4,p{margin-top:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}.hidden{display:none!important}.app{display:flex;min-height:100vh}.sidebar{background:var(--nav);color:#dce5f4;width:246px;flex-shrink:0;padding:28px 16px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:0 13px 30px}.brand-symbol{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#10d5bd,#4c85ff);display:grid;place-items:center;color:white;font:bold 25px 'Manrope',Arial,sans-serif;letter-spacing:-3px;flex-shrink:0}.brand-symbol span{color:#134c5e}.brand strong{font:800 22px 'Manrope',Arial,sans-serif;letter-spacing:-.8px;color:#fff}.brand small{font-size:8px;letter-spacing:1px;display:block;color:#91a3ba;font-weight:700}.nav-label{color:#62778f;font-size:10px;letter-spacing:1.6px;font-weight:800;margin:24px 14px 9px}.nav-button{color:#a8b7cd;display:flex;gap:13px;align-items:center;background:transparent;border:0;border-radius:10px;width:100%;padding:11px 12px;font-weight:600;text-align:left;margin:3px 0}.nav-button span{font-size:18px;line-height:1;width:20px;text-align:center}.nav-button:hover{background:#1b2b42;color:#fff}.nav-button.active{color:#fff;background:#243650;box-shadow:inset 3px 0 var(--cyan)}.nav-button b{font-size:10px;color:#102f30;background:#94eee3;border-radius:15px;padding:1px 7px;margin-left:auto}.side-bottom{margin-top:auto;padding:10px 10px 0}.safe-mode{background:#142b35;border:1px solid #1b4e49;border-radius:11px;padding:14px;color:#c8f9ed;font-weight:700}.safe-mode strong{float:right;font-size:11px;color:#4be2bb}.safe-mode small{display:block;font-size:11px;font-weight:400;color:#9dc0b5;margin-top:4px}.live-dot{display:inline-block;background:#3ed0a2;width:8px;height:8px;border-radius:50%;margin-right:7px}.text-btn{border:0;background:transparent;color:#98aabf;padding:16px 2px;font-size:12px}.workspace{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:110px;border-bottom:1px solid var(--line);padding:25px 37px;background:white;display:flex;justify-content:space-between;align-items:center}.eyebrow{color:#9daaba;font-size:10px;letter-spacing:2px;font-weight:800;margin-bottom:6px}.topbar h1{font:800 25px 'Manrope',Arial,sans-serif;letter-spacing:-1px;margin:0}.header-actions{display:flex;gap:22px;align-items:center}.pill{font-size:11px;font-weight:700;padding:6px 11px;border-radius:20px}.pill.neutral{background:#f0f5f8;color:#69869a}.avatar{height:36px;width:36px;display:grid;place-items:center;border-radius:50%;color:#365f85;background:#dbe9f5;font-weight:800;font-size:11px}.content{max-width:1400px;width:100%;padding:31px 37px 50px;margin:0 auto;flex:1}.footer{color:#a4b0be;text-align:center;font-size:11px;padding:15px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:23px}.page-heading h2{font:800 18px 'Manrope',Arial,sans-serif;letter-spacing:-.5px;margin:0 0 4px}.subtitle{color:var(--muted);font-size:13px;margin:0}.btn{border:1px solid #dce4ec;background:#fff;padding:10px 15px;border-radius:9px;font-weight:700;color:#2f4660;white-space:nowrap}.btn:hover{background:#f3f8fc}.btn.primary{background:#137e88;color:white;border-color:#137e88}.btn.primary:hover{background:#0a6c76}.btn.danger{border-color:#f4cdd3;color:#b53948}.btn.sm{padding:6px 10px;font-size:11px}.btn.block{width:100%}.btn.secondary{background:#edf6f5;border-color:#d6e9e7;color:#167782}.grid{display:grid;gap:16px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metric{border:1px solid var(--line);background:white;padding:20px 21px;border-radius:var(--radius);box-shadow:0 5px 18px #152f5710}.metric-top{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;font-weight:700}.metric-icon{font-size:18px;color:#87a1b7}.metric-value{font:800 30px 'Manrope',Arial,sans-serif;margin-top:12px;letter-spacing:-1px}.metric-note{font-size:11px;color:#98a7ba;margin-top:3px}.section-row{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;margin-top:19px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 4px 17px #142c4f0a;overflow:hidden}.card-pad{padding:23px}.card-title{font:800 14px 'Manrope',Arial,sans-serif;margin:0}.card-subtitle{font-size:12px;color:var(--muted);margin:5px 0 0}.card-head{padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #eef1f6}.card-body{padding:22px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:#93a1b2;background:#fafbfd;font-weight:800;padding:12px 20px;white-space:nowrap}.data-table td{border-top:1px solid #f1f3f7;padding:15px 20px;font-size:12px;vertical-align:middle}.data-table tr:hover td{background:#fcfdff}.data-table .who{font-weight:800;color:#263b54}.secondary-text{color:#9aabba;font-size:11px;display:block;margin-top:3px}.tag{display:inline-block;background:#e8f3f1;color:#13786d;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700}.tag.blue{background:#eaf1ff;color:#4f70bd}.tag.amber{background:#fff4dc;color:#a47426}.tag.red{background:#fff0f0;color:#c2505d}.tag.gray{background:#f1f3f6;color:#708092}.stack{display:flex;flex-direction:column;gap:14px}.empty{padding:38px;text-align:center;color:#8293a8}.empty-icon{font-size:33px;margin-bottom:12px;color:#b4c2d1}.empty strong{display:block;color:#4b6078;margin-bottom:4px}.searchbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.field,input[type=text],input[type=password],input[type=email],select,textarea{background:white;color:#263f59;border:1px solid #dae3ec;border-radius:9px;padding:10px 12px;outline:none;min-width:0}input:focus,select:focus,textarea:focus{border-color:#2bb6af;box-shadow:0 0 0 3px #2bb6af22}textarea{width:100%;resize:vertical}.searchbar input{min-width:280px}.upload{border:2px dashed #bdd0da;border-radius:12px;background:#f8fbfc;padding:34px;text-align:center;margin-bottom:18px}.upload-icon{font-size:28px;color:#5398a0}.upload input{display:none}.upload p{color:var(--muted);margin:7px 0 15px}.steps{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.step{background:#eef5f8;color:#547687;padding:8px 13px;font-weight:700;font-size:11px;border-radius:20px}.step.active{background:#e7f5ec;color:#29916f}.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compare-col{border:1px solid #e8edf2;border-radius:12px;overflow:hidden}.compare-col h3{font-size:11px;text-transform:uppercase;letter-spacing:1px;padding:13px 15px;margin:0;background:#f3f6fa;color:#718199}.compare-list{padding:13px}.compare-field{padding:7px 3px;display:grid;grid-template-columns:80px 1fr;align-items:center;gap:7px;border-bottom:1px solid #f0f2f5;font-size:12px;word-break:break-word}.compare-field:last-child{border:0}.compare-field label{color:#8c9bb0}.notice{background:#eff8f6;color:#3b6f68;border:1px solid #cfe9e3;border-radius:10px;padding:13px 15px;font-size:12px}.notice.warning{background:#fff9ec;color:#8d702f;border-color:#f5e7c7}.notice.danger{background:#fff1f1;color:#ae5261;border-color:#ffdde0}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 15px}.tiny{font-size:11px;color:#9eacba}.timeline{position:relative;padding:4px 0 4px 18px;border-left:2px solid #e5ebf1;margin-left:9px}.timeline-item{position:relative;margin-bottom:20px;padding-left:18px}.timeline-item::before{content:'';width:10px;height:10px;background:#3fb6a5;border:2px solid white;box-shadow:0 0 0 1px #cdece7;border-radius:50%;position:absolute;left:-24px;top:3px}.timeline-item strong{display:block;font-size:12px}.timeline-item time{color:#9eaebc;font-size:10px}.modal-root{position:fixed;inset:0;z-index:50;background:#09162da6;display:flex;justify-content:center;align-items:flex-start;padding:3vh 15px;overflow:auto}.modal{width:min(900px,100%);background:white;border-radius:16px;box-shadow:0 22px 70px #00102055}.modal-head{padding:23px 28px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;align-items:start}.modal-head h2{margin:0;font:800 19px 'Manrope',Arial,sans-serif}.modal-body{padding:25px 28px;max-height:74vh;overflow:auto}.modal-close{border:0;background:#eef3f6;border-radius:8px;padding:4px 10px;font-size:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label,.input-wrap label{display:block;font-size:11px;color:#778ba1;font-weight:700;margin-bottom:6px}.form-grid input,.form-grid select{width:100%}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.login-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#1c3b55,#0a1424 70%)}.login-card{background:white;border-radius:18px;max-width:400px;width:calc(100% - 30px);padding:40px;box-shadow:0 30px 80px #0004}.login-card .brand-symbol{margin-bottom:25px}.login-card h1{font:800 25px Arial,sans-serif;margin-bottom:7px}.login-card p{color:#8593a7}.login-card label{display:block;margin:24px 0 7px;font-weight:700;font-size:12px}.login-card input{width:100%;margin-bottom:15px}.error{color:#ad3545!important;font-size:12px}.toast{position:fixed;bottom:25px;right:25px;z-index:100;border-radius:12px;padding:13px 20px;background:#223950;color:white;box-shadow:0 14px 35px #0004;max-width:420px}.link-button{background:transparent;border:0;color:#147d91;font-weight:800;padding:4px 0}.headingrow{display:flex;align-items:center;gap:10px}.subtle-list{color:#61768d;padding:0;margin:14px 0;list-style:none}.subtle-list li{padding:9px 0;border-bottom:1px solid #f0f3f6}.right{text-align:right}.spacer{flex:1}.warn{color:#bf7e2a}.good{color:#11957c}.muted{color:var(--muted)}.checkbox-field{display:flex;align-items:center;gap:8px;font-size:12px;padding:4px 0}.checkbox-field input{accent-color:#148b8a}.busy{opacity:.55;pointer-events:none}
@media(max-width:1040px){.sidebar{width:210px}.content{padding:24px}.topbar{padding:20px 24px}.metrics{grid-template-columns:repeat(2,1fr)}.section-row{grid-template-columns:1fr}}
@media(max-width:700px){.app{display:block}.sidebar{position:relative;width:100%;height:auto;padding:11px 12px}.brand{padding:2px 0 10px}.sidebar nav{display:flex;overflow:auto;gap:4px}.sidebar .nav-label,.side-bottom{display:none}.nav-button{flex:0 0 auto;width:auto;padding:9px;font-size:12px}.nav-button span{display:none}.topbar{height:auto;padding:18px}.topbar h1{font-size:21px}.header-actions .pill{display:none}.content{padding:16px}.metrics{gap:10px}.metric{padding:15px}.metric-value{font-size:24px}.split,.form-grid{grid-template-columns:1fr}.card-head{padding:15px}.data-table td,.data-table th{padding:12px}.modal-body{padding:16px}.modal-head{padding:17px}.searchbar input{min-width:0;width:100%}.page-heading{align-items:flex-start;flex-direction:column}}

pre{white-space:pre-wrap;overflow-wrap:anywhere} .input-wrap{margin:12px 0} .input-wrap input,.input-wrap select{width:100%} .pagination{display:flex;justify-content:space-between;gap:12px;padding:18px} .progress-note{padding:12px;color:#13786d} .message-body{white-space:pre-wrap;overflow-wrap:anywhere}