@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";.customer-shell{min-height:100vh;background:#f4f7f5;color:#183328;font-family:IBM Plex Sans Arabic,Arial,sans-serif;display:flex}.customer-shell *{box-sizing:border-box}.customer-auth{width:min(calc(100% - 32px),510px);margin:auto;background:#fff;border:1px solid #e2ebe4;border-radius:24px;padding:32px;box-shadow:0 20px 70px #183b2d0c}.c-brand{display:flex;align-items:center;gap:12px;margin-bottom:26px}.c-brand>div{width:45px;height:45px;border-radius:14px;background:#174432;color:#fff;display:grid;place-items:center}.c-brand b,.c-brand small{display:block}.c-brand b{font-size:19px}.c-brand small{font-size:10px;color:#83958a;letter-spacing:1px;margin-top:3px}.customer-auth h1{font-size:26px;margin:20px 0 8px}.customer-auth>p{font-size:14px;line-height:1.8;color:#788a80}.customer-auth code{display:block;background:#eef5ef;padding:12px;border-radius:10px;direction:ltr}.auth-tabs{display:flex;background:#f0f5f1;border-radius:12px;padding:4px}.auth-tabs button{flex:1;border:0;background:transparent;border-radius:9px;padding:11px;font:inherit;color:#6c8074;cursor:pointer}.auth-tabs button.sel{background:#fff;color:#174432;font-weight:700}.c-form{display:grid;gap:13px;margin-top:20px}.c-form label,.c-upload label{display:grid;gap:7px;font-size:13px;font-weight:600;color:#3a5949}.c-form input,.c-form select,.c-upload select{width:100%;min-width:0;border:1px solid #dce7df;border-radius:10px;padding:12px;background:#fff;font:inherit}.c-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.c-primary,.c-secondary,.c-refresh{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:11px 15px;font:inherit;font-weight:700;cursor:pointer}.c-primary{border:0;background:#174432;color:#fff}.c-secondary,.c-refresh{border:1px solid #dce7df;background:#f4f8f4;color:#315b43}.c-primary:disabled,.c-secondary:disabled{opacity:.5;cursor:not-allowed}.c-message{padding:12px 14px;background:#eaf5ed;border-radius:11px;color:#2c6744;margin:12px 0;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.muted{display:block;margin-top:16px;color:#829187;font-size:12px;line-height:1.7}.c-sidebar{width:260px;flex-shrink:0;background:#fff;border-left:1px solid #e2ebe4;padding:22px 17px;display:flex;flex-direction:column;min-height:100vh}.c-code{background:#f0f6f1;border:1px solid #e0eae2;border-radius:14px;padding:15px;margin:0 0 22px}.c-code small,.c-code span{display:block;font-size:11px;color:#788b7e}.c-code strong{display:block;font-size:21px;color:#174432;letter-spacing:1px;margin:7px 0}.c-sidebar nav{display:grid;gap:6px}.c-sidebar nav button,.logout{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:12px;border-radius:10px;text-align:right;font:inherit;color:#64786b;cursor:pointer}.c-sidebar nav button.active{background:#e9f3ec;color:#174432;font-weight:700}.logout{margin-top:auto;color:#9a5555}.c-main{flex:1;min-width:0;max-width:1500px;margin:0 auto;padding:30px clamp(15px,4vw,50px) 18px}.c-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}.c-top small{color:#789083}.c-top h1{font-size:26px;margin:5px 0 0}.c-refresh{background:#fff;font-size:12px}.c-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:18px}.c-stats>div{background:#fff;border:1px solid #e1ebe3;border-radius:15px;padding:17px;position:relative}.c-stats small{display:block;color:#829188;font-size:12px}.c-stats b{display:block;font-size:24px;margin-top:8px}.c-stats svg{position:absolute;left:17px;top:18px;color:#719b80}.c-card{background:#fff;border:1px solid #e1ebe3;border-radius:17px;padding:21px;margin-bottom:17px;min-width:0}.c-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.c-card-head h2{font-size:18px;margin:0 0 5px}.c-card-head p{font-size:12px;color:#829087;margin:0;line-height:1.7}.c-card-head>svg{color:#6e927b}.c-empty{padding:32px 10px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:10px;color:#70907c}.c-empty b{color:#365644}.c-empty p{max-width:440px;color:#89968e;font-size:13px;line-height:1.8;margin:0}.c-parcels{display:grid;gap:10px}.c-parcel{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid #e8eee9;border-radius:13px;padding:13px}.c-parcel-icon{width:42px;height:42px;border-radius:12px;background:#edf5ef;color:#477458;display:grid;place-items:center}.c-parcel-info{flex:1;min-width:150px}.c-parcel-info b,.c-parcel-info small{display:block}.c-parcel-info b{font-size:14px}.c-parcel-info small{font-size:11px;color:#859188;margin-top:4px;overflow-wrap:anywhere}.c-parcel-meta{display:grid;gap:6px}.c-parcel-meta>b{font-size:13px}.c-status{font-size:11px;padding:5px 8px;border-radius:30px;white-space:nowrap}.c-status.ok{background:#e7f5eb;color:#287148}.c-status.wait{background:#fff3dc;color:#966b1e}.c-status.err{background:#ffebeb;color:#a63b3b}.c-check{display:flex;align-items:center;gap:5px;font-size:11px;color:#64786b;white-space:nowrap}.c-check input{accent-color:#174432}.c-ship-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:15px;color:#456653}.c-upload{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.c-upload>label:first-child{min-width:180px}.file-pick{display:flex!important;align-items:center;gap:8px!important;border:1px dashed #b8cdbf;border-radius:11px;padding:11px;flex:1;min-width:230px;cursor:pointer}.file-pick span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-pick input{position:absolute;width:1px;height:1px;opacity:0}.c-list-row{display:flex;align-items:center;gap:10px;border:1px solid #edf1ed;background:#fafcfa;padding:12px;border-radius:10px;margin-top:8px;font-size:13px;overflow-wrap:anywhere}.c-list-row>svg{color:#75947f;flex-shrink:0}.c-list-row small{margin-right:auto;color:#839188;font-size:11px}.c-list-row span{flex:1}.c-list-row span small{display:block;margin:3px 0 0}.c-address{padding:16px;border:1px solid #e2ebe4;border-radius:13px;margin-bottom:12px;line-height:1.8}.c-address h3{margin:0 0 8px}.c-address p{margin:4px 0;font-size:13px;overflow-wrap:anywhere}.c-address blockquote{margin:12px 0;padding:10px;background:#fff5df;color:#856327;border-radius:8px;font-size:12px}.c-profile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.c-profile>div{padding:14px;background:#f8faf8;border-radius:11px;min-width:0}.c-profile small,.c-profile b{display:block;overflow-wrap:anywhere}.c-profile small{color:#829087;margin-bottom:7px}.c-footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:16px 3px;color:#8a9890;font-size:11px}.c-footer span:last-child{display:flex;align-items:center;gap:5px;color:#638772}@media(max-width:800px){.customer-shell:has(.c-sidebar){display:block}.c-sidebar{width:100%;min-height:0;padding:14px;border:0;border-bottom:1px solid #e2ebe4}.c-sidebar .c-brand{margin-bottom:15px}.c-code{margin-bottom:12px}.c-sidebar nav{display:flex;overflow-x:auto}.c-sidebar nav button{white-space:nowrap;flex-shrink:0}.logout{margin-top:6px}.c-main{padding:19px 13px}.c-card{padding:15px}.c-parcel-meta,.c-check{margin-right:54px}.c-stats>div{padding:13px}.c-stats b{font-size:21px}.c-stats svg{left:12px;top:14px;width:17px}}@media(max-width:520px){.customer-auth{padding:22px}.c-row,.c-profile,.c-stats{grid-template-columns:1fr}.c-stats>div{display:flex;align-items:center;gap:12px}.c-stats b{margin:0}.c-stats svg{position:static;margin-right:auto}.c-top{align-items:flex-start;flex-direction:column}.c-upload{align-items:stretch;flex-direction:column}.file-pick{min-width:0}.c-ship-cta{align-items:stretch;flex-direction:column}.c-parcel{align-items:flex-start}.c-parcel-meta{margin-right:54px}.c-check{width:100%;margin-right:54px}}.ops-shell{min-height:100vh;background:#f3f7f4;color:#173328;font-family:IBM Plex Sans Arabic,Arial,sans-serif;display:flex}.ops-shell *{box-sizing:border-box}.ops-login{margin:auto;background:#fff;border:1px solid #dfe9e2;border-radius:22px;padding:30px;width:min(calc(100% - 30px),440px);display:grid;gap:14px}.ops-logo{width:46px;height:46px;display:grid;place-items:center;background:#174432;color:#fff;border-radius:14px}.ops-login h1{margin:0;font-size:25px}.ops-login p,.ops-login small{color:#7d8e83;font-size:13px;line-height:1.7}.ops-login label,.ops-form label{display:grid;gap:7px;font-size:13px;font-weight:600;color:#3b5949}.ops-login input,.ops-form input,.ops-form textarea,.ops-form select{width:100%;border:1px solid #dbe7de;border-radius:10px;padding:11px 12px;font:inherit;background:#fff;min-width:0}.ops-login>button,.ops-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#174432;color:#fff;border:0;border-radius:10px;padding:12px 16px;font:inherit;font-weight:700;cursor:pointer}.ops-side{width:255px;background:#102820;color:#e4eee7;padding:22px 16px;display:flex;flex-direction:column;flex-shrink:0}.ops-brand{display:flex;align-items:center;gap:10px;margin-bottom:30px}.ops-brand>svg{width:42px;height:42px;padding:10px;background:#d9f379;color:#173328;border-radius:13px}.ops-brand b,.ops-brand small{display:block}.ops-brand small{font-size:9px;color:#9bb1a4;letter-spacing:1px;margin-top:4px}.ops-side nav{display:grid;gap:7px}.ops-side nav button,.ops-logout{display:flex;align-items:center;gap:10px;background:transparent;color:#c8d8ce;border:0;border-radius:10px;padding:12px;text-align:right;font:inherit;cursor:pointer}.ops-side nav button.active{background:#244638;color:#d9f379}.ops-logout{margin-top:auto}.ops-main{flex:1;min-width:0;max-width:1500px;margin:auto;padding:28px clamp(14px,4vw,45px)}.ops-main>header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.ops-main>header small{color:#7a9083}.ops-main>header h1{margin:5px 0 0;font-size:26px}.ops-refresh{display:flex;align-items:center;gap:8px;border:1px solid #dbe7de;border-radius:10px;background:#fff;padding:10px 13px;color:#315842;font:inherit;cursor:pointer}.ops-card{background:#fff;border:1px solid #e0eae3;border-radius:16px;padding:20px;margin-bottom:16px;min-width:0}.ops-card h2{font-size:17px;margin:0 0 17px}.ops-form>p{font-size:12px;color:#7b8b81;line-height:1.7}.ops-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:17px}.ops-grid .full{grid-column:1/-1}.ops-submit:disabled{opacity:.6}.ops-msg{padding:12px 14px;background:#e9f5ec;color:#286743;border-radius:10px;margin-bottom:14px;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.ops-empty{color:#849389;font-size:13px}.ops-table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}th,td{text-align:right;padding:11px 12px;border-bottom:1px solid #edf1ed}th{background:#f7faf7;color:#718579;font-weight:600}td{color:#375445}@media(max-width:760px){.ops-shell:has(.ops-side){display:block}.ops-side{width:100%;padding:14px}.ops-brand{margin-bottom:13px}.ops-side nav{display:flex;overflow:auto}.ops-side nav button{white-space:nowrap;flex-shrink:0}.ops-logout{margin-top:8px}.ops-main{padding:18px 12px}.ops-card{padding:15px}.ops-grid{grid-template-columns:1fr}.ops-grid .full{grid-column:auto}.ops-main>header h1{font-size:22px}}.ops-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.ops-metrics>div{background:#fff;border:1px solid #e0eae3;border-radius:16px;padding:20px;display:grid;gap:10px}.ops-metrics small{color:#7a9083;font-size:13px}.ops-metrics strong{font-size:30px;color:#174432}.ops-admin-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.ops-admin-links button{border:1px solid #dbe7de;border-radius:10px;background:#f8fbf8;color:#244638;padding:13px;text-align:right;font:inherit;cursor:pointer}.ops-admin-links button:hover{background:#eaf4eb}@media(max-width:760px){.ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-admin-links{grid-template-columns:1fr}}.ops-header-actions{display:flex;gap:8px;align-items:center}.ops-portal-links{display:grid;gap:7px;margin:18px 4px;padding-top:15px;border-top:1px solid #294438}.ops-portal-links small{font-size:10px;color:#9bb1a4;letter-spacing:.6px}.ops-portal-links a,.ops-admin-links a{display:block;text-decoration:none;color:inherit;border:1px solid #dbe7de;border-radius:9px;padding:10px;font-size:12px}.ops-portal-links a{border-color:#294438;color:#d6e5dc}.ops-portal-links a:hover{background:#244638}.ops-admin-links a{background:#f8fbf8;color:#244638}.ops-login>.ops-refresh{justify-self:end}@media(max-width:760px){.ops-header-actions{flex-wrap:wrap;justify-content:flex-end}.ops-portal-links{grid-template-columns:repeat(2,minmax(0,1fr))}}.ops-shell{background:#f5f7f8;color:#172b25;font-family:Inter,IBM Plex Sans Arabic,Arial,sans-serif}.ops-side{width:278px;background:linear-gradient(180deg,#112a22,#0b1e18);padding:24px 17px;box-shadow:8px 0 28px #0c241b0f}.ops-brand{padding:0 7px 18px;border-bottom:1px solid rgba(223,241,230,.12);margin-bottom:20px}.ops-brand>svg{width:44px;height:44px;background:#d7f17b;box-shadow:0 6px 16px #d7f17b1f}.ops-brand b{font-size:15px;letter-spacing:-.2px}.ops-brand small{font-size:9px;letter-spacing:1.4px}.ops-side nav{gap:5px}.ops-side nav button{position:relative;min-height:43px;border:1px solid transparent;color:#c3d3ca;font-size:13px;transition:background .15s,border-color .15s}.ops-side nav button:hover{background:#ffffff0e;color:#fff}.ops-side nav button.active{background:linear-gradient(90deg,#d7f17b26,#d7f17b0d);border-color:#d7f17b26;color:#e1f69a;font-weight:700}.ops-side nav button.active:before{content:"";position:absolute;inset-block:9px;inset-inline-start:0;width:3px;border-radius:4px;background:#d7f17b}.ops-main{padding:30px clamp(18px,3vw,48px);max-width:1640px}.ops-main>header{padding:3px 0 21px;border-bottom:1px solid #e4e9e6;margin-bottom:24px}.ops-main>header small{font-size:10px;letter-spacing:1.2px;font-weight:700}.ops-main>header h1{font-size:29px;letter-spacing:-.8px;color:#173b2d}.ops-card{border-color:#e5eae7;border-radius:18px;box-shadow:0 5px 22px #122e2009;padding:23px}.ops-card h2{font-size:16px;letter-spacing:-.2px;color:#1c4031}.ops-metrics>div{border-radius:17px;position:relative;overflow:hidden;min-height:124px;box-shadow:0 5px 20px #122e2009}.ops-metrics>div:before{content:"";position:absolute;top:0;inset-inline:0;height:3px;background:#d7f17b}.ops-metrics strong{font-size:32px;letter-spacing:-1px}.ops-admin-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ops-admin-links button,.ops-admin-links a{position:relative;display:grid;grid-template-columns:24px 1fr 20px;align-items:center;column-gap:10px;row-gap:5px;min-height:94px;padding:15px;border:1px solid #e3eae5;border-radius:13px;background:#fbfcfb;text-align:start;transition:transform .15s,border-color .15s,background .15s}.ops-admin-links button:hover,.ops-admin-links a:hover{transform:translateY(-2px);border-color:#bfd2c4;background:#f5faf5}.ops-admin-links button>svg,.ops-admin-links a>svg{grid-row:1 / span 2;color:#426b53}.ops-admin-links button b,.ops-admin-links a b{font-size:13px;color:#244b37}.ops-admin-links button small,.ops-admin-links a small{grid-column:2;color:#7a8e82;font-size:11px;line-height:1.5}.ops-admin-links button span,.ops-admin-links a span{grid-column:3;grid-row:1 / span 2;color:#73917d}.ops-portal-links{gap:6px;margin:22px 2px;padding-top:18px}.ops-portal-links a{display:flex;align-items:center;gap:9px;border:1px solid transparent;border-radius:9px;padding:10px 11px;font-size:12px;color:#cfddd4}.ops-portal-links a span{margin-inline-start:auto;color:#9fb7a7}.ops-portal-links a:hover{border-color:#2e4d3e;background:#19392c}.ops-logout{border-top:1px solid rgba(223,241,230,.12);border-radius:0;padding-top:18px;margin-top:22px}.ops-refresh{font-size:12px;font-weight:650;box-shadow:0 2px 5px #122e2006}.ops-submit{box-shadow:0 5px 12px #1744321f}.ops-table-wrap{border:1px solid #edf1ee;border-radius:12px}table th{font-size:11px;letter-spacing:.1px}table td{font-size:12px}.ops-login{box-shadow:0 24px 70px #102e2017;padding:34px;border-radius:24px}.ops-login input:focus,.ops-form input:focus,.ops-form textarea:focus,.ops-form select:focus{outline:3px solid rgba(76,129,91,.13);border-color:#79a287}@media(max-width:1000px){.ops-admin-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.ops-side{box-shadow:none}.ops-brand{padding-bottom:13px}.ops-admin-links{grid-template-columns:1fr}.ops-main>header h1{font-size:24px}.ops-card{padding:16px}.ops-metrics>div{padding:15px;min-height:105px}}:root{font-family:IBM Plex Sans Arabic,Inter,system-ui,sans-serif;color:#1c3029;background:#f5f7f5;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}.app{min-height:100vh;display:flex}.sidebar{width:258px;flex-shrink:0;background:#102820;color:#d7e4dc;padding:25px 15px 14px;display:flex;flex-direction:column;min-height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 25px;border-bottom:1px solid #294239}.brand-mark{width:40px;height:40px;display:grid;place-items:center;background:#d9f379;color:#16352a;border-radius:13px}.brand strong,.brand span{display:block;letter-spacing:1.2px}.brand strong{font-size:12px;color:#fff}.brand span{font-family:Inter,sans-serif;font-size:9px;color:#8ea89b;margin-top:4px}.workspace{margin:20px 0 28px;padding:11px;background:#1b382d;border:1px solid #2c4b3e;border-radius:12px;display:flex;align-items:center;gap:10px}.workspace-icon{width:34px;height:34px;border-radius:9px;background:#d9f379;color:#18382b;display:grid;place-items:center;font-weight:700}.workspace div:nth-child(2){flex:1}.workspace b,.workspace small{display:block}.workspace b{font-size:12px;color:#fff}.workspace small{font-size:10px;color:#92a99d;margin-top:3px}.workspace>svg{color:#91a89b}.nav-label{font:600 10px Inter,sans-serif;letter-spacing:1.3px;color:#789487;padding:0 12px 10px}.sidebar nav{display:grid;gap:4px}.nav-item{width:100%;border:0;background:transparent;color:#a8bdb2;display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:9px;text-align:right;font:500 12px inherit;cursor:pointer}.nav-item span{flex:1}.nav-item:hover{background:#1a382d;color:#fff}.nav-item.active{background:#d9f379;color:#193629;font-weight:700}.nav-item i{font:600 10px Inter,sans-serif;font-style:normal;background:#29493a;color:#e8f4e9;border-radius:5px;padding:3px 6px}.sidebar-bottom{margin-top:auto}.secure{display:flex;gap:10px;align-items:center;background:#19362b;border:1px solid #29493a;border-radius:10px;padding:12px;margin-bottom:13px;color:#d9f379}.secure b,.secure small{display:block}.secure b{font-size:11px;color:#e1ece4}.secure small{font-size:10px;color:#8ba799;margin-top:4px}.user{border-top:1px solid #294239;margin-top:13px;padding:17px 5px 2px;display:flex;align-items:center;gap:9px}.avatar,.top-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#f3d7b2;color:#6a452b;font-weight:700}.user div:nth-child(2){flex:1}.user b,.user small{display:block}.user b{font-size:11px;color:#fff}.user small{font-size:10px;color:#88a294;margin-top:3px}.user>svg{color:#91a89b}.main{flex:1;min-width:0}.topbar{height:70px;background:#fff;border-bottom:1px solid #e8ede9;display:flex;align-items:center;justify-content:space-between;padding:0 36px}.crumb{font-size:11px;color:#85938b}.crumb span{margin:0 9px;color:#c0cac3}.crumb b{color:#35483e;font-weight:600}.top-actions{display:flex;align-items:center;gap:16px}.icon-button{position:relative;border:1px solid #e6ece7;background:#fff;color:#52675b;width:36px;height:36px;border-radius:10px;display:grid;place-items:center}.icon-button em{position:absolute;width:6px;height:6px;background:#f39d5b;border:1px solid white;border-radius:50%;top:7px;left:8px}.lang{border:0;background:transparent;color:#52675b;font:600 11px Inter,sans-serif;cursor:pointer}.top-avatar{width:31px;height:31px;font-size:12px}.page{max-width:1500px;margin:0 auto;padding:31px 36px 18px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:23px}.eyebrow{display:flex;align-items:center;gap:7px;color:#74877b;font:600 10px Inter,sans-serif;letter-spacing:1.2px}.live-dot,.footer-dot{width:7px;height:7px;background:#86b76b;border-radius:50%;display:inline-block}.page-heading h1{font-size:27px;letter-spacing:-.6px;margin:10px 0 6px;color:#18372b}.page-heading p{font-size:12px;color:#85938b;margin:0}.primary{display:flex;align-items:center;justify-content:center;gap:8px;border:0;background:#18392c;color:#f8fff5;padding:11px 16px;border-radius:9px;font:600 11px inherit;cursor:pointer;white-space:nowrap}.primary:hover{background:#26543e}.notice{display:flex;align-items:center;gap:13px;padding:14px 17px;background:#eef5e8;border:1px solid #dce9cf;border-radius:12px;margin-bottom:19px}.notice-icon{width:37px;height:37px;display:grid;place-items:center;background:#dcebcf;border-radius:10px;color:#446a38}.notice>div:nth-child(2){flex:1}.notice b{font-size:12px;color:#2e4b32}.notice p{font-size:11px;color:#6f846f;margin:3px 0 0}.preview-tag{font:600 9px Inter,sans-serif;letter-spacing:.8px;color:#6a855a;background:#dfeccf;padding:6px 8px;border-radius:5px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:19px}.metric{background:#fff;border:1px solid #e8ede9;border-radius:12px;padding:17px 18px;min-width:0}.metric-icon{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;margin-bottom:14px}.metric-icon.mint{background:#e8f4e8;color:#48764e}.metric-icon.blue{background:#e9f0fb;color:#5378ac}.metric-icon.orange{background:#fff0e2;color:#b7783d}.metric-icon.violet{background:#f1eafa;color:#8968ad}.metric>span{font-size:11px;color:#77877c;display:block}.metric strong{font:600 27px Inter,sans-serif;display:block;color:#1c392c;margin:8px 0}.metric small{font-size:10px;color:#a0aaa2}.content-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:18px;margin-bottom:18px}.panel{background:#fff;border:1px solid #e8ede9;border-radius:13px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:19px 20px 14px}.panel-head h2{font-size:13px;margin:0;color:#243e31}.panel-head p{font-size:10px;color:#929e95;margin:5px 0 0}.text-button{display:flex;align-items:center;gap:5px;background:transparent;border:0;color:#477453;font:600 10px inherit;cursor:pointer;white-space:nowrap}.searchbox{display:flex;align-items:center;gap:8px;margin:0 20px 12px;padding:9px 11px;border:1px solid #e8ede9;border-radius:8px;color:#9aa69d;max-width:330px}.searchbox input{border:0;outline:0;width:100%;font:11px inherit;color:#34483b;background:transparent}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:right}th{background:#f8faf8;color:#8a998f;font-size:10px;font-weight:500;padding:11px 15px}td{font-size:10px;color:#627166;padding:13px 15px;border-bottom:1px solid #eff2ef}td b{font:600 10px Inter,sans-serif;color:#294536;display:block}td small{display:block;color:#9aa69d;margin-top:5px;font-size:9px}.status{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:5px;font-size:9px}.status i{width:5px;height:5px;border-radius:50%;background:currentColor}.status.amber{background:#fff4dd;color:#a77b2b}.status.blue{background:#e9f1fc;color:#557fb7}.status.green{background:#e7f4e9;color:#4b8a59}.status.purple{background:#f1eafa;color:#8a6ab1}.date{color:#9ba69e;font-size:9px}.panel-foot{display:flex;justify-content:space-between;gap:8px;padding:12px 18px;color:#9aa69d;font-size:9px}.panel-foot span:last-child{display:flex;align-items:center;gap:5px;color:#6d9a71}.workflow{padding:3px 20px 22px}.workflow-step{position:relative;display:flex;align-items:center;gap:11px;padding:13px 0}.step-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:#f0f5ed;color:#477650;flex-shrink:0}.step-copy{flex:1}.step-copy b,.step-copy small{display:block}.step-copy b{font-size:11px;color:#3c5143}.step-copy small{font-size:9px;color:#9aa69d;margin-top:4px}.workflow-step>span{font:500 10px Inter,sans-serif;color:#b5c0b8}.connector{position:absolute;right:18px;top:50px;height:15px;border-right:1px dashed #d3ded4}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.portal-list{padding:0 19px 15px}.portal{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #f0f3f0}.portal-icon,.integration-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid #e7eee7;background:#f8faf7;border-radius:9px;color:#55765d;flex-shrink:0}.portal-copy,.integration-copy{flex:1;min-width:0}.portal-copy b,.portal-copy small,.integration-copy b,.integration-copy small{display:block}.portal-copy b,.integration-copy b{font-size:10px;color:#3d5344}.portal-copy small,.integration-copy small{font-size:9px;color:#99a49c;margin-top:4px}.pill{font-size:9px;color:#8d815b;background:#f7f2e4;padding:5px 7px;border-radius:5px;white-space:nowrap}.integration-panel{padding-bottom:9px}.integration{display:flex;align-items:center;gap:10px;margin:0 19px;padding:12px 0;border-top:1px solid #f0f3f0}.integration>span{font-size:9px;color:#a18b63;white-space:nowrap}.placeholder{padding:60px 20px;text-align:center;margin-top:20px}.placeholder-icon{margin:0 auto 14px;width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:#edf4e8;color:#4b7950}.placeholder h2{font-size:19px;margin:0 0 8px}.placeholder p{font-size:12px;color:#839187;max-width:450px;line-height:1.9;margin:0 auto 20px}.placeholder .primary{margin:auto}footer{display:flex;align-items:center;justify-content:space-between;color:#9ca79f;font:9px Inter,sans-serif;padding:23px 2px 4px}footer span:last-child{display:flex;align-items:center;gap:7px}.ltr{direction:ltr}.ltr .nav-item,.ltr .panel-head,.ltr .page-heading,.ltr table{text-align:left}.ltr .connector{right:auto;left:18px;border-right:0;border-left:1px dashed #d3ded4}.ltr .crumb span{margin:0 9px}.ltr .notice{text-align:left}@media(max-width:1150px){.sidebar{width:225px}.page{padding:27px 23px}.topbar{padding:0 23px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr)}}@media(max-width:850px){.sidebar{width:72px;padding:18px 9px}.brand{justify-content:center;padding:0 0 20px}.brand>div:nth-child(2),.workspace>div:nth-child(2),.workspace>svg,.nav-label,.nav-item span,.nav-item i,.secure div,.user div:nth-child(2),.user>svg{display:none}.workspace{justify-content:center;padding:8px}.nav-item{justify-content:center;padding:12px 0}.secure{justify-content:center;padding:10px 0}.user{justify-content:center}.content-grid,.lower-grid{grid-template-columns:1fr}.page-heading h1{font-size:23px}.page{padding:23px 17px}.topbar{padding:0 17px}}@media(max-width:540px){.topbar{height:60px}.crumb{font-size:10px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading .primary{width:100%}.metrics{gap:9px}.metric{padding:13px}.metric strong{font-size:23px}.metric>span{font-size:10px}.notice{align-items:flex-start}.preview-tag{display:none}.panel-head{padding:16px 14px}.searchbox{margin:0 14px 10px}.table-wrap table{min-width:590px}.panel-foot{font-size:8px}.portal-list{padding:0 13px 12px}.integration{margin:0 13px}.page-heading p{line-height:1.8}.sidebar{width:58px}.sidebar .nav-item svg{width:17px}}