@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#101d2f;--navy2:#172a41;--ink:#15263a;--muted:#8491a2;--line:#e4eaf0;--wash:#f4f7fa;--cyan:#08a6df;--blue:#08749f;--amber:#ffb31c;--green:#1b9e78;--red:#db6170;--radius:22px;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--wash)}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}.sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh;background:#f4f7fa}.sidebar{background:var(--navy);color:#bac8d5;padding:28px 17px;display:flex;flex-direction:column;gap:34px;position:sticky;top:0;height:100vh;z-index:30}.brand{display:flex;align-items:center;gap:12px;padding:0 12px;color:#fff}.brand-icon{width:47px;height:47px;object-fit:contain;background:#fff;border-radius:14px;padding:5px}.brand strong{font-family:Manrope,sans-serif;display:block;font-size:19px;letter-spacing:-.5px}.brand small{display:block;color:#8fa7b8;font-size:10px;letter-spacing:2px;font-weight:800}.nav-group-title{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#6f8598;font-weight:800;margin:0 14px 12px}.nav{display:flex;flex-direction:column;gap:5px}.nav button{border:0;background:transparent;color:#a8bdce;display:flex;align-items:center;gap:14px;padding:13px 14px;border-radius:13px;text-align:left;width:100%;font-size:13px;font-weight:700;transition:.2s}.nav button:hover,.nav button.active{background:#243a50;color:white}.nav button.active:before{content:'';width:4px;height:21px;background:var(--cyan);border-radius:4px;position:absolute;left:17px}.nav button.active{padding-left:20px}.nav button .icon{width:19px;height:19px}.sidebar-bottom{margin-top:auto}.help-card{border:1px solid #375169;border-radius:18px;padding:18px;background:linear-gradient(135deg,#254056,#17283d);font-size:12px;line-height:1.6}.help-card b{display:block;color:#fff;font-size:13px;margin:8px 0 2px}.help-card .mini-icon{background:var(--cyan);border-radius:10px;width:32px;height:32px;display:grid;place-items:center;color:white}.sidebar-user{border-top:1px solid #304358;padding:20px 10px 0;display:flex;align-items:center;gap:10px;margin-top:20px}.avatar{width:36px;height:36px;border-radius:50%;background:#ddf6fd;color:#08749f;display:grid;place-items:center;font-weight:800;font-size:12px;flex:none}.sidebar-user b{display:block;color:white;font-size:12px}.sidebar-user small{display:block;color:#8ca1b5;font-size:10px;text-transform:capitalize}.sidebar-user button{margin-left:auto;border:0;background:transparent;color:#a9becd;font-size:20px}.main{min-width:0;padding:0 31px 40px}.topbar{height:87px;display:flex;align-items:center;justify-content:space-between;gap:20px}.crumb{display:flex;align-items:center;gap:10px;color:#8291a1;font-size:12px;font-weight:700}.crumb b{color:#25394d}.top-actions{display:flex;align-items:center;gap:12px}.top-actions .pill{background:#fff;border:1px solid var(--line);color:#637487;padding:9px 14px;border-radius:30px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800}.date-pill{white-space:nowrap}.icon-btn{width:37px;height:37px;display:grid;place-items:center;border:1px solid var(--line);background:#fff;border-radius:50%;color:#54677b}.mobile-menu{display:none}.page{max-width:1640px;margin:auto}.page-title-row{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--blue);margin-bottom:10px}.page h1{font-family:Manrope,sans-serif;font-size:28px;line-height:1.16;letter-spacing:-1.2px;margin:0;color:#16293d}.subtitle{color:#8794a3;font-size:13px;margin:9px 0 0}.btn{border:0;border-radius:12px;padding:11px 16px;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:.2s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--cyan);color:white;box-shadow:0 7px 16px #09a5df2b}.btn-dark{background:var(--navy);color:white}.btn-soft{background:#eaf7fc;color:#08749f}.btn-outline{background:#fff;border:1px solid #dbe4eb;color:#34536d}.btn-danger{background:#fff1f2;color:#b84958}.btn-sm{padding:8px 11px;font-size:11px;border-radius:9px}.hero{background:radial-gradient(circle at 85% 20%,#23445e 0,transparent 36%),linear-gradient(115deg,#102137,#142e45);border-radius:25px;color:#fff;padding:26px 28px 23px;margin-bottom:20px;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;width:390px;height:390px;border:1px solid #ffffff14;border-radius:50%;right:-82px;top:-200px;box-shadow:0 0 0 55px #ffffff05,0 0 0 110px #ffffff05;pointer-events:none}.hero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;position:relative;z-index:1}.hero-kicker{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#80bed5;font-weight:800}.hero h2{font-family:Manrope,sans-serif;margin:8px 0 5px;font-size:23px;letter-spacing:-.7px}.hero p{color:#a9bfcd;font-size:12px;margin:0}.hero-tag{border:1px solid #437d95;color:#caeff9;background:#1e4056;border-radius:30px;padding:8px 12px;font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:800;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:26px;position:relative;z-index:1}.metric{background:#ffffff0d;border:1px solid #ffffff17;border-radius:17px;padding:16px 17px;min-height:107px}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#a5baca;font-size:11px;font-weight:700}.metric .icon{width:16px;height:16px;color:#7cb4cb}.metric strong{display:block;font-family:Manrope,sans-serif;font-size:29px;color:#fff;letter-spacing:-1px;margin-top:10px;line-height:1}.metric small{color:#94adbd;font-size:10px}.metric.primary{background:#effaff;border-color:#d5eff8}.metric.primary .metric-top,.metric.primary strong{color:#16334a}.metric.primary .icon{color:var(--cyan)}.metric.primary small{color:#7b97a7}.grid-two{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:18px;margin-bottom:20px}.card{background:white;border:1px solid #e9eef2;border-radius:21px;box-shadow:0 5px 20px #19364d08;min-width:0}.card-head{padding:21px 23px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card h3{font-family:Manrope,sans-serif;font-size:15px;letter-spacing:-.35px;margin:0;color:#1a3146}.card-head p{font-size:11px;color:#95a1ac;margin:6px 0 0}.card-body{padding:20px 23px 23px}.tiny-link{border:0;background:transparent;color:var(--blue);font-size:11px;font-weight:800;padding:4px}.chart-wrap{height:202px;display:flex;gap:12px;align-items:end;padding-top:12px}.chart-grid{height:100%;display:grid;grid-template-columns:32px 1fr;gap:12px;flex:1}.y-labels{display:flex;flex-direction:column;justify-content:space-between;color:#a0abb5;font-size:10px;padding-bottom:20px}.plot{height:100%;display:flex;align-items:end;justify-content:space-around;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#eef2f5 calc(25% - 1px),#eef2f5 25%);border-bottom:1px solid #e7edf2;gap:9px}.bar-col{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:end;min-width:0}.bars{height:calc(100% - 21px);display:flex;align-items:end;justify-content:center;gap:4px;width:100%}.bar{width:19px;min-height:3px;background:#bceaf8;border-radius:6px 6px 1px 1px}.bar.dark{background:var(--cyan)}.bar-col span{font-size:10px;color:#8a98a7;height:20px;padding-top:6px}.legend{display:flex;align-items:center;gap:16px;margin-top:20px;font-size:10px;color:#8493a1}.legend i{width:8px;height:8px;display:inline-block;border-radius:50%;margin-right:6px}.island-row{display:flex;align-items:center;gap:12px;margin:0 0 18px}.island-row:last-child{margin-bottom:0}.island-name{width:75px;font-size:11px;font-weight:700}.track{height:7px;border-radius:10px;flex:1;background:#eef2f5;overflow:hidden}.track div{height:100%;border-radius:10px;background:linear-gradient(90deg,#0c90c0,#1ac0e8)}.island-row b{font-size:11px;width:22px;text-align:right}.map-note{background:#f4f9fb;border-radius:12px;color:#618092;padding:11px 12px;font-size:10px;margin-top:20px;line-height:1.5}.table-card{margin-bottom:20px}.toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line)}.toolbar-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tabs{display:flex;align-items:center;gap:4px;background:#f3f6f8;padding:4px;border-radius:11px}.tabs button{border:0;background:transparent;color:#8092a3;padding:8px 12px;border-radius:8px;font-size:11px;font-weight:800;white-space:nowrap}.tabs button.selected{background:white;color:#1c3a50;box-shadow:0 2px 6px #182e3e13}.search{border:1px solid #dfe7ed;border-radius:10px;height:36px;display:flex;align-items:center;gap:7px;padding:0 10px;background:#fff;color:#a4afbb;min-width:180px}.search input{border:0;outline:0;min-width:0;width:100%;font-size:11px;color:#1b3548}.search .icon{width:15px;height:15px}.select-filter{border:1px solid #dfe7ed;background:#fff;color:#537084;border-radius:10px;height:36px;padding:0 8px;font-size:11px;font-weight:700;max-width:150px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:720px}.data-table th{text-align:left;background:#f8fafb;color:#91a0ac;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;padding:14px 20px;white-space:nowrap}.data-table td{padding:16px 20px;border-top:1px solid #eef2f4;font-size:11px;color:#607286;white-space:nowrap}.data-table tbody tr:hover{background:#fbfdfe}.data-table td b{color:#213b51;font-weight:800}.cell-person{display:flex;align-items:center;gap:9px}.cell-person .avatar{width:29px;height:29px;font-size:10px;background:#e8f5fa}.subline{display:block;color:#a4b0bb;font-size:10px;margin-top:3px}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:30px;padding:6px 9px;font-size:10px;font-weight:800;text-transform:capitalize;background:#eff4f7;color:#667d8b}.badge:before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%}.badge.received{background:#e9f5fc;color:#148fbd}.badge.ready{background:#e7f8fa;color:#0b9baf}.badge.shipped{background:#e7efff;color:#5276ba}.badge.arrived{background:#eeeafa;color:#7b65bb}.badge.out_for_delivery{background:#fff3dd;color:#cf8b0b}.badge.delivered,.badge.paid,.badge.active{background:#e6f7ef;color:#20a375}.badge.on_hold,.badge.unpaid{background:#fff0dd;color:#d28d21}.badge.cancelled,.badge.inactive{background:#fff0f2;color:#cf6572}.row-action{border:0;background:#eaf7fc;color:#08749f;padding:7px 10px;border-radius:8px;font-size:10px;font-weight:800}.empty{padding:55px 20px;text-align:center;color:#99a8b5}.empty .empty-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;margin:0 auto 13px;background:#e6f7fc;color:var(--cyan)}.empty h3{font-family:Manrope,sans-serif;color:#244057;margin:0 0 6px;font-size:15px}.empty p{font-size:11px;margin:0 auto 17px;max-width:350px;line-height:1.6}.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.mini-card{background:#fff;border:1px solid #e9eef2;border-radius:18px;padding:19px}.mini-card .mini-top{display:flex;justify-content:space-between;align-items:center;color:#8291a1;font-size:11px;font-weight:700}.mini-card strong{font:800 25px Manrope,sans-serif;display:block;margin-top:11px}.mini-card small{color:#9ba8b4;font-size:10px}.mini-icon-circle{height:34px;width:34px;border-radius:11px;display:grid;place-items:center;background:#e9f8fd;color:var(--cyan)}.form-card{padding:22px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:800;color:#455d71}.field input,.field select,.field textarea{border:1px solid #dce6ed;border-radius:10px;padding:11px 12px;background:white;color:#213a4f;font-size:12px;outline:0;width:100%}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #08a6df22}.field textarea{min-height:84px;resize:vertical}.field small{color:#93a3b0;font-size:10px}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.form-intro{border:1px solid #dceef5;background:#f2fafe;border-radius:13px;padding:12px 14px;color:#53778a;font-size:11px;line-height:1.6;margin-bottom:19px}.form-intro b{color:#1d536d}.detail-head{background:linear-gradient(125deg,#102238,#1d4155);border-radius:18px;padding:23px;color:#fff;display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.detail-head h2{margin:8px 0;font:800 23px Manrope,sans-serif}.detail-head p{color:#a9c4d2;font-size:11px;margin:0}.detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-top:16px}.info-list{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.info-list div span{display:block;color:#9cabb7;font-size:10px;margin-bottom:4px}.info-list div b{display:block;font-size:12px;color:#244057;overflow-wrap:anywhere}.timeline{position:relative;padding-left:15px}.timeline:before{content:'';position:absolute;left:19px;top:12px;bottom:12px;width:1px;background:#dce8ee}.timeline-row{display:flex;gap:15px;position:relative;padding:0 0 20px}.timeline-row:last-child{padding-bottom:0}.timeline-dot{height:10px;width:10px;border-radius:50%;background:var(--cyan);border:3px solid #e6f8fe;box-sizing:content-box;flex:none;margin-top:3px;z-index:1}.timeline-row b{display:block;color:#254256;font-size:11px;text-transform:capitalize}.timeline-row small{color:#9ba9b4;font-size:10px}.timeline-row p{margin:4px 0 0;color:#708496;font-size:10px}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.modal-backdrop{position:fixed;inset:0;background:#0d1d2acc;backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:min(650px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:22px;box-shadow:0 25px 80px #061c2a5e}.modal-head{padding:21px 24px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line)}.modal-head h2{font:800 17px Manrope,sans-serif;margin:0}.modal-head p{font-size:11px;color:#93a1ad;margin:5px 0 0}.modal-head button{border:0;background:#f3f7f9;border-radius:10px;height:30px;width:30px;display:grid;place-items:center}.modal-body{padding:22px 24px 24px}.modal.wide{width:min(910px,100%)}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,1fr) minmax(360px,1fr);background:#fff}.auth-art{background:radial-gradient(circle at 70% 28%,#22617b,transparent 42%),linear-gradient(135deg,#142a3e,#0e1c2d);padding:55px;display:flex;flex-direction:column;justify-content:space-between;color:white;overflow:hidden;position:relative}.auth-art:after{content:'';position:absolute;width:550px;height:550px;border:1px solid #8fdaee30;border-radius:50%;right:-220px;top:20%;box-shadow:0 0 0 75px #8fdaee08,0 0 0 150px #8fdaee06}.auth-logo{display:flex;align-items:center;gap:10px;position:relative;z-index:1}.auth-logo img{width:58px;height:58px;object-fit:contain;background:white;border-radius:15px;padding:5px}.auth-logo strong{font:800 19px Manrope,sans-serif}.auth-copy{position:relative;z-index:1;max-width:510px}.auth-copy .eyebrow{color:#55cdeb}.auth-copy h1{font:800 clamp(32px,4.3vw,58px)/1.1 Manrope,sans-serif;letter-spacing:-2px;margin:13px 0 18px}.auth-copy p{color:#a9c5d3;font-size:14px;line-height:1.7}.auth-flow{display:flex;gap:8px;margin-top:34px;flex-wrap:wrap}.auth-flow span{border:1px solid #7093a060;border-radius:30px;padding:8px 11px;color:#c8e8f2;font-size:10px;font-weight:800}.auth-footer{font-size:10px;color:#8aaaba;position:relative;z-index:1}.auth-form-wrap{display:grid;place-items:center;padding:35px}.auth-form{width:min(390px,100%)}.auth-form .mini-brand{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--blue);font-weight:800}.auth-form h2{font:800 30px Manrope,sans-serif;letter-spacing:-1px;margin:15px 0 8px}.auth-form p{font-size:12px;color:#8d9ca9;line-height:1.6;margin-bottom:30px}.auth-form .field{margin-bottom:17px}.auth-form .btn{width:100%;margin-top:8px;padding:13px}.auth-note{margin-top:20px;background:#f1f8fb;border-radius:12px;padding:13px;font-size:10px;color:#708c9b;line-height:1.6}.auth-error{color:#c0505e;background:#fff1f3;border-radius:8px;padding:10px;font-size:11px;margin-bottom:12px}.toast{position:fixed;right:25px;bottom:25px;z-index:200;background:#153448;color:#fff;box-shadow:0 12px 35px #0b243744;border-radius:11px;padding:13px 17px;font-size:12px;font-weight:700;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#b94756}.muted{color:#94a4b0}.inline-note{font-size:11px;color:#8b9ba7;line-height:1.6}.manifest-list{display:grid;gap:12px}.manifest-card{border:1px solid var(--line);border-radius:15px;padding:17px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.manifest-card strong{font-size:12px}.manifest-card p{font-size:10px;color:#91a0ac;margin:6px 0 0}.check-row{display:flex;align-items:center;gap:10px;padding:9px;border-bottom:1px solid #edf2f5;font-size:11px}.check-row input{accent-color:var(--cyan)}.check-list{max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:10px}.info-tile{background:#f3f9fc;border-radius:12px;padding:14px;font-size:11px;line-height:1.6;color:#466b80}.info-tile strong{display:block;color:#144862;margin-bottom:4px}.settings-section{margin-bottom:19px}.settings-section h3{font:800 14px Manrope,sans-serif;margin:0 0 12px}.print-label{background:#fff;color:#111;font-family:Arial,sans-serif;padding:18px;width:100%;max-width:420px;border:2px solid #111}.print-label .logo{width:170px;height:auto}.print-label h2{margin:9px 0 3px;font-size:15px}.print-label .tracking{font-weight:800;font-size:17px;border-top:1px solid #333;border-bottom:1px solid #333;padding:8px 0;margin:10px 0}.print-label .qr{height:120px;width:120px}.print-label .label-grid{display:flex;gap:13px}.print-label .label-grid p{font-size:10px;line-height:1.45}.print-label b{font-size:11px}.print-label .charge{font-size:17px;font-weight:800}.print-only{display:none}
.hero:before{content:'';position:absolute;top:0;left:30px;width:66px;height:3px;background:var(--amber);border-radius:0 0 4px 4px}.hero-tag::first-letter{color:var(--amber)}.metric.primary .icon{color:#e9a20d}.top-actions .demo-pill{background:#fff5df;border-color:#f7dfae;color:#a86d00}
.stage-badge{display:inline-flex;align-items:center;gap:6px;border-radius:30px;padding:7px 10px;background:#e8f6fc;color:#087ca9;font-size:10px;font-weight:800;white-space:nowrap}.stage-badge:before{content:'';height:6px;width:6px;border-radius:50%;background:currentColor}.stage-badge.shipped{background:#e8efff;color:#4f73b6}.stage-badge.arrived{background:#e5f7ef;color:#138b68}.detail-stage{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.detail-stage .badge{background:#ffffff24;color:#fff}.journey-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:15px}.journey-step{background:#f0f4f7;border:1px solid #e4ebef;border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:8px;color:#8da1af;font-size:10px}.journey-step span{height:21px;width:21px;display:grid;place-items:center;border-radius:50%;background:#d8e2e8;color:#6c8190;font-weight:800}.journey-step .icon{height:12px;width:12px}.journey-step.complete{background:#e9f7fb;border-color:#d3edf5;color:#175b79}.journey-step.complete span{background:#0aa6d7;color:white}.journey-step.current{box-shadow:inset 0 0 0 1px #7bd2e9}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:25px 0 13px;gap:15px}.section-heading h3{font:800 16px Manrope,sans-serif;margin:0}.section-heading p{font-size:11px;color:#91a0ac;margin:5px 0 0}.insight-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.insight-card{border:1px solid #e6edf1;background:#fff;border-radius:17px;padding:16px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-height:125px;box-shadow:0 5px 20px #19364d08;transition:.2s}.insight-card:hover{transform:translateY(-2px);border-color:#ace4f1;box-shadow:0 9px 24px #19364d14}.insight-card>span{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:10px;color:#657e90;font-weight:800}.insight-card .icon{width:13px;height:13px;color:#0b94c2}.insight-card strong{font:800 27px Manrope,sans-serif;color:#213d52;line-height:1}.insight-card small{font-size:10px;color:#93a3af;line-height:1.4}.insight-card.attention{background:#fffaf0;border-color:#f6ead2}.insight-card.attention strong{color:#b67a11}.quick-find{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 20px;margin-bottom:20px}.quick-find strong{display:block;font:800 13px Manrope,sans-serif}.quick-find small{display:block;font-size:10px;color:#8c9caa;margin-top:5px;line-height:1.45}.quick-find-controls{display:flex;gap:8px;flex:0 0 52%}.quick-find input{min-width:0;flex:1;border:1px solid #dce6ed;border-radius:11px;padding:10px 12px;font-size:11px;outline:none}.quick-find input:focus{border-color:var(--cyan)}
.island-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-bottom:20px}.island-tile{background:#fff;border:1px solid #e5edf2;border-radius:16px;padding:15px;text-align:left;min-height:112px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;transition:.2s}.island-tile:hover{border-color:#9edced;transform:translateY(-1px)}.island-tile.selected{background:#142d43;color:#fff;border-color:#142d43;box-shadow:0 9px 24px #142d4321}.island-tile span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;color:#7c96a7}.island-tile.selected span{color:#9bcfe1}.island-tile strong{font:800 18px Manrope,sans-serif;color:#214157}.island-tile.selected strong{color:#fff}.island-tile small{font-size:10px;color:#a0aeb9}.island-tile.selected small{color:#b7d1dd}
.insight-toolbar .toolbar-left{min-width:0;flex:1 1 100%;max-width:100%}.insight-tabs{width:100%;max-width:100%;overflow-x:auto}.insight-tabs button{display:inline-flex;gap:5px;align-items:center}.insight-tabs span{font-size:9px;color:#9aa8b2;background:#e9eef2;border-radius:20px;padding:2px 5px}.insight-tabs .selected span{background:#dff5fb;color:#087da8}.insight-context{font-size:11px;color:#7990a0;padding:12px 21px;line-height:1.5;background:#f9fbfc}.tier{display:inline-flex;border-radius:30px;padding:5px 9px;font-size:10px;font-weight:800;background:#eef3f5;color:#728797}.tier.premium{background:#fff2d3;color:#b47c0e}.tier.mid{background:#eaf3ff;color:#5279ad}.tier.low{background:#eef2f4;color:#708493}.customer-summary{background:linear-gradient(120deg,#122840,#1d4a61);border-radius:17px;color:#fff;padding:20px 23px;display:flex;justify-content:space-between;align-items:center;gap:15px}.customer-summary h2{font:800 22px Manrope,sans-serif;margin:7px 0}.customer-summary p{font-size:11px;color:#c8dbe5;margin:0}.customer-frequency{display:grid;grid-template-columns:auto auto;gap:2px 7px;align-items:baseline;white-space:nowrap}.customer-frequency strong{font:800 21px Manrope,sans-serif}.customer-frequency span{font-size:10px;color:#b1c8d4}.insight-customer-head{display:flex;align-items:center;justify-content:space-between}.insight-customer-head h3{margin:0}.contact-history{border-top:1px solid var(--line);margin-top:21px;padding-top:18px}.contact-history h3{margin:0 0 12px}.contact-entry{border:1px solid #e9eef2;border-radius:10px;padding:10px;margin-bottom:8px}.contact-entry b{font-size:11px;color:#314f62}.contact-entry span{display:block;color:#99a7b2;font-size:9px;margin-top:3px}.contact-entry p{font-size:10px;color:#687f90;line-height:1.5;margin:6px 0 0}
@media(max-width:1200px){.island-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.insight-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.island-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.insight-cards{grid-template-columns:repeat(2,1fr)}.quick-find{display:block}.quick-find-controls{margin-top:13px}.quick-find .btn{padding:10px}.journey-step{padding:8px;display:block;min-height:64px}.journey-step span{margin-bottom:5px}.journey-step b{font-size:9px;line-height:1.15}.customer-summary{display:block}.customer-frequency{display:flex;gap:6px;margin-top:15px}.detail-stage{align-items:flex-start;margin-top:10px}.detail-head{display:block}}
@media(max-width:1100px){.app-shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding:24px 12px}.main{padding:0 20px 30px}.grid-two{grid-template-columns:1fr}.cards-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;left:-260px;width:250px;transition:left .2s;box-shadow:15px 0 35px #071d2b3d}.sidebar.open{left:0}.main{padding:0 14px 25px}.topbar{height:68px}.mobile-menu{display:grid}.top-actions .pill{display:none}.page h1{font-size:23px}.page-title-row{align-items:flex-start}.hero{padding:21px}.metrics{grid-template-columns:repeat(2,1fr)}.hero-tag{display:none}.cards-3{grid-template-columns:1fr}.detail-grid,.form-grid{grid-template-columns:1fr}.field.full{grid-column:1}.chart-grid,.plot{min-width:0}.plot{gap:2px}.bars{gap:2px}.bar{width:9px}.bar-col span{font-size:9px}.auth-page{grid-template-columns:1fr}.auth-art{min-height:250px;padding:25px}.auth-copy h1{font-size:30px}.auth-copy p,.auth-flow,.auth-footer{display:none}.auth-form-wrap{padding:36px 24px}.toolbar{padding:14px}.search{min-width:140px}.modal-backdrop{padding:8px}.modal{max-height:calc(100vh - 16px)}}
@media(max-width:760px){.top-actions .demo-pill{display:inline-flex;font-size:9px;padding:6px 9px}}
@media print{body{background:white}.app-shell,.auth-page,.modal-head,.toast{display:none!important}.modal-backdrop{position:static;background:white;padding:0;display:block}.modal{box-shadow:none;width:auto;max-height:none;overflow:visible}.modal-body{padding:0}.modal-body>div{display:block!important}.modal-body>div>.print-label{display:block!important;width:100mm;max-width:none;min-height:75mm}.modal-body>div>.info-tile,.modal-body>div>p,.modal-body>div>button,.modal-body>div>div:not(.print-label){display:none!important}.print-only{display:block!important}}

/* Activity and finance workspace */
.mobile-dock,.mobile-parcels{display:none}.row-buttons{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.row-buttons button{border:1px solid #d9e9f1;background:#f2f9fc;color:#17688a;border-radius:8px;padding:6px 8px;font-size:10px;font-weight:800;white-space:nowrap}.row-buttons button:hover,.name-link:hover{background:#ddf4fb}.tier-marker{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;font-size:10px;font-weight:900;vertical-align:middle;line-height:1;margin-left:3px}.tier-marker.premium{background:#ffb31c;color:#13263a}.tier-marker.mid{background:#d4eafa;color:#0a73a0}.tier-marker.low{background:#e5eaed;color:#70818d}.name-link{border:0;background:transparent;color:#213b51;font-weight:800;padding:3px 4px;border-radius:5px;text-align:left}.signal{border:0;border-radius:20px;padding:7px 10px;background:#e9f7f2;color:#158865;font-size:10px;font-weight:800}.signal.cooling,.signal.dormant{background:#fff0e6;color:#b97822}.signal.new-no-order{background:#edf3f6;color:#708493}.mobile-parcel .stage-badge{font-size:9px}
.island-analytics,.financial-report,.customer-analytics,.segment-chart{border-radius:22px;padding:24px;background:radial-gradient(circle at 92% 0%,#254d69 0,transparent 38%),linear-gradient(140deg,#101e30,#172c43);color:#e7f3f8;border:1px solid #274257;box-shadow:0 15px 34px #14283a19;margin:18px 0}.analytics-head,.customer-analytics-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.island-analytics h3,.financial-report h3,.customer-analytics h3,.segment-chart h3{font:800 20px Manrope,sans-serif;margin:4px 0 5px;color:white}.island-analytics p,.financial-report p,.customer-analytics p,.segment-chart p{color:#a4bdcb;font-size:11px;margin:0;line-height:1.5}.island-analytics .eyebrow,.financial-report .eyebrow,.customer-analytics .eyebrow,.segment-chart .eyebrow{color:#76d6f1}.dark-tabs{display:flex;gap:4px;background:#ffffff12;border:1px solid #ffffff17;padding:4px;border-radius:30px}.dark-tabs button{border:0;background:transparent;color:#a7c2d1;padding:7px 12px;border-radius:25px;font-size:10px;font-weight:800}.dark-tabs button.active{background:#ffb31c;color:#14283a}.island-bars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 24px;margin-top:28px}.island-bar-row{display:grid;grid-template-columns:115px minmax(0,1fr) 22px;align-items:center;gap:10px;animation:slideUp .5s both;animation-delay:var(--delay)}.island-bar-row b{display:block;font-size:11px}.island-bar-row small{display:block;color:#819eaf;font-size:9px;margin-top:3px}.island-bar-row strong{font-size:11px;color:#ffc34a;text-align:right}.island-bar-track{height:9px;border-radius:20px;background:#ffffff19;overflow:hidden}.island-bar-track span{display:block;height:100%;width:var(--width);border-radius:20px;background:linear-gradient(90deg,#078fbc,#28c9e9 70%,#ffbc38);animation:growBar .9s ease both}.analytics-foot{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #ffffff20;margin-top:24px;padding-top:16px;color:#96b2c2;font-size:10px}.analytics-foot b{color:white}.finance-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.finance-card{background:white;border:1px solid #e7eef2;border-radius:17px;padding:16px;min-width:0}.finance-card span,.finance-card small{display:block;color:#8295a3;font-size:10px}.finance-card strong{display:block;font:800 22px Manrope,sans-serif;color:#15354d;margin:8px 0}.finance-card.net{background:#102c43}.finance-card.net span,.finance-card.net small{color:#9ab7c8}.finance-card.net strong{color:#ffbd31}.new-customer-note{display:flex;align-items:center;gap:8px;color:#638296;font-size:10px;margin:10px 2px 22px}.new-customer-note .icon{width:14px;height:14px}.overview-finder{margin:20px 0}.overview-filter,.parcel-date-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:17px 22px}.overview-filter input,.overview-filter select,.parcel-date-tools input,.parcel-date-tools select,.financial-report input,.expense-form input{background:#fff;border:1px solid #dce6ed;border-radius:10px;padding:10px 11px;color:#224257;font-size:11px;min-height:37px}.overview-filter input[name=q]{flex:1;min-width:190px}.parcel-date-tools{margin-bottom:16px}.parcel-date-tools>div{margin-right:auto}.parcel-date-tools b,.parcel-date-tools small{display:block}.parcel-date-tools b{font-size:12px}.parcel-date-tools small{color:#8fa2af;font-size:10px;margin-top:4px}.result-heading{display:flex;justify-content:space-between;padding:12px 22px;color:#617b8e;font-size:11px;border-top:1px solid #e6eef2}
.segment-chart{display:flex;gap:32px;align-items:center}.segment-chart>div:first-child{min-width:170px}.segment-bars{display:grid;gap:12px;flex:1}.segment-bars>div{display:grid;grid-template-columns:70px 1fr 25px;gap:8px;align-items:center;font-size:10px}.segment-bars span{height:8px;border-radius:10px;background:#ffffff1d;overflow:hidden}.segment-bars i{display:block;width:var(--width);height:100%;border-radius:10px;background:linear-gradient(90deg,#08a6df,#ffb31c);animation:growBar .9s ease both}.customer-analytics{margin-top:14px}.interest-chip{padding:7px 11px;background:#ffba2a;color:#172d41;border-radius:20px;font-size:10px;font-weight:800}.customer-activity-chart{display:flex;align-items:end;justify-content:space-around;height:170px;gap:15px;margin-top:25px}.customer-activity-chart>div{height:100%;flex:1;max-width:80px;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:6px}.customer-chart-track{height:125px;width:100%;display:flex;align-items:end;background:#ffffff0e;border-radius:8px 8px 2px 2px;overflow:hidden}.customer-chart-track i{display:block;width:100%;height:var(--height);background:linear-gradient(0deg,#068cbf,#47d4ee);border-radius:8px 8px 0 0;animation:growHeight .8s ease both}.customer-activity-chart b{font-size:10px}.customer-activity-chart small{font-size:9px;color:#93b1c1}.customer-analytics-foot{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.customer-analytics-foot span{background:#ffffff10;border-radius:10px;padding:9px;color:#a7becb;font-size:10px}.customer-analytics-foot b{color:white}.signal-note{margin-top:15px!important}.phone-matches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0 17px;max-height:175px;overflow:auto}.phone-match{text-align:left;border:1px solid #cfe5ef;background:#f3fafd;border-radius:10px;padding:10px;color:#1b475d}.phone-match b,.phone-match small{display:block}.phone-match b{font-size:11px}.phone-match small{font-size:10px;color:#6e8a99;margin-top:3px;line-height:1.3}.selected-address{border:1px solid #daeaf0;background:#f5f9fb;border-radius:10px;padding:12px;color:#365970;font-size:11px;line-height:1.5}.commission-preview{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px}.commission-preview span{display:flex;flex-direction:column;gap:5px;background:#eaf8fc;padding:10px 14px;border-radius:11px;color:#5d7e91;font-size:10px}.commission-preview b{color:#143d54;font-size:15px}.share-options{display:grid;gap:10px}.share-options p{margin:0 0 8px}.share-options .btn{justify-content:flex-start}.commission-rule-row,.commission-rule-head{display:grid;grid-template-columns:1.1fr 1fr 1fr .9fr 30px;gap:9px;margin-top:8px;align-items:center}.commission-rule-head{font-size:10px;color:#8195a4;font-weight:800}.commission-rule-row input,.commission-rule-row select{width:100%;border:1px solid #dae7ee;background:#fff;border-radius:9px;padding:10px;color:#214157;font-size:11px}.commission-rule-row button{border:0;background:#fff0f1;color:#bb5461;border-radius:8px;height:30px}.financial-report{margin-bottom:16px}.financial-report #finance-month-form{display:flex;gap:7px}.financial-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:23px 0}.financial-metrics>div{padding:13px;background:#ffffff0e;border:1px solid #ffffff14;border-radius:12px}.financial-metrics span{display:block;color:#9bb5c5;font-size:10px}.financial-metrics strong{display:block;color:white;font:800 18px Manrope,sans-serif;margin-top:6px}.financial-metrics>div:last-child{background:#ffb31c}.financial-metrics>div:last-child span,.financial-metrics>div:last-child strong{color:#183047}.financial-chart{display:flex;gap:12px;align-items:end;height:150px}.financial-chart>div{flex:1;height:100%;display:flex;align-items:center;justify-content:end;flex-direction:column;gap:5px}.financial-chart>div>span{height:120px;width:100%;background:#ffffff0d;border-radius:7px;display:flex;align-items:end;overflow:hidden}.financial-chart i{display:block;width:100%;height:var(--height);background:linear-gradient(0deg,#0c8db8,#4ad7ee);border-radius:6px 6px 0 0;animation:growHeight .9s ease both}.financial-chart small{font-size:9px;color:#adc5d2}.financial-footnote{font-size:10px!important;margin-top:15px!important}.expense-panel{padding:21px;margin-bottom:20px}.expense-form{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.expense-form input[name=description]{flex:1;min-width:180px}.expense-form input[name=amount]{width:120px}.expense-list>div{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid #eaf0f4;font-size:11px}.expense-list small{display:block;color:#95a6b0;margin-top:3px}
@keyframes growBar{from{width:0}to{width:var(--width)}}@keyframes growHeight{from{height:0}to{height:var(--height)}}@keyframes slideUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.island-bar-row,.island-bar-track span,.customer-chart-track i,.financial-chart i,.segment-bars i{animation:none}}
[data-theme=dark]{--ink:#e7f2f7;--muted:#95aab9;--line:#294357;--wash:#0b1929;background:#0b1929;color:#e7f2f7}[data-theme=dark] .app-shell{background:#0b1929}[data-theme=dark] .card,[data-theme=dark] .finance-card,[data-theme=dark] .mini-card,[data-theme=dark] .island-tile,[data-theme=dark] .insight-card,[data-theme=dark] .modal{background:#172b3f;border-color:#2b4558;color:#e6f1f6}[data-theme=dark] .page h1,[data-theme=dark] .card h3,[data-theme=dark] .mini-card strong,[data-theme=dark] .data-table td b,[data-theme=dark] .finance-card strong,[data-theme=dark] .island-tile strong,[data-theme=dark] .insight-card strong,[data-theme=dark] .name-link,[data-theme=dark] .crumb b,[data-theme=dark] .info-list div b,[data-theme=dark] .section-heading h3{color:#e6f3f8}[data-theme=dark] .data-table th,[data-theme=dark] .insight-context,[data-theme=dark] .tabs,[data-theme=dark] .selected-address{background:#1e374c;color:#a8bfcd}[data-theme=dark] .data-table td,[data-theme=dark] .toolbar,[data-theme=dark] .modal-head{border-color:#2b4558}[data-theme=dark] .data-table tbody tr:hover{background:#233e53}[data-theme=dark] .tabs button.selected,[data-theme=dark] .icon-btn,[data-theme=dark] .top-actions .pill{background:#25435a;color:#e5f2f7;border-color:#34566b}[data-theme=dark] .field input,[data-theme=dark] .field select,[data-theme=dark] .field textarea,[data-theme=dark] .search,[data-theme=dark] .search input,[data-theme=dark] .overview-filter input,[data-theme=dark] .overview-filter select,[data-theme=dark] .parcel-date-tools input,[data-theme=dark] .parcel-date-tools select,[data-theme=dark] .commission-rule-row input,[data-theme=dark] .commission-rule-row select{background:#1b3448;color:#e7f2f7;border-color:#34566a}[data-theme=dark] .finance-card.net{background:#0e2031}[data-theme=dark] .form-intro,[data-theme=dark] .phone-match,[data-theme=dark] .commission-preview span{background:#203e52;color:#d3e6ee;border-color:#345a6b}[data-theme=dark] .phone-match b,[data-theme=dark] .commission-preview b{color:#e8f5f8}[data-theme=dark] .row-buttons button,[data-theme=dark] .row-action{background:#244e65;color:#a8eaff;border-color:#345f73}[data-theme=dark] .modal-head button{background:#28465a;color:#d7ebf4}
@media(max-width:1000px){.island-bars{grid-template-columns:1fr}.financial-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.main{padding-bottom:100px}.mobile-dock{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(66px + env(safe-area-inset-bottom));padding:5px 8px env(safe-area-inset-bottom);z-index:50;background:#fff;border-top:1px solid #e3ebef;box-shadow:0 -9px 28px #16334b13;justify-content:space-around}.mobile-dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1;border:0;background:transparent;color:#8c9eab;font-size:9px;font-weight:800;border-radius:12px}.mobile-dock button.active{color:#087da9;background:#eaf8fc}.mobile-dock .icon{width:20px;height:20px}.topbar{height:60px}.page-title-row{flex-wrap:wrap}.page-title-row .btn{width:100%}.hero{border-radius:20px}.metric{padding:12px;min-height:96px}.metric strong{font-size:24px}.island-analytics,.financial-report,.customer-analytics,.segment-chart{padding:18px;border-radius:19px}.analytics-head,.customer-analytics-top{display:block}.dark-tabs{margin-top:14px;overflow:auto;width:max-content;max-width:100%}.island-bar-row{grid-template-columns:100px 1fr 20px}.finance-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-card strong{font-size:17px}.overview-filter,.parcel-date-tools{padding:15px}.overview-filter input,.overview-filter select,.parcel-date-tools input,.parcel-date-tools select{flex:1 1 135px;min-width:0}.overview-filter .btn,.parcel-date-tools .btn{flex:1 1 135px}.parcel-date-tools>div{width:100%}.parcel-data{display:none}.mobile-parcels{display:grid;gap:10px;padding:12px}.mobile-parcel{background:#fff;border:1px solid #e4edf2;border-radius:16px;padding:15px;box-shadow:0 4px 18px #17344b0b}.mobile-parcel-top{display:flex;align-items:flex-start;justify-content:space-between;gap:5px}.mobile-parcel-top b,.mobile-parcel-top small{display:block}.mobile-parcel-top b{font-size:12px}.mobile-parcel-top small{font-size:9px;color:#8ca0ae;margin-top:3px}.mobile-parcel h3{font-size:14px!important;margin:12px 0 4px!important}.mobile-parcel p{font-size:11px;color:#6b8392;margin:0 0 10px}.mobile-parcel-money{display:flex;justify-content:space-between;gap:6px;font-size:9px;color:#879aa7;margin:10px 0}.mobile-parcel-money b{display:block;font-size:12px;color:#17374c}.mobile-parcel .row-buttons button{flex:1}.phone-matches{grid-template-columns:1fr}.segment-chart{display:block}.segment-bars{margin-top:20px}.financial-report #finance-month-form{margin-top:14px}.financial-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.financial-metrics strong{font-size:15px}.commission-rule-head{display:none}.commission-rule-row{grid-template-columns:1fr 1fr 1fr 1fr 28px;gap:4px}.commission-rule-row input,.commission-rule-row select{font-size:9px;padding:8px 4px}.expense-form input,.expense-form .btn{flex:1 1 120px}.modal{border-radius:22px 22px 0 0;max-height:92vh;width:100%}.modal-backdrop{align-items:flex-end;padding:0}.modal-body{padding:16px}.journey-progress{gap:3px}.journey-step{padding:7px 5px}.journey-step b{font-size:8px}.top-actions .date-pill{display:none!important}[data-theme=dark] .mobile-dock,[data-theme=dark] .mobile-parcel{background:#172b3f;border-color:#2b4558}[data-theme=dark] .mobile-parcel-money b{color:#e6f2f7}}
@media print{.modal-backdrop{position:static!important;padding:0!important;display:block!important;background:#fff!important}.modal{width:auto!important;max-height:none!important;overflow:visible!important;border:0!important;box-shadow:none!important;background:#fff!important}.modal-body{padding:0!important}.print-label{color:#111!important;background:#fff!important}}
/* Brand navigation, staff and payroll */
.app-shell{display:block;min-height:100vh}.app-header{height:94px;background:#102137;color:#edf8fd;display:flex;align-items:center;gap:22px;padding:0 28px;position:sticky;top:0;z-index:55;box-shadow:0 12px 34px #07172924;border-bottom:1px solid #2b5266}.app-brand{display:flex;align-items:center;flex:0 0 auto;width:205px;overflow:hidden}.app-brand img{display:block;width:205px;height:auto;max-height:65px;object-fit:contain}.top-nav{display:flex;align-items:center;gap:4px;padding:5px;border:1px solid #3a5669;border-radius:99px;background:#1a3044;overflow:auto;scrollbar-width:none;min-width:0;margin:auto}.top-nav::-webkit-scrollbar{display:none}.top-nav button{border:0;border-radius:99px;color:#aac2d0;background:transparent;display:flex;align-items:center;gap:7px;padding:10px 12px;font-weight:700;font-size:11px;white-space:nowrap;transition:background .22s,color .22s,transform .22s}.top-nav button .icon{width:15px;height:15px}.top-nav button:hover{background:#30495c;color:white;transform:translateY(-1px)}.top-nav button.active{background:#ffb31c;color:#12273b;box-shadow:0 4px 14px #ffb31c4d}.header-tools{display:flex;align-items:center;gap:8px;flex:0 0 auto}.header-tool{width:34px;height:34px;border-radius:50%;border:1px solid #426174;background:#223d52;color:#bde5f3;display:grid;place-items:center;font-size:17px;transition:.2s}.header-tool:hover{background:#35617b;transform:scale(1.06)}.profile-trigger{border:1px solid #44637a;background:#233c52;color:#fff;border-radius:30px;padding:5px 14px 5px 5px;display:flex;align-items:center;gap:9px;text-align:left;max-width:195px;transition:.2s}.profile-trigger:hover{background:#345770;transform:translateY(-1px)}.profile-trigger span:not(.profile-avatar){min-width:0}.profile-trigger b,.profile-trigger small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-trigger b{font-size:11px}.profile-trigger small{font-size:9px;color:#a9c4d4;margin-top:2px}.profile-avatar{width:32px;height:32px;border-radius:50%;background:#d8f5fa;color:#08749f;display:grid;place-items:center;font-size:10px;font-weight:800;object-fit:cover;flex:none}.main{padding:0 31px 45px}.topbar{height:61px}.page{animation:pageReveal .4s cubic-bezier(.2,.8,.2,1) both}.btn,.row-action,.icon-btn,.header-tool,.top-nav button,.profile-trigger{transition:transform .18s,background .2s,color .2s,box-shadow .2s}.btn:active,.row-action:active,.icon-btn:active,.header-tool:active,.top-nav button:active,.profile-trigger:active{transform:scale(.96)}.card,.finance-card,.island-tile,.insight-card,.employee-tile{transition:transform .23s,box-shadow .23s,border-color .23s}.card:hover,.finance-card:hover,.island-tile:hover,.insight-card:hover,.employee-tile:hover{box-shadow:0 13px 32px #071c2b17}.employee-tile:hover{transform:translateY(-3px)}@keyframes pageReveal{from{opacity:0;transform:translateY(11px)}to{opacity:1;transform:translateY(0)}}
.profile-edit-top{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding:13px;border-radius:14px;background:#eef8fc}.profile-edit-top b,.profile-edit-top small{display:block}.profile-edit-top small{font-size:11px;color:#69889a;margin-top:4px}.profile-edit-photo{width:58px;height:58px;border-radius:18px;object-fit:cover;background:#d6f1f8;color:#08749f;display:grid;place-items:center;font-weight:800}.staff-photo{object-fit:cover}.employee-grid{padding:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.employee-tile{min-width:0;border:1px solid #e4edf2;border-radius:19px;padding:18px;background:#fff}.employee-tile-top{display:flex;justify-content:space-between;align-items:flex-start}.employee-tile-photo{width:60px;height:60px;border-radius:18px;background:#e0f7fd;color:#08749f;display:grid;place-items:center;font:800 17px Manrope,sans-serif;object-fit:cover}.employee-tile h3{font:800 15px Manrope,sans-serif;margin:14px 0 3px;color:#16364c}.employee-tile p{font-size:11px;color:#5e8398;margin:0 0 7px}.employee-tile small{font-size:10px;color:#90a4af}.employee-tile-foot{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:17px;padding-top:13px;border-top:1px solid #e8eef1;font-size:10px;color:#738a99}.employee-tile-foot b{display:block;color:#15364c;font-size:13px}.employee-tile-foot .row-action{white-space:nowrap}.payroll-hero{padding:25px;border-radius:24px;background:radial-gradient(circle at 88% 0%,#2f6177 0,transparent 35%),linear-gradient(120deg,#102137,#17394f);color:#fff;margin-bottom:20px;box-shadow:0 16px 33px #0c293024}.payroll-hero h3{font:800 22px Manrope,sans-serif;margin:4px 0 7px}.payroll-hero p{font-size:11px;color:#a6c6d2;margin:0}.payroll-hero .eyebrow{color:#80d5e9}.payroll-hero input[type=month]{background:#f0f9fc;border:0;border-radius:11px;padding:10px;color:#17364a;min-height:38px}.payroll-hero form{display:flex;align-items:center;gap:8px}.payroll-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px}.payroll-metrics>div{background:#ffffff0f;border:1px solid #ffffff20;border-radius:16px;padding:15px}.payroll-metrics span,.payroll-metrics strong{display:block}.payroll-metrics span{color:#a5c2d0;font-size:10px}.payroll-metrics strong{font:800 22px Manrope,sans-serif;margin-top:8px;color:#fff}.payroll-metrics>div:nth-child(3){background:#ffb31c}.payroll-metrics>div:nth-child(3) span,.payroll-metrics>div:nth-child(3) strong{color:#152d41}.team-section,.payroll-ledger{margin-bottom:20px}.employee-id-card{width:min(100%,560px);aspect-ratio:1.58;background:radial-gradient(circle at 88% -20%,#30627b 0,transparent 47%),linear-gradient(135deg,#102137,#174157);border-radius:21px;color:#fff;padding:25px;position:relative;overflow:hidden;box-shadow:0 20px 39px #0b263141;border-top:7px solid #ffb31c}.id-card-top,.id-card-main,.id-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px}.id-card-top img{width:215px;height:54px;object-fit:contain}.id-card-top span{font-size:10px;letter-spacing:2px;color:#b3d4df;font-weight:800}.id-card-main{justify-content:flex-start;margin-top:22px}.employee-photo{width:122px;height:139px;border-radius:15px;background:#d7f1f8;color:#08749f;display:grid;place-items:center;object-fit:cover;flex:none;font:800 34px Manrope,sans-serif}.id-card-main small{font-size:10px;color:#ffbd42;font-weight:800;letter-spacing:1px}.id-card-main h2{font:800 24px Manrope,sans-serif;margin:6px 0 5px;color:white}.id-card-main p{font-size:12px;color:#8dd2e7;margin:0 0 12px}.id-card-main span{font-size:10px;color:#b4cbd5}.id-card-bottom{border-top:1px solid #668392;margin-top:20px;padding-top:15px;align-items:end}.id-card-bottom span{font-size:9px;color:#9fbecc;letter-spacing:.8px}.id-card-bottom b{display:block;color:#fff;font-size:11px;letter-spacing:0;margin-top:4px}.employee-card-actions{display:flex;gap:9px;margin:16px 0;flex-wrap:wrap}.employee-pay-detail{padding:18px;border-radius:15px;background:#edf8fc}.employee-pay-detail h3{font:800 14px Manrope,sans-serif;margin:0 0 14px}.employee-pay-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.employee-pay-stats span{background:#fff;border-radius:11px;padding:10px;color:#718d9e;font-size:10px}.employee-pay-stats b{display:block;color:#173b51;font-size:14px;margin-top:5px}.employee-pay-detail p{font-size:10px;color:#718c9c}.payroll-ledger .data-table{min-width:650px}.print-label .logo{display:block;width:100%;height:52px;object-fit:contain;object-position:left;background:#102137;border-radius:5px;padding:4px}
[data-theme=dark] .employee-tile{background:#1b354a;border-color:#33546a}[data-theme=dark] .employee-tile h3,[data-theme=dark] .employee-tile-foot b{color:#e7f4f9}[data-theme=dark] .employee-tile-foot{border-color:#315066}[data-theme=dark] .profile-edit-top,[data-theme=dark] .employee-pay-detail{background:#223e53}[data-theme=dark] .profile-edit-top small,[data-theme=dark] .employee-pay-detail p{color:#a0bac7}[data-theme=dark] .employee-pay-stats span{background:#2e5064;color:#b3ccd7}[data-theme=dark] .employee-pay-stats b{color:#fff}[data-theme=dark] .employee-tile small{color:#9fb6c3}
@media(max-width:1300px){.app-header{gap:14px;padding:0 18px}.app-brand{width:175px}.app-brand img{width:175px}.top-nav button{padding:10px 9px;font-size:10px}.top-nav button .icon{display:none}.profile-trigger{max-width:155px}.main{padding:0 23px 35px}}
@media(max-width:950px){.app-header{height:auto;min-height:77px;flex-wrap:wrap;padding:10px 15px 9px;gap:8px}.app-brand{width:178px}.app-brand img{width:178px}.header-tools{margin-left:auto}.top-nav{order:3;width:100%;flex:1 0 100%;margin:0;justify-content:flex-start;border-radius:14px;background:#1c364a}.top-nav button .icon{display:block}.top-nav button{font-size:10px;padding:8px 10px}.main{padding:0 18px 30px}.employee-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.app-header{position:sticky;top:0;border-radius:0 0 19px 19px}.app-brand{width:142px}.app-brand img{width:142px}.header-tool{width:31px;height:31px}.profile-trigger{padding:3px;max-width:none}.profile-trigger span:not(.profile-avatar){display:none}.profile-avatar{width:31px;height:31px}.top-nav{padding:4px;gap:2px}.top-nav button{font-size:10px;padding:7px 9px}.top-nav button .icon{width:14px;height:14px}.main{padding:0 12px 90px}.topbar{height:48px}.employee-grid{grid-template-columns:1fr;padding:14px}.employee-tile{padding:16px}.payroll-hero{padding:18px}.payroll-hero .analytics-head{display:block}.payroll-hero form{margin-top:15px}.payroll-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:17px}.payroll-metrics strong{font-size:17px}.id-card-top img{width:40%;height:auto}.employee-id-card{padding:13px}.employee-photo{width:70px;height:85px;font-size:18px}.id-card-main{margin-top:9px}.id-card-main h2{font-size:15px}.id-card-main p{font-size:10px;margin:0 0 4px}.id-card-main small,.id-card-main span{font-size:8px}.id-card-bottom{margin-top:8px;padding-top:8px}.id-card-bottom span{font-size:7px}.id-card-bottom b{font-size:8px}.employee-pay-stats b{font-size:11px}.finance-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.page{animation:none}.card,.finance-card,.island-tile,.insight-card,.employee-tile,.btn,.row-action,.icon-btn,.header-tool,.top-nav button,.profile-trigger{transition:none}}
/* Inline parcel customer and route selection */
.intake-route{margin:16px 0 18px;padding:18px;border-radius:17px;background:#eaf7fb;border:1px solid #cfe8f1}.intake-route .field{margin:0}.address-picker{margin:0 0 15px}.field-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.field-heading label{margin:0!important}.address-picker select{width:100%;min-height:42px;border:1px solid #dce6ed;border-radius:10px;background:#fff;color:#224257;padding:10px 11px}.address-picker .selected-address{margin-top:10px}.new-customer-fields{border:1px solid #80d2ea;background:linear-gradient(140deg,#f2fbfe,#e8f7fd);border-radius:18px;padding:17px 18px 20px;margin:0 0 17px;animation:pageReveal .28s ease both}.new-customer-fields[hidden]{display:none!important}.new-customer-fields legend{font:800 13px Manrope,sans-serif;color:#126b8d;padding:0 7px}.new-customer-fields .form-grid{margin-top:15px}.new-customer-fields .inline-note{margin:1px 0 0}.parcel-details-grid{border-top:1px solid #e6eef2;padding-top:18px}.phone-matches:has(.phone-match){max-height:170px}.phone-match:hover{border-color:#0da9d7;background:#e7f8fd}.field-heading .btn{flex:none}
[data-theme=dark] .intake-route{background:#1c394d;border-color:#356079}[data-theme=dark] .new-customer-fields{background:linear-gradient(140deg,#203f53,#1b3347);border-color:#35708a}[data-theme=dark] .new-customer-fields legend{color:#80d9f2}[data-theme=dark] .address-picker select{background:#234257;border-color:#3c5e73;color:#e7f4f9}[data-theme=dark] .parcel-details-grid{border-color:#365367}
@media(max-width:650px){.intake-route{padding:13px;margin:12px 0}.field-heading{align-items:flex-start}.field-heading .btn{font-size:10px;padding:8px 10px}.new-customer-fields{padding:13px}.new-customer-fields .form-grid{grid-template-columns:1fr}.address-picker select{font-size:12px}}

/* Phone navigation and touch layout */
.mobile-more-overlay[hidden]{display:none!important}
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  .app-shell{min-height:100dvh}
  .app-header{position:sticky;top:0;z-index:45;min-height:64px;height:64px;padding:8px 15px;flex-wrap:nowrap;gap:8px;border-radius:0 0 18px 18px;box-shadow:0 8px 24px #071c3030}
  .app-brand{width:min(43vw,155px);flex:none}.app-brand img{width:100%;max-height:42px;object-fit:contain;object-position:left center}
  .top-nav{display:none!important}.header-tools{gap:5px;margin-left:auto}.profile-trigger{max-width:none;min-width:38px;padding:3px}.profile-trigger span:not(.profile-avatar){display:none}
  .main{padding:0 12px calc(110px + env(safe-area-inset-bottom));min-width:0}.page{min-width:0}.topbar{height:48px}.top-actions .icon-btn[data-action=profile]{display:none}.top-actions{gap:7px}.top-actions .demo-pill{max-width:100px;white-space:nowrap;overflow:hidden}
  .mobile-dock{display:flex;position:fixed;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));height:68px;padding:5px;gap:2px;z-index:65;border:1px solid #426073;background:#102439f2;border-radius:22px;box-shadow:0 14px 35px #071c3066;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .mobile-dock button{min-width:0;min-height:55px;border-radius:17px;color:#9eb9ca;font-size:10px;letter-spacing:.1px;transition:background .18s,color .18s,transform .18s}
  .mobile-dock button:active{transform:scale(.94)}.mobile-dock button.active{background:#0aa6d9;color:#fff;box-shadow:0 5px 16px #04a8dc55}.mobile-dock button .icon{width:21px;height:21px}
  .mobile-more-overlay{display:block;position:fixed;inset:0;z-index:80}.mobile-more-scrim{position:absolute;inset:0;width:100%;border:0;background:#071827aa;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
  .mobile-more-sheet{position:absolute;left:0;right:0;bottom:0;padding:10px 18px calc(28px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:#f8fbfd;color:#17344a;box-shadow:0 -15px 45px #07182755;animation:mobile-sheet-in .24s cubic-bezier(.2,.8,.2,1)}
  .mobile-more-handle{width:38px;height:5px;border-radius:5px;background:#c6d5dd;margin:0 auto 18px}.mobile-more-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.mobile-more-heading small{font-size:9px;color:#0b92be;letter-spacing:2px;font-weight:900}.mobile-more-heading h2{font:800 20px Manrope,sans-serif;margin:3px 0 0}.mobile-more-close{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:#e7eef2;color:#29485b}
  .mobile-more-links{display:grid;gap:7px}.mobile-more-links button{width:100%;min-height:55px;display:flex;align-items:center;gap:13px;border:1px solid #e1ebf0;background:#fff;border-radius:16px;padding:0 15px;color:#234357;text-align:left;font-weight:800;font-size:13px}.mobile-more-links button .icon:first-child{color:#0a9fcc}.mobile-more-links button .icon:last-child{margin-left:auto;width:15px;height:15px;color:#95a9b5}.mobile-more-links button.active{border-color:#0aa6d9;background:#e9f8fd}
  .mobile-more-account{display:flex;gap:8px;border-top:1px solid #e1e9ed;margin-top:17px;padding-top:17px}.mobile-more-account button{border:0;background:#e9f2f6;border-radius:15px;padding:8px 12px;min-height:50px;color:#315065}.mobile-more-account button:first-child{display:flex;align-items:center;gap:10px;flex:1;text-align:left}.mobile-more-account b,.mobile-more-account small{display:block}.mobile-more-account b{font-size:12px}.mobile-more-account small{font-size:10px;color:#7992a1}
  .page-title-row{gap:12px}.page-title-row .btn{min-height:44px}.toolbar-left,.toolbar-right{width:100%}.toolbar .search{flex:1;min-width:0}.tabs{max-width:100%;overflow:auto}.tabs button{min-height:36px}.card,.hero,.table-card{max-width:100%}.modal{max-height:calc(100dvh - 12px);overflow:auto}.modal-body input,.modal-body select,.modal-body textarea,.search input{font-size:16px}
  .toast{left:15px;right:15px;bottom:calc(89px + env(safe-area-inset-bottom));text-align:center}.employee-grid{grid-template-columns:1fr}
  [data-theme=dark] .mobile-dock{background:#102439f2;border-color:#426073}[data-theme=dark] .mobile-more-sheet{background:#172b3f;color:#e7f5fb}[data-theme=dark] .mobile-more-links button{background:#20394d;border-color:#34536a;color:#e6f3f8}[data-theme=dark] .mobile-more-account button,[data-theme=dark] .mobile-more-close{background:#29465a;color:#e6f3f8}
}
@media(max-width:390px){.mobile-dock{left:7px;right:7px}.mobile-dock button{font-size:9px}.mobile-dock button .icon{width:19px;height:19px}.app-brand{width:130px}.header-tool{width:29px;height:29px}.main{padding-left:10px;padding-right:10px}}
@keyframes mobile-sheet-in{from{transform:translateY(25px);opacity:.4}to{transform:translateY(0);opacity:1}}

/* IPL brand type and sign-in experience */
:root{font-family:'Poppins',sans-serif}
body,button,input,select,textarea{font-family:'Poppins',sans-serif}
h1,h2,h3,.page h1,.hero h2,.card h3,.auth-copy h1,.auth-form h2,.mobile-more-heading h2{font-family:'Clash Display','Poppins',sans-serif!important}
.auth-art{position:relative;isolation:isolate;background:radial-gradient(circle at 77% 49%,#1c6074 0,#173d55 27%,#11273c 58%,#0b1c2d 100%);overflow:hidden}
.auth-art:before{content:'';position:absolute;inset:-20%;z-index:-1;background:radial-gradient(circle at 72% 55%,#02a7d31a,transparent 42%);animation:auth-glow 10s ease-in-out infinite alternate}
.auth-art:after{content:'';position:absolute;width:570px;height:570px;right:-170px;top:20%;border:1px solid #62d6eb30;border-radius:50%;box-shadow:0 0 0 74px #8be9f506,0 0 0 149px #8be9f506;pointer-events:none}
.auth-logo{position:relative;z-index:3;width:clamp(250px,32vw,390px);height:auto;border-radius:20px;padding:0;overflow:hidden;background:#fff;box-shadow:0 18px 40px #061b2c55}
.auth-logo img{display:block;width:100%;height:auto;max-width:none;object-fit:contain}
.auth-copy,.auth-footer{position:relative;z-index:2}.auth-copy h1{font-weight:600;letter-spacing:-1.8px;line-height:1.04}.auth-copy p{max-width:560px}.auth-slogan{display:inline-flex;align-items:center;gap:11px;margin-top:25px;padding:10px 17px 10px 10px;border:1px solid #4bb5ce67;border-radius:999px;background:#092d41bb;color:#d7f6fc;font-size:12px;font-weight:600;box-shadow:0 8px 26px #041d2b38}.auth-slogan-mark{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--amber);color:#102234;font-size:16px}
.auth-boxes{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.auth-box{position:absolute;display:block;width:116px;height:110px;border-radius:13px;background:linear-gradient(145deg,#b4a08352,#69583e55);border:1px solid #f7dca258;box-shadow:18px 25px 35px #061b2955,inset 1px 1px 0 #ffe6b063;transform:rotate(-13deg) skewY(3deg);animation:auth-box-float 8s ease-in-out infinite}.auth-box:before{content:'';position:absolute;left:48%;top:0;bottom:0;width:14px;background:#dfc18b5c;border-left:1px solid #fff2c64a;border-right:1px solid #fff2c64a}.auth-box:after{content:'';position:absolute;left:4px;right:4px;top:48%;height:10px;background:#d5b87b47;border-top:1px solid #fff2c64a}.auth-box-one{right:12%;top:17%;width:126px;height:119px;animation-delay:-2s}.auth-box-two{right:26%;top:57%;width:74px;height:69px;opacity:.58;animation-delay:-5s}.auth-box-three{right:-2%;bottom:9%;width:178px;height:158px;opacity:.42;animation-delay:-1s}.auth-box-four{right:38%;top:22%;width:42px;height:40px;opacity:.3;animation-delay:-4s}
.auth-form-wrap{background:#fff}.auth-form .btn-primary{min-height:48px}.auth-form h2{font-weight:600}.auth-form input{font-size:14px}
.login-transition{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:radial-gradient(circle at 50% 48%,#174b60 0,#102b40 42%,#071827 100%);color:#eaf9fd;animation:login-reveal .25s ease-out}.login-transition-content{width:min(90vw,600px);position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.login-transition-glow{position:absolute;z-index:-1;width:min(70vw,430px);height:min(70vw,430px);border-radius:50%;background:#08a6df33;filter:blur(70px);animation:login-glow 1.3s ease-in-out both}.login-transition img{width:min(88vw,510px);height:auto;border-radius:18px;background:#fff;box-shadow:0 24px 65px #001b2d80;animation:login-logo-in .8s cubic-bezier(.2,.8,.2,1) both}.login-transition-line{width:min(80vw,280px);height:3px;border-radius:4px;background:#ffffff2b;margin:32px auto 15px;overflow:hidden}.login-transition-line span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--cyan),var(--amber));transform-origin:left;animation:login-load 1.35s ease-in-out both}.login-transition p{font-size:13px;color:#c2e8f3;letter-spacing:.2px;margin:0;animation:login-copy-in .45s .3s both}
@keyframes auth-box-float{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -18px;rotate:4deg}}@keyframes auth-glow{from{transform:scale(.92)}to{transform:scale(1.1)}}@keyframes login-reveal{from{opacity:0}to{opacity:1}}@keyframes login-logo-in{from{opacity:0;transform:translateY(28px) scale(.86)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes login-glow{from{opacity:.2;transform:scale(.6)}to{opacity:1;transform:scale(1.2)}}@keyframes login-load{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes login-copy-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.auth-art{min-height:330px;padding:24px 25px 34px}.auth-logo{width:min(72vw,280px);border-radius:13px}.auth-copy{margin-top:30px}.auth-copy h1{font-size:clamp(29px,8vw,43px);letter-spacing:-1px}.auth-copy p{display:block;font-size:11px;line-height:1.6;margin-top:12px}.auth-slogan{margin-top:14px;font-size:10px;padding:7px 12px 7px 7px}.auth-slogan-mark{width:24px;height:24px}.auth-box-one{right:-18px;top:110px;width:95px;height:90px}.auth-box-two{right:14%;top:40px}.auth-box-three,.auth-box-four{display:none}.auth-form-wrap{padding:30px 24px 50px}.auth-art:after{width:340px;height:340px;right:-170px;top:-15%}.auth-footer{display:none}}
@media(prefers-reduced-motion:reduce){.auth-box,.auth-art:before,.login-transition,.login-transition img,.login-transition-glow,.login-transition-line span,.login-transition p{animation:none!important}}
.auth-logo:before{content:'';position:absolute;left:44.6%;top:33%;width:41%;height:17.8%;background:#050505;z-index:0}.auth-logo img{position:relative;z-index:1}.auth-logo:after{content:'';position:absolute;inset:0;z-index:2;background:url('/assets/ipl-logo-exact.png') center/100% 100% no-repeat;filter:invert(1);clip-path:inset(0 55% 0 33%);pointer-events:none}
.login-logo{width:min(88vw,510px);box-shadow:0 24px 65px #001b2d80;animation:login-logo-in .8s cubic-bezier(.2,.8,.2,1) both}.login-transition .login-logo img{width:100%;box-shadow:none;animation:none}
.auth-logo:before{z-index:2}.auth-logo:after{display:none}.auth-logo img.logo-ink,.auth-logo img.logo-white,.login-transition .login-logo img.logo-ink,.login-transition .login-logo img.logo-white{position:absolute;inset:0;width:100%;height:100%;z-index:4;object-fit:contain;pointer-events:none}.auth-logo img.logo-ink{filter:invert(1);clip-path:polygon(33% 29%,45% 29%,45% 51%,86% 51%,86% 68%,33% 68%)}.auth-logo img.logo-white{clip-path:inset(32% 14% 47% 44%)}
[data-theme=dark] .new-customer-fields .field label,[data-theme=dark] .intake-route .field label,[data-theme=dark] .address-picker label{color:#c8e4ed!important}[data-theme=dark] .new-customer-fields .inline-note,[data-theme=dark] .address-picker .inline-note{color:#a9c8d5}[data-theme=dark] .new-customer-fields input,[data-theme=dark] .new-customer-fields textarea,[data-theme=dark] .new-customer-fields select{color:#eef9fc;border-color:#486b7e}
[data-theme=dark] .modal .field label,[data-theme=dark] .modal .form-intro b{color:#dff3fa!important}
.auth-logo img.logo-ink{display:none!important}
.auth-logo{container-type:inline-size}.auth-logo:before,.auth-logo:after,.auth-logo img.logo-white{display:none!important}.logo-wordmark{position:absolute;z-index:6;left:35%;top:31%;width:62%;display:flex;flex-direction:column;gap:2px;color:#020507}.logo-wordmark-line{display:flex;align-items:center;white-space:nowrap;font-family:'Poppins',sans-serif;font-size:clamp(14px,5.1cqw,30px);font-weight:800;letter-spacing:-.07em;line-height:1}.logo-wordmark-line b{font-weight:900;margin-right:3px}.logo-wordmark-line strong{display:inline-block;background:#020507;color:#fff;padding:3px 5px 4px 3px;font-weight:800}.logo-wordmark small{font-family:'Poppins',sans-serif;font-size:clamp(7px,2.65cqw,15px);letter-spacing:.01em;white-space:nowrap}
.auth-copy h1{letter-spacing:-.4px}.auth-form-wrap,.auth-form{color:#142b3e!important}.auth-form-wrap{background:#fff!important}.auth-form h2{color:#13283a!important}.auth-form p{color:#718b9a!important}.auth-form .field label{color:#2b4b60!important}.auth-form input{background:#fff;color:#17344a;border-color:#c9dbe5}.auth-form input:focus{border-color:#08a6df;box-shadow:0 0 0 3px #08a6df1f}.auth-form input:-webkit-autofill{-webkit-text-fill-color:#17344a;box-shadow:0 0 0 1000px #e8f2fc inset}
h2,h3,.hero h2,.card h3,.auth-form h2,.mobile-more-heading h2{font-family:'Poppins',sans-serif!important;letter-spacing:-.02em!important}.page h1,.auth-copy h1{font-family:'Clash Display','Poppins',sans-serif!important;letter-spacing:0!important;word-spacing:.12em}

/* Transparent IPL lockup on the blue sign-in panel */
.auth-logo,.login-logo{display:flex;align-items:center;gap:12px;width:max-content;max-width:100%;height:auto;padding:0;background:transparent!important;border:0;border-radius:0;box-shadow:none!important;overflow:visible;container-type:normal}
.auth-logo>img,.login-transition .login-logo>img{display:block;width:58px;height:58px;max-width:none;object-fit:contain;position:static;z-index:auto;flex:none;background:none;border-radius:0;box-shadow:none;animation:none}
.auth-logo:before,.auth-logo:after{display:none!important}.logo-wordmark{position:static;z-index:auto;display:flex;flex-direction:column;gap:4px;width:auto;color:#fff}.logo-wordmark-line{font-size:24px;letter-spacing:-.07em;line-height:1}.logo-wordmark-line b{font-weight:900;color:#fff;margin-right:5px}.logo-wordmark-line strong{background:#02080c;color:#fff;padding:3px 6px 4px 4px}.logo-wordmark small{font-size:10px;letter-spacing:.015em;color:#c0dbe6}

/* Isometric delivery boxes inspired by the supplied parcel references */
.auth-boxes{z-index:1}.auth-box{width:168px;height:168px;display:block;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none;filter:drop-shadow(8px 18px 12px #020e1966);opacity:.27;animation:parcel-drift 9s ease-in-out infinite;will-change:transform}.auth-box:before,.auth-box:after{content:none!important}.box-face{position:absolute;inset:0;display:block}.box-top{clip-path:polygon(50% 1%,98% 25%,50% 50%,2% 25%);background:linear-gradient(150deg,#ffe0a3,#e8a45c)}.box-left{clip-path:polygon(2% 25%,50% 50%,50% 98%,2% 74%);background:linear-gradient(160deg,#f8bb78,#bc754b)}.box-right{clip-path:polygon(50% 50%,98% 25%,98% 74%,50% 98%);background:linear-gradient(135deg,#d48a52,#8c533e)}.box-tape{position:absolute;inset:0;display:block;clip-path:polygon(35% 8%,45% 3%,93% 27%,82% 33%);background:#29516a;opacity:.85}.box-mark{position:absolute;right:14%;top:53%;font:900 14px 'Poppins',sans-serif;color:#18384e;transform:skewY(-19deg)}
.auth-box-one{right:8%;top:16%;width:170px;height:170px;opacity:.35;animation-delay:-2s}.auth-box-two{right:29%;top:56%;width:92px;height:92px;opacity:.19;animation-delay:-5s}.auth-box-three{right:-8%;bottom:7%;width:218px;height:218px;opacity:.2;animation-delay:-1s}.auth-box-four{right:42%;top:22%;width:55px;height:55px;opacity:.12;animation-delay:-4s}
@keyframes parcel-drift{0%,100%{transform:translate3d(0,0,0) rotate(-5deg)}50%{transform:translate3d(-7px,-20px,0) rotate(4deg)}}

/* Staged logo-intro animation after successful sign-in */
.login-transition{overflow:hidden;background:radial-gradient(circle at 50% 45%,#185972 0,#10344c 42%,#081b2c 100%)}.login-transition-content{z-index:3;width:min(92vw,680px)}.login-transition .login-logo{gap:20px;animation:intro-logo-arrive 1.05s cubic-bezier(.18,.84,.2,1) both}.login-transition .login-logo>img{width:104px;height:104px}.login-transition .login-logo .logo-wordmark-line{font-size:clamp(25px,5vw,48px)}.login-transition .login-logo .logo-wordmark small{font-size:clamp(10px,1.7vw,15px)}.login-transition-glow{background:#0fb0df48;animation:intro-glow-pulse 2.4s ease-in-out both}.intro-sheen{position:absolute;z-index:2;inset:-100% auto -100% -40%;width:30%;transform:rotate(20deg);background:linear-gradient(90deg,transparent,#95e5f71c,transparent);animation:intro-sheen-cross 2s .3s ease-out both}.intro-parcel{position:absolute;z-index:1;left:calc(50% - 110px);top:calc(50% - 140px);width:220px;height:220px;opacity:.12;animation:intro-parcel-pass 2.4s ease-in-out both}.intro-welcome{font:600 clamp(20px,3.6vw,35px) 'Clash Display','Poppins',sans-serif;color:#fff;margin-top:32px;opacity:0;animation:intro-welcome-in .65s .8s ease-out forwards}.intro-welcome b{color:#ffc251;font-weight:700}.login-transition p{font-size:13px;color:#bedce7;margin:9px 0 0;opacity:0;animation:intro-welcome-in .65s 1.02s ease-out forwards}.login-transition-line{margin:29px auto 0;height:3px;width:min(72vw,280px)}.login-transition-line span{animation:login-load 2.25s ease-in-out both}
@keyframes intro-logo-arrive{0%{opacity:0;transform:translateY(38px) scale(.76);filter:blur(12px)}55%{opacity:1;filter:blur(0)}75%{transform:translateY(-5px) scale(1.025)}100%{transform:translateY(0) scale(1)}}@keyframes intro-welcome-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-glow-pulse{0%{opacity:.2;transform:scale(.6)}65%{opacity:1;transform:scale(1.2)}100%{opacity:.65;transform:scale(1)}}@keyframes intro-sheen-cross{from{left:-40%;opacity:0}15%{opacity:1}to{left:110%;opacity:0}}@keyframes intro-parcel-pass{0%{transform:translate(210px,140px) scale(.6) rotate(-16deg);opacity:0}40%{opacity:.13}100%{transform:translate(-220px,-130px) scale(1.25) rotate(10deg);opacity:0}}
@media(max-width:760px){.auth-logo>img{width:48px;height:48px}.logo-wordmark-line{font-size:20px}.logo-wordmark small{font-size:9px}.auth-box-one{right:-16px;top:110px;width:126px;height:126px}.auth-box-two{right:16%;top:30px;width:64px;height:64px}.auth-box-three,.auth-box-four{display:none}.login-transition .login-logo>img{width:74px;height:74px}.login-transition .login-logo{gap:12px}.login-transition .login-logo .logo-wordmark-line{font-size:clamp(22px,6vw,33px)}.intro-welcome{margin-top:27px}}
@media(prefers-reduced-motion:reduce){.auth-box,.login-transition .login-logo,.login-transition-glow,.intro-sheen,.intro-parcel,.intro-welcome,.login-transition p,.login-transition-line span{animation:none!important}.intro-welcome,.login-transition p{opacity:1}}
.auth-logo>img{width:min(34vw,340px);height:auto;max-width:100%;object-fit:contain}.login-transition .login-logo>img{width:min(78vw,560px);height:auto;max-width:100%}.auth-logo .logo-wordmark{display:none!important}@media(max-width:760px){.auth-logo>img{width:min(73vw,285px)}.login-transition .login-logo>img{width:min(84vw,450px)}}
/* Keep the brand greeting brief while the dashboard loads concurrently. */
.login-transition .login-logo{animation-duration:.55s}.login-transition-glow{animation-duration:1.15s}.intro-sheen{animation-duration:1s;animation-delay:.1s}.intro-parcel{animation-duration:1.15s}.intro-welcome{animation-duration:.35s;animation-delay:.25s}.login-transition p{animation-duration:.35s;animation-delay:.4s}.login-transition-line span{animation-duration:1.1s}