@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#263447;background:#f7f8fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}button:disabled{cursor:not-allowed;opacity:.48}.shell{display:flex;min-height:100vh}.sidebar{width:258px;flex:0 0 258px;background:#101e31;color:#dde7f4;min-height:100vh;display:flex;flex-direction:column;padding:27px 17px 20px;position:sticky;top:0;height:100vh;z-index:40}.brand{display:flex;align-items:center;gap:12px;padding:1px 9px 43px}.brand-icon{height:38px;width:38px;border:1px solid #446684;background:#233e52;color:#8de1d1;display:grid;place-items:center;border-radius:11px}.brand strong{font-family:Manrope,sans-serif;display:block;color:#fff;font-size:15px;font-weight:800;letter-spacing:.8px}.brand span{font-size:9px;letter-spacing:1.5px;font-weight:800;color:#88a5b5}.sidebar-label{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#6c8296;margin:0 15px 14px}.nav{display:flex;flex-direction:column;gap:4px}.nav button{background:transparent;color:#afbfce;border:0;text-align:left;display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:10px;font-size:13px;font-weight:600;width:100%;min-height:44px}.nav button:hover{background:#1a3046;color:#fff}.nav button.active{background:#254a53;color:#d7fff4}.nav button.active svg{color:#83deca}.active-dot{margin-left:auto;background:#69cdb5;height:6px;width:6px;border-radius:50%}.sidebar-bottom{margin-top:auto}.ai-panel{border:1px solid #3e5468;padding:16px 14px;border-radius:13px;background:linear-gradient(145deg,#193246,#1a263c);margin-bottom:14px}.ai-title{display:flex;align-items:center;gap:9px;color:#c3f4e5;font-size:13px;font-weight:800}.ai-panel p{color:#afc1d0;font-size:12px;line-height:1.6;margin:11px 0}.ai-panel>span{color:#809faf;font-size:10px}.logout{width:100%;color:#b4c5d6;display:flex;gap:11px;align-items:center;background:transparent;border:0;font-size:13px;text-align:left;padding:12px}.logout:hover{color:#fff}.main{min-width:0;flex:1}.topbar{height:76px;border-bottom:1px solid #e8ecf0;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 41px;gap:20px}.breadcrumb{font-size:13px;color:#95a0ad;display:flex;gap:9px;align-items:center}.breadcrumb strong{color:#36475a;font-weight:700}.top-actions{display:flex;align-items:center;gap:18px}.secure-chip{font-size:11px;display:flex;align-items:center;gap:7px;color:#358c78;font-weight:700;background:#e9f6f0;border-radius:60px;padding:9px 13px}.avatar{width:33px;height:33px;background:#d1e7df;color:#346e60;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800}.mobile-nav{display:none;border:0;background:transparent;color:#263d58}.content{max-width:1460px;margin:0 auto;padding:41px 42px 26px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:29px}.eyebrow{font-size:10px;font-weight:800;color:#5b9388;letter-spacing:1.8px}.page-heading h1{font:800 clamp(25px,2.7vw,34px)/1.22 Manrope,sans-serif;color:#1b2b40;letter-spacing:-1.2px;margin:9px 0}.page-heading p{color:#8a96a4;font-size:13px;margin:0;line-height:1.5}.search-wrap{position:relative;background:#fff;border:1px solid #e3e7eb;border-radius:10px;display:flex;align-items:center;gap:9px;box-shadow:0 3px 12px #162e4710;width:295px;flex:0 0 295px;padding:0 12px;color:#9aa9b6}.search-wrap input{border:0;outline:0;padding:13px 0;font-size:12px;width:100%;min-width:0;color:#182b40;background:none}.search-wrap>button{background:none;border:0;color:#94a5b2;padding:3px}.search-results{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 6px);max-height:320px;overflow:auto;background:#fff;border-radius:10px;box-shadow:0 9px 30px #10223822;border:1px solid #e1e9ed;padding:5px}.search-results button{width:100%;border:0;background:#fff;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:10px;border-radius:7px;color:#293e54}.search-results button:hover{background:#eff7f4}.search-results strong,.search-results small{display:block;font-size:12px}.search-results small{color:#8c9ba7;margin-top:4px}.search-results p{font-size:12px;padding:12px}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px;margin-bottom:20px}.metric{border:1px solid #e5e9ec;background:#fff;text-align:left;border-radius:13px;min-height:161px;padding:19px 20px;box-shadow:0 3px 11px #172e4106;display:flex;flex-direction:column;color:#253951}.metric-top{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#81909d;font-size:12px;font-weight:700}.metric-top svg{color:#83a3a6}.metric strong{font:800 38px/1.2 Manrope,sans-serif;letter-spacing:-1.8px;color:#1d3045;margin:13px 0 12px}.metric small{display:flex;gap:5px;align-items:center;color:#39947d;font-size:11px;font-weight:700}.metric-accent{background:#e9f6f0;border-color:#d6eee3}.metric-accent .metric-top svg,.metric-accent small{color:#21836d}.dashboard-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-bottom:20px}.surface{border:1px solid #e7ecf0;background:#fff;border-radius:13px;box-shadow:0 3px 13px #122c3f06;overflow:hidden}.surface-head{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:22px 24px;border-bottom:1px solid #eef1f3}.surface-head h2{font:800 15px Manrope,sans-serif;color:#23364b;margin:0 0 6px}.surface-head p{font-size:12px;color:#94a0aa;margin:0}.surface-head>svg{color:#85a6a2}.surface-head select{border:1px solid #dae4e9;padding:8px 11px;border-radius:8px;color:#3c5366;background:#fff;font-size:12px}.activity-row{margin:0 23px;border-bottom:1px solid #f0f2f3;display:flex;gap:15px;padding:17px 0}.activity-row:last-child{border:0}.timeline-dot{margin-top:4px;flex:0 0 9px;width:9px;height:9px;background:#6abfa8;border:3px solid #ddf2e9;border-radius:50%;box-sizing:content-box}.activity-row p{margin:0 0 9px;color:#43556a;font-size:12px;line-height:1.6}.activity-row span{font-size:11px;color:#94a0ad}.integration{display:flex;gap:12px;align-items:center;margin:15px 20px 0;border:1px solid #ecf0f2;border-radius:11px;padding:13px}.integration-icon{width:39px;height:39px;border-radius:10px;display:grid;place-items:center;flex:0 0 39px}.integration-icon.purple{color:#8e71bc;background:#f2ebfa}.integration-icon.blue{color:#4d7fd8;background:#eaf1ff}.integration div:nth-child(2){flex:1;min-width:0}.integration strong{display:block;color:#2b3c50;font-size:12px}.integration small{display:block;font-size:11px;color:#91a0ad;line-height:1.5;margin-top:4px}.mini-label{background:#ecf1f2;border-radius:20px;color:#6b8292;padding:5px 7px;font-size:9px;font-weight:800}.mini-btn{background:#ebf7f1;color:#28846b;border:0;padding:7px 9px;font-size:11px;border-radius:7px;display:flex;align-items:center;gap:3px}.tip{display:flex;align-items:flex-start;gap:10px;background:#f5f9f8;border-radius:10px;margin:19px 20px 20px;padding:13px;color:#72928d}.tip svg{flex:0 0 auto}.tip span{font-size:11px;line-height:1.6}.import-note{border:1px solid #dfe9e7;background:#f1f8f5;border-radius:12px;display:flex;align-items:center;padding:16px 19px;gap:15px;color:#2f8773}.import-note div{flex:1}.import-note strong{font-size:12px;color:#244d47}.import-note p{font-size:11px;color:#7a9e93;margin:5px 0 0}.import-note>span{font-size:10px;letter-spacing:.7px;font-weight:800}.footer{margin:24px 0 8px;color:#9ca9b3;font-size:10px;display:flex;gap:9px;flex-wrap:wrap}.data-table{width:100%;border-collapse:collapse;min-width:720px;text-align:left}.data-table th{background:#fafbfc;color:#9aa5b0;font-size:10px;letter-spacing:.7px;text-transform:uppercase;font-weight:800;padding:16px 20px;border-bottom:1px solid #edf0f2;white-space:nowrap}.data-table td{font-size:12px;color:#415267;padding:15px 20px;border-bottom:1px solid #f0f2f4;white-space:nowrap;max-width:240px;overflow:hidden;text-overflow:ellipsis}.data-table tr{cursor:pointer}.data-table tbody tr:hover{background:#f4f9f7}.table-scroll{overflow-x:auto}.pill{display:inline-block;border-radius:30px;font-size:10px;font-weight:800;padding:5px 9px;text-transform:capitalize}.pill.muted{background:#f1f3f6;color:#718499}.pill.warm{background:#fff0e5;color:#ac6c39}.pill.green{background:#e9f6f0;color:#238568}.pagination{padding:15px 23px;display:flex;justify-content:space-between;align-items:center;color:#9caab5;font-size:11px}.pagination div{display:flex;gap:6px}.pagination button{border:1px solid #e7ecef;background:#fff;border-radius:7px;width:30px;height:30px;display:grid;place-items:center;color:#5a7282}.empty{text-align:center;padding:55px 30px;color:#8c9cac}.empty>div{width:58px;height:58px;background:#edf6f3;color:#76a69a;display:grid;place-items:center;border-radius:15px;margin:0 auto 15px}.empty h3{font:800 15px Manrope;color:#42556b;margin:0}.empty p{font-size:12px;line-height:1.6;max-width:300px;margin:10px auto}.loading{text-align:center;padding:70px 20px;color:#8799a5}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#101f3255;z-index:49}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(520px,100vw);background:#fff;z-index:50;box-shadow:-15px 0 40px #1323372c;display:flex;flex-direction:column}.drawer-top{padding:30px;border-bottom:1px solid #edf1f3;display:flex;justify-content:space-between;gap:12px}.drawer-top h2{font:800 22px/1.4 Manrope;margin:9px 0 0;color:#23364b}.drawer-top button{border:0;background:#f2f5f7;border-radius:9px;width:35px;height:35px;color:#6a7d8c}.drawer-body{overflow:auto;padding:24px 30px}.drawer-body h3{color:#253e52;font:800 13px Manrope;margin:10px 0 15px}.details{margin:0 0 30px}.details>div{padding:12px 0;border-bottom:1px solid #eef1f3;display:grid;grid-template-columns:140px 1fr;gap:10px}.details dt{font-size:11px;color:#91a0a9}.details dd{margin:0;color:#3c5366;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.note-card{padding:15px;background:#f8fafb;border-radius:10px;margin-bottom:10px}.note-card span{font-size:10px;color:#90a09e;display:flex;align-items:center;gap:6px}.note-card p{font-size:12px;color:#344c5e;line-height:1.7;margin:9px 0 0}.drawer-hint{display:flex;gap:12px;padding:16px;border-radius:10px;background:#eff8f5;color:#45917c}.drawer-hint svg{flex:0 0 auto}.drawer-hint p{font-size:12px;line-height:1.6;margin:0;color:#4c7168}.auth-stage{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 12% 10%,#243e58,#0e1d30 64%)}.auth-card{width:min(450px,100%);background:#fff;border-radius:18px;padding:35px;box-shadow:0 18px 80px #050e1c66}.auth-brand{font-size:11px;letter-spacing:1.2px;font-weight:800;color:#446d68;display:flex;align-items:center;gap:9px}.auth-mark{height:35px;width:35px;display:grid;place-items:center;border-radius:9px;background:#e4f4ed;color:#348a73}.auth-lock{margin-top:38px;width:55px;height:55px;background:#edf7f3;border-radius:15px;display:grid;place-items:center;color:#32856e}.auth-card h1{font:800 26px/1.3 Manrope;color:#1c3146;letter-spacing:-.7px;margin:18px 0 10px}.auth-card p{font-size:13px;color:#8997a4;line-height:1.7}.auth-form{display:flex;flex-direction:column;gap:19px;margin-top:23px}.auth-form label{font-size:12px;font-weight:800;color:#4b5a69;display:flex;flex-direction:column;gap:8px}.auth-form input{height:46px;border:1px solid #dfe5e8;border-radius:9px;padding:0 13px;outline:none;font-size:13px}.auth-form input:focus{border-color:#3caa90;box-shadow:0 0 0 3px #def6ed}.primary{height:47px;background:#116f5f;color:#fff;border:0;border-radius:9px;font-weight:800;font-size:12px;display:flex;justify-content:center;align-items:center;gap:12px}.primary:hover{background:#0b5e50}.auth-footer{display:flex;align-items:center;justify-content:center;gap:6px;padding-top:24px;margin-top:24px;border-top:1px solid #edf0f1;color:#99aaa5;font-size:10px}.qr-box{display:grid;place-items:center}.qr-box img{width:185px;height:185px}.secret{font-size:11px;color:#6d808a;overflow-wrap:anywhere}.secret code{font-size:11px;color:#234a48}.error-message{color:#ab3d2e!important;background:#fff0ec;padding:11px;border-radius:8px;font-size:12px!important}.hint{display:flex;gap:9px;align-items:center;padding:12px;border-radius:9px;background:#f2f8f5;font-size:12px;color:#376b5c}.muted{color:#8a9ba7!important}.scrim{display:none}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-columns{grid-template-columns:1fr}.content{padding:30px 26px}.topbar{padding:0 26px}}@media(max-width:740px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translate(-100%);transition:transform .2s ease}.sidebar-open{transform:translate(0)}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#10203688;z-index:39}.mobile-nav{display:block}.topbar{height:65px;padding:0 18px}.breadcrumb{font-size:12px}.secure-chip{font-size:0;padding:7px}.secure-chip svg{width:19px;height:19px}.top-actions{gap:10px}.content{padding:29px 18px}.page-heading{flex-direction:column;align-items:stretch}.page-heading h1{font-size:26px}.search-wrap{width:100%;flex:auto}.metrics{gap:10px}.metric{min-height:134px;padding:15px}.metric strong{font-size:29px}.metric-top{font-size:10px}.metric-top svg{width:16px}.surface-head{padding:19px 16px}.integration{margin:12px}.import-note>span{display:none}.details>div{grid-template-columns:110px 1fr}.drawer-top,.drawer-body{padding:22px}}.head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.add-btn{display:flex;align-items:center;gap:7px;background:#116f5f;color:#fff;border:0;border-radius:9px;padding:9px 14px;font-size:12px;font-weight:800;white-space:nowrap;min-height:38px}.add-btn:hover{background:#0b5e50}.record-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.drawer-top .record-actions button{width:auto;height:auto}.secondary,.danger,.danger-outline{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:9px;padding:9px 14px;font-size:12px;font-weight:800;min-height:38px}.secondary{background:#f2f5f7;color:#3c5366;border:1px solid #dfe5e8}.secondary:hover{background:#e8eef1}.danger{background:#b3402f;color:#fff;border:0}.danger:hover{background:#963425}.danger-outline{background:#fff;color:#b3402f;border:1px solid #efc9c1}.danger-outline:hover{background:#fff3f0}.record-form{display:flex;flex-direction:column;flex:1;min-height:0}.form-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:16px 14px;align-content:start}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field-wide{grid-column:1/-1}.field label{font-size:11px;font-weight:800;color:#4b5a69}.req{color:#b3402f}.field input,.field select,.field textarea{border:1px solid #dfe5e8;border-radius:9px;padding:10px 12px;font-size:13px;color:#1c3146;background:#fff;outline:none;width:100%;min-height:42px}.field textarea{resize:vertical;line-height:1.5;font-family:inherit}.field input:focus,.field select:focus,.field textarea:focus{border-color:#3caa90;box-shadow:0 0 0 3px #def6ed}.field [aria-invalid=true]{border-color:#d0715f}.field-error{font-size:11px;color:#ab3d2e;font-weight:700}.form-actions{border-top:1px solid #edf1f3;padding:16px 30px 22px;background:#fff}.form-actions .error-message{margin:0 0 12px}.form-buttons{display:flex;justify-content:flex-end;gap:10px}.form-buttons .primary{padding:0 18px;height:40px}.modal-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#101f3266;display:grid;place-items:center;padding:20px}.modal-card{background:#fff;border-radius:16px;padding:26px;width:min(440px,100%);box-shadow:0 18px 60px #050e1c55}.modal-card h2{font:800 19px/1.3 Manrope,sans-serif;color:#1c3146;margin:0 0 10px}.modal-card p{font-size:13px;color:#5a6b7b;line-height:1.6;margin:0 0 18px}@media(max-width:740px){.form-grid{grid-template-columns:1fr}.form-actions{padding:14px 22px 18px}.surface-head{flex-wrap:wrap}.head-actions{justify-content:flex-start;width:100%}}.brand-logo{height:38px;max-width:96px;object-fit:contain;flex:0 0 auto;background:#fff;border-radius:8px;padding:4px}