:root{color:#152843;font-synthesis:none;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}.app-shell{min-height:100vh;display:flex}.sidebar{color:#dbe8f7;background:#102b52;flex-direction:column;width:250px;padding:28px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 12px 42px;display:flex}.brand-mark{color:#12345d;letter-spacing:-1px;background:#fff;border-radius:10px;padding:9px 7px;font-size:16px;font-weight:900}.brand strong,.brand span,.sidebar-bottom strong,.sidebar-bottom span{display:block}.brand strong{color:#fff;font-size:16px}.brand span{color:#91a9c8;margin-top:3px;font-size:11px}nav{gap:5px;display:grid}nav a{color:#aac0dc;cursor:pointer;border-radius:9px;padding:12px 14px;font-size:14px}nav a.active,nav a:hover{color:#fff;background:#1c477c}.sidebar-bottom{border-top:1px solid #294a73;align-items:center;gap:9px;margin-top:auto;padding:18px 8px 0;display:flex}.avatar{color:#174276;background:#e1efff;border-radius:50%;place-items:center;width:33px;height:33px;font-size:11px;font-weight:800;display:grid}.sidebar-bottom strong{color:#fff;font-size:12px}.sidebar-bottom span{color:#91a9c8;margin-top:2px;font-size:10px}.sidebar-bottom button{color:#9db6d4;background:0 0;border:0;margin-left:auto;font-size:16px}.content{width:calc(100% - 250px);max-width:1600px;margin-left:250px;padding:43px 5.5vw 54px}.topbar{justify-content:space-between;align-items:flex-start;margin-bottom:34px;display:flex}h1,h2,p{margin:0}h1{letter-spacing:-1px;color:#132a4a;font-size:31px}.subtitle,.section-heading p,.card-title p{color:#78889d;margin-top:7px;font-size:13px}.eyebrow{letter-spacing:1.4px;color:#5e82ad;margin-bottom:9px;font-size:10px;font-weight:800}.primary,.secondary{cursor:pointer;border:0;border-radius:8px;padding:12px 17px;font-weight:700}.primary{color:#fff;background:#1b67d2;box-shadow:0 5px 12px #1b67d230}.secondary{color:#53677e;background:#eef2f7}.metric-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:40px;display:grid}.card{background:#fff;border:1px solid #e7edf4;border-radius:12px;box-shadow:0 7px 20px #24466b08}.metric{align-items:flex-start;gap:14px;padding:19px;display:flex}.metric-icon{border-radius:9px;place-items:center;width:36px;height:36px;font-size:18px;font-weight:800;display:grid}.metric-icon.blue{color:#2471d7;background:#e8f1ff}.metric-icon.green{color:#17945a;background:#e3f7ed}.metric-icon.orange{color:#dc8a1e;background:#fff2df}.metric-icon.purple{color:#7856ca;background:#f0eaff}.metric span,.metric small{color:#7b8ca1;font-size:12px;display:block}.metric strong{color:#183456;margin:5px 0 2px;font-size:26px;display:block}.metric small{font-size:10px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:15px;display:flex}h2{color:#193556;letter-spacing:-.3px;font-size:17px}.search{color:#7890ad;background:#fff;border:1px solid #dce4ee;border-radius:8px;padding:8px 11px}.search input{color:#243a55;border:0;outline:0;width:170px;margin-left:6px}.project-table{background:#fff;border:1px solid #e5ebf2;border-radius:12px;margin-bottom:24px;overflow:hidden}.table-head,.table-row{grid-template-columns:2.1fr 1.15fr 1fr 1.45fr 1.3fr 35px;align-items:center;gap:15px;padding:15px 19px;display:grid}.table-head{text-transform:uppercase;color:#8494a8;letter-spacing:.7px;background:#fafbfd;border-bottom:1px solid #edf1f6;font-size:9px;font-weight:800}.table-row{border-bottom:1px solid #eff3f7;min-height:72px;font-size:12px}.table-row:last-child{border-bottom:0}.client-cell{align-items:center;gap:10px;display:flex}.client-logo{color:#2b68ad;background:#e9f1fc;border-radius:8px;place-items:center;width:32px;height:32px;font-size:10px;font-weight:800;display:grid}.client-cell strong,.next-delivery{color:#1a385a;font-size:12px;display:block}.client-cell span,.small{color:#94a2b2;margin-top:4px;font-size:10px;display:block}.progress-cell{align-items:center;gap:8px;display:flex}.progress-line{background:#edf1f5;border-radius:9px;flex:1;height:6px;overflow:hidden}.progress-line i{background:#2c78df;border-radius:9px;height:100%;display:block}.progress-cell strong{color:#2c68af;font-size:11px}.muted{color:#718298;font-size:12px}.status{text-align:center;white-space:nowrap;border-radius:20px;padding:6px 9px;font-size:10px}.status.waiting{color:#c67c16;background:#fff3e0}.status.ok{color:#188450;background:#e3f7ed}.status.new{color:#2968b5;background:#e8f1ff}.row-action,.attention-row button{color:#6b91bf;cursor:pointer;background:0 0;border:0;font-size:17px}.lower-grid{grid-template-columns:1.2fr 1fr;gap:24px;display:grid}.attention,.rocket-card{padding:22px}.card-title{justify-content:space-between;align-items:start;margin-bottom:16px;display:flex}.count{color:#3672b9;background:#eef4fc;border-radius:20px;padding:4px 9px;font-size:11px;font-weight:800}.attention-row{border-top:1px solid #edf1f6;align-items:center;gap:11px;padding:15px 0;display:flex}.attention-row>div{flex:1}.attention-row strong,.attention-row span{display:block}.attention-row strong{color:#284361;font-size:12px}.attention-row div span{color:#8a99aa;margin-top:4px;font-size:10px}.priority{letter-spacing:.6px;border-radius:4px;padding:5px 6px;font-size:8px;font-weight:900}.priority.red{color:#d55a5a;background:#ffebeb}.priority.orange{color:#ce851d;background:#fff1df}.priority.blue{color:#3372be;background:#e7f0ff}.rocket-card{background:linear-gradient(140deg,#fff 35%,#eef5ff);overflow:hidden}.rocket-wrap{gap:12px;height:165px;margin-top:12px;display:flex}.rocket-scale{color:#8294aa;flex-direction:column;justify-content:space-between;padding:4px 0;font-size:9px;display:flex}.rocket-track{background:linear-gradient(#173c6d,#3280db);border-radius:45px;width:90px;position:relative;overflow:hidden}.rocket-stars{color:#b8dbff;font-size:10px;line-height:26px;position:absolute;top:15px;left:11px}.rocket{filter:drop-shadow(0 4px 5px #09264f80);font-size:28px;transition:bottom .5s;position:absolute;left:26px}.rocket-progress{align-self:end;margin-left:7px;padding-bottom:6px}.rocket-progress strong{color:#2365b5;font-size:28px;display:block}.rocket-progress span{color:#8294aa;font-size:10px}.modal-backdrop{z-index:5;background:#102b5270;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:min(540px,100%);padding:25px;box-shadow:0 20px 70px #102b5250}.modal-head{justify-content:space-between;margin-bottom:22px;display:flex}.modal h2{font-size:22px}.close{color:#8090a4;cursor:pointer;background:0 0;border:0;font-size:24px}.modal label{color:#50657d;margin-bottom:13px;font-size:11px;font-weight:800;display:block}.modal input{color:#23405e;border:1px solid #dbe4ee;border-radius:7px;outline-color:#3280db;width:100%;margin-top:6px;padding:11px;display:block}.form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.module-list{flex-wrap:wrap;gap:7px;margin:3px 0 22px;display:flex}.module{color:#60758e;cursor:pointer;background:#fff;border:1px solid #dbe4ee;border-radius:20px;padding:7px 10px;font-size:10px}.module.selected{color:#2365b5;background:#e8f1ff;border-color:#aac8ed}.modal-actions{border-top:1px solid #edf1f6;justify-content:flex-end;gap:9px;padding-top:17px;display:flex}@media (width<=1000px){.metric-grid{grid-template-columns:repeat(2,1fr)}.table-head{display:none}.table-row{grid-template-columns:1.7fr 1fr 1fr;gap:10px}.table-row>.muted,.table-row>.status{display:none}.lower-grid{grid-template-columns:1fr}}@media (width<=680px){.sidebar{width:62px;padding:18px 8px}.brand{padding:0 4px 34px}.brand>div:last-child,nav a:not(.active),.sidebar-bottom>div:not(.avatar),.sidebar-bottom button{display:none}.brand-mark{font-size:13px}.sidebar-bottom{padding:15px 5px}.content{width:calc(100% - 62px);margin-left:62px;padding:28px 18px}.topbar{display:block}.topbar .primary{margin-top:18px}.metric-grid{gap:9px}.metric{padding:13px;display:block}.metric-icon{margin-bottom:8px}.metric strong{font-size:22px}.section-heading{display:block}.search{margin-top:14px;display:block}.search input{width:calc(100% - 30px)}.table-row{grid-template-columns:1fr 1fr;padding:14px}.table-row>.progress-cell,.table-row>.next-delivery{grid-column:1/-1}.row-action{display:none}.lower-grid{gap:14px}.rocket-card{display:none}.modal{padding:20px}}.auth-screen{background:linear-gradient(135deg,#102b52,#1b67d2);place-items:center;min-height:100vh;padding:20px;display:grid}.auth-card{background:#fff;border-radius:14px;width:min(410px,100%);padding:32px;box-shadow:0 20px 70px #102b5260}.auth-card h1{margin:16px 0 8px}.auth-card>p:not(.eyebrow){color:#718298;margin-bottom:24px;font-size:13px;line-height:1.5}.auth-card label{color:#50657d;margin:14px 0;font-size:11px;font-weight:800;display:block}.auth-card input{border:1px solid #dbe4ee;border-radius:7px;width:100%;margin-top:6px;padding:11px;display:block}.auth-card .primary{width:100%;margin-top:10px}.auth-error{color:#b04c4c;background:#ffeded;border-radius:7px;padding:10px;font-size:11px}.top-actions{align-items:center;gap:9px;display:flex}.user-email{color:#718298;text-overflow:ellipsis;white-space:nowrap;max-width:190px;font-size:11px;overflow:hidden}.notice{color:#245f9e;background:#e8f1ff;border:1px solid #cfe1f8;border-radius:8px;justify-content:space-between;align-items:center;margin:-18px 0 24px;padding:10px 13px;font-size:12px;display:flex}.notice button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:17px}.drawer-backdrop{z-index:4;background:#102b5248;position:fixed;inset:0}.project-drawer{background:#fff;width:min(470px,100%);height:100%;padding:30px 28px;position:absolute;top:0;right:0;overflow:auto;box-shadow:-12px 0 35px #102b5218}.drawer-head{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.drawer-head h2{font-size:22px}.drawer-progress{background:#f3f7fd;border-radius:10px;align-items:center;gap:16px;margin-bottom:18px;padding:15px;display:flex}.drawer-progress>strong{color:#2365b5;font-size:29px}.drawer-progress>div{flex:1}.drawer-progress span,.drawer-meta span{color:#8494a8;margin-bottom:7px;font-size:10px;display:block}.drawer-progress .progress-line{height:7px}.drawer-meta{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:27px;display:grid}.drawer-meta>div{border:1px solid #e9eef4;border-radius:8px;padding:11px}.drawer-meta strong{color:#294662;font-size:11px}.drawer-section{border-top:1px solid #edf1f6;margin-top:20px;padding-top:19px}.deliverable{border-top:1px solid #f0f3f7;align-items:center;gap:10px;padding:13px 0;display:flex}.deliverable-check{border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:900;display:grid}.deliverable-check.completed{color:#168152;background:#daf3e5}.deliverable-check.in_progress{color:#3172c0;background:#e5effd}.deliverable-check.not_started{border:1px solid #d9e2ec}.deliverable>div:nth-child(2){flex:1}.deliverable strong,.deliverable span{display:block}.deliverable strong{color:#294662;font-size:12px}.deliverable span{color:#8797aa;margin-top:3px;font-size:10px}.deliverable b{color:#3672b9;font-size:10px}.action-box{background:#fff7e9;border:1px solid #f4e0ba;border-radius:9px;margin-top:12px;padding:14px}.action-box strong,.action-box span{display:block}.action-box strong{color:#a56a1c;font-size:12px}.action-box span{color:#8d7b62;margin-top:5px;font-size:11px;line-height:1.45}.status-select{color:#50657d;background:#fff;border:1px solid #dbe4ee;border-radius:6px;max-width:120px;padding:5px;font-size:10px}.auth-success{color:#187849;background:#e7f7ee;border-radius:7px;padding:10px;font-size:11px;line-height:1.45}.auth-switch{color:#2b68ad;cursor:pointer;background:0 0;border:0;width:100%;padding:12px 0 0;font-size:11px;font-weight:700;display:block}.pending-email{color:#294662;word-break:break-word;background:#f3f6fa;border:1px solid #e2e9f1;border-radius:7px;padding:11px;font-size:12px}.auth-hint{margin-top:12px!important;margin-bottom:12px!important;font-size:11px!important}.client-selector-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:30px;display:grid}.client-selector-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5ebf2;border-radius:12px;gap:9px;padding:20px;display:grid;box-shadow:0 7px 20px #24466b08}.client-selector-card:hover{border-color:#9fc2eb;box-shadow:0 10px 25px #24466b16}.client-selector-card strong{color:#294662;font-size:15px}.client-selector-card span{color:#3672b9;font-size:12px}.client-selector-card small{color:#8191a3;font-size:10px}.portal-user{align-items:center;gap:12px;display:flex}.portal-user .secondary{padding:8px 12px}.portal-back{color:#3672b9;cursor:pointer;background:0 0;border:0;margin-bottom:20px;padding:0;font-size:11px}.portal-materials{margin-top:24px}.portal-materials .file-link{border-top:1px solid #edf1f6;width:100%;padding:9px 0;font-size:11px}.portal-updates{margin-top:18px}.portal-updates h3{color:#607891;margin:0 0 8px;font-size:11px}.file-visibility{align-items:center;gap:7px;color:#607891!important;margin-top:10px!important;font-weight:600!important;display:flex!important}.file-visibility input{width:auto;margin:0;display:inline-block}.client-upload-panel{background:linear-gradient(135deg,#f6f4ff,#fbfbff);border:1px solid #e2dfff;border-radius:14px;gap:14px;margin:4px 0 18px;padding:17px;display:grid}.client-upload-panel>div:first-child strong{color:#302c70;font-size:13px;display:block}.client-upload-panel>div:first-child p{color:#77739b;margin-top:5px;font-size:11px;line-height:1.5}.client-upload-controls{align-items:center;gap:9px;display:flex}.client-upload-controls select{color:#4b477d;background:#fff;border:1px solid #d9d6f4;border-radius:8px;min-width:190px;padding:10px;font-size:11px}.client-upload-button{color:#fff;cursor:pointer;background:#665cf0;border-radius:8px;justify-content:center;align-items:center;padding:10px 13px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 6px 14px #665cf02b}.client-upload-button:hover{background:#5148d3}.client-upload-button input{display:none}.portal-file-group{margin-top:14px}.portal-file-group h3{color:#817ea8;text-transform:uppercase;letter-spacing:.8px;margin:0 0 3px;font-size:10px}.portal-file-group .file-link{border-top:1px solid #edf1f6}.client-upload-panel .file-message{padding-top:2px}@media (width<=520px){.client-upload-controls{flex-direction:column;align-items:stretch}.client-upload-controls select{width:100%;min-width:0}.client-upload-button{min-height:38px}}.admin-client-panel{margin:24px 32px 0;padding:22px}.admin-client-list{gap:8px;margin-top:14px;display:grid}.admin-client-row{border-top:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.admin-client-row>div{gap:4px;display:grid}.admin-client-row strong{color:#294662;font-size:13px}.admin-client-row span{color:#8191a3;font-size:11px}.row-delete{color:#b04a4a;cursor:pointer;background:#fff7f7;border:1px solid #f0caca;border-radius:7px;padding:7px 11px;font-size:11px;font-weight:700}.row-delete:hover{background:#fff0f0}.row-delete:disabled{opacity:.6;cursor:wait}.access-requests{margin:24px 32px 0;padding:22px}.access-request-list{gap:8px;margin-top:14px;display:grid}.access-request-row{border-top:1px solid #edf1f6;grid-template-columns:minmax(220px,1fr) minmax(180px,240px) auto;align-items:center;gap:16px;padding:14px 0;display:grid}.access-request-info{gap:4px;display:grid}.access-request-info strong{color:#294662;font-size:13px}.access-request-info span{color:#3672b9;font-size:11px}.access-request-info small{color:#8191a3;font-size:10px}.access-request-row select{color:#294662;background:#fff;border:1px solid #dfe7ef;border-radius:7px;padding:9px;font-size:11px}.access-request-row .queue-actions{gap:7px;display:flex}.collaboration p{margin-top:5px}.inline-form{gap:7px;margin-top:11px;display:flex}.inline-form input{border:1px solid #dbe4ee;border-radius:6px;flex:1;min-width:0;padding:9px;font-size:11px}.inline-form .secondary{padding:9px;font-size:10px}.collab-item{background:#f5f8fc;border-left:3px solid #3478c9;margin-top:9px;padding:8px 10px}.collab-item span,.collab-item strong{display:block}.collab-item span{color:#6d8eb4;text-transform:uppercase;font-size:9px;font-weight:800}.collab-item strong{color:#314b68;margin-top:3px;font-size:11px}.file-placeholder{color:#8191a3;border:1px dashed #cbd9e8;border-radius:7px;margin-top:12px;padding:11px;font-size:10px}.received-materials{background:#f4fbf8;border:1px solid #d7eee5;border-radius:10px;margin-top:16px;padding:13px}.received-materials-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.received-materials h3,.internal-materials h3{color:#246450;margin:0;font-size:11px}.received-materials p,.internal-materials p{color:#79908a;font-size:10px;line-height:1.45}.received-materials .file-link{border-top-color:#dceee8}.internal-materials{border-top:1px solid #edf1f6;margin-top:15px;padding-top:13px}.internal-materials h3{color:#607891;margin-bottom:3px}.file-row{border-top:1px solid #edf1f6;align-items:center;gap:10px;display:flex}.file-row .file-link{border-top:0;flex:1}.file-download{color:#28745f;cursor:pointer;background:#fff;border:1px solid #cde2da;border-radius:6px;padding:6px 9px;font-size:10px;font-weight:800}.file-download:hover{background:#eaf7f2}.file-upload{color:#42698f;cursor:pointer;border:1px dashed #cbd9e8;border-radius:7px;margin-top:12px;padding:11px;font-size:10px;display:block}.file-upload input{display:none}.file-message{color:#4b7e5d;margin-top:7px;font-size:10px}.file-link{color:#3672b9;cursor:pointer;text-align:left;background:0 0;border:0;padding:5px 0;font-size:10px;display:block}.portal{background:#f5f7fb;min-height:100vh}.portal-header{color:#dbe8f7;background:#102b52;justify-content:space-between;align-items:center;height:76px;padding:0 6vw;display:flex}.portal-header .brand{padding:0}.portal-header .brand strong{color:#fff}.portal-header>div:last-child{text-align:right}.portal-label{letter-spacing:1px;color:#91a9c8;margin-bottom:4px;font-size:9px;display:block}.portal-header>div:last-child strong{font-size:11px}.portal-content{max-width:1120px;margin:auto;padding:52px 25px}.portal-content h1{font-size:34px}.portal-hero{background:linear-gradient(120deg,#fff,#eef5ff);border:1px solid #e1eaf4;border-radius:16px;grid-template-columns:1fr 260px;align-items:center;gap:40px;margin:32px 0 24px;padding:28px;display:grid}.portal-progress-label{color:#7890aa;font-size:12px;display:block}.portal-hero>div:first-child>strong{color:#2365b5;letter-spacing:-3px;margin:8px 0;font-size:54px;display:block}.portal-hero .progress-line{height:9px}.portal-hero p{color:#74869b;margin-top:17px;font-size:12px}.portal-hero p b{color:#294b71}.portal-hero .rocket-wrap{justify-self:end}.portal-grid{grid-template-columns:1.2fr 1fr;gap:24px;display:grid}.portal-card{background:#fff;border:1px solid #e5ebf2;border-radius:12px;padding:23px}.portal-delivery{border-top:1px solid #edf1f6;align-items:center;gap:10px;padding:14px 0;display:flex}.portal-delivery>div{flex:1}.portal-delivery strong,.portal-delivery small{display:block}.portal-delivery strong{color:#294662;font-size:12px}.portal-delivery small{color:#8596a9;margin-top:4px;font-size:10px}.portal-delivery>b{color:#3672b9;font-size:11px}.client-action{background:#fff7e9;border:1px solid #f4e0ba;border-radius:9px;margin-top:18px;padding:17px}.client-action span{color:#c47b1b;letter-spacing:1px;font-size:9px;font-weight:900}.client-action strong{color:#7f5c28;margin-top:8px;font-size:14px;display:block}.client-action p{color:#8d7b62;font-size:11px;line-height:1.5}.portal-subheading{margin-top:28px}.portal-summary{border-top:1px solid #edf1f6;gap:24px;padding-top:15px;display:flex}.portal-summary span{color:#8393a6;font-size:10px}.portal-summary strong{color:#294662;margin-top:5px;font-size:12px;display:block}@media (width<=700px){.portal-header{padding:0 18px}.portal-header>div:last-child{display:none}.portal-content{padding:32px 18px}.portal-hero,.portal-grid{grid-template-columns:1fr}.portal-hero .rocket-wrap{display:none}}.import-page{background:#f5f7fb;min-height:100vh}.import-header{background:#fff;border-bottom:1px solid #e6edf4;justify-content:space-between;align-items:start;padding:35px 6vw;display:flex}.import-header h1{font-size:30px}.import-content{grid-template-columns:350px 1fr;gap:22px;max-width:1050px;margin:auto;padding:35px 25px;display:grid}.import-form,.queue-list{padding:23px}.import-form h2{margin-bottom:6px}.import-form label{color:#50657d;margin:17px 0;font-size:11px;font-weight:800;display:block}.import-form input{border:1px solid #dbe4ee;border-radius:7px;width:100%;margin-top:6px;padding:10px;display:block}.import-form .primary{width:100%;margin-top:7px}.queue-row{border-top:1px solid #edf1f6;justify-content:space-between;align-items:center;padding:15px 0;display:flex}.queue-row strong,.queue-row span{display:block}.queue-row strong{color:#294662;font-size:12px}.queue-row div span{color:#8797aa;margin-top:4px;font-size:10px}@media (width<=750px){.import-header{padding:28px 18px;display:block}.import-header .secondary{margin-top:20px;display:inline-block}.import-content{grid-template-columns:1fr;padding:22px 18px}}.queue-actions{gap:6px;margin-left:auto;display:flex}.queue-actions button{cursor:pointer;border:0;border-radius:5px;padding:6px 8px;font-size:9px;font-weight:800}.approve{color:#238052;background:#e1f5e9}.reject{color:#bc5a5a;background:#ffebeb}.template-card{border-bottom:1px solid #edf1f6;flex-wrap:wrap;align-items:start;gap:18px;padding:17px 0;display:flex}.template-card:last-child{border-bottom:0}.template-card>div:first-child{flex:1}.template-card h2{font-size:16px}.template-deliverables{flex-wrap:wrap;flex-basis:100%;gap:7px;display:flex}.template-deliverables span{color:#607891;background:#f1f5fa;border-radius:5px;padding:6px 8px;font-size:10px}html[data-product=onboarding]{--product-ink:#20224d;--product-accent:#665cf0;--product-accent-strong:#5148d3;--product-wash:#f0efff;--product-line:#e3e2fb;--product-glow:#b9b2ff}html[data-product=onboarding] body{color:var(--product-ink);background:#f7f7fc}html[data-product=delivery] .sidebar{background:linear-gradient(#10243c 0%,#0d3041 100%);border-right:1px solid #163b4b}html[data-product=delivery] .brand-mark{color:#0a6657;background:#d7f5ec;border-radius:8px}html[data-product=delivery] nav a.active,html[data-product=delivery] nav a:hover{color:#fff;background:#15556a}html[data-product=delivery] .content{padding-top:38px}html[data-product=delivery] h1,html[data-product=delivery] h2{color:var(--product-ink)}html[data-product=delivery] .primary{background:var(--product-accent);box-shadow:0 6px 14px #08705d2b}html[data-product=delivery] .card,html[data-product=delivery] .project-table{border-color:#dce7e6;box-shadow:0 8px 24px #133e4d0b}html[data-product=delivery] .metric-icon.blue{color:#177486;background:#e2f0f1}html[data-product=delivery] .rocket-card{background:linear-gradient(140deg,#fff 35%,#e5f5f1)}html[data-product=onboarding] .portal{background:radial-gradient(circle at 82% 4%,#e7e5ff 0,#0000 29%),#f7f7fc}html[data-product=onboarding] .portal-header{height:84px;color:var(--product-ink);border-bottom:1px solid var(--product-line);background:#fff;box-shadow:0 8px 30px #35327a0b}html[data-product=onboarding] .portal-header .brand strong{color:var(--product-ink)}html[data-product=onboarding] .portal-header .brand span,html[data-product=onboarding] .portal-label{color:#817ea8}html[data-product=onboarding] .portal-header .brand-mark{background:var(--product-ink);color:#fff;border-radius:12px;box-shadow:0 8px 18px #28265a25}html[data-product=onboarding] .portal-content{max-width:1180px;padding-top:58px}html[data-product=onboarding] .portal-content h1{color:var(--product-ink);font-size:38px}html[data-product=onboarding] .portal-content .eyebrow{color:var(--product-accent);letter-spacing:1.8px}html[data-product=onboarding] .portal-hero{background:linear-gradient(120deg,#fff 20%,#efefff);border-color:#deddf8;border-radius:24px;padding:34px 38px;position:relative;overflow:hidden;box-shadow:0 16px 45px #403b9c12}html[data-product=onboarding] .portal-hero:after{content:"";opacity:.5;background:radial-gradient(circle,#c9c4ff 0 2px,#0000 3px) 0 0/18px 18px;border-radius:50%;width:240px;height:240px;position:absolute;top:-80px;right:-65px}html[data-product=onboarding] .portal-hero>div:first-child>strong{color:var(--product-accent);font-size:62px}html[data-product=onboarding] .portal-hero .progress-line i{background:linear-gradient(90deg,#665cf0,#9b8eff)}html[data-product=onboarding] .portal-hero .rocket-track{background:linear-gradient(#252657,#665cf0 70%,#aca4ff);box-shadow:0 12px 25px #4d49bd45}html[data-product=onboarding] .portal-card,html[data-product=onboarding] .client-selector-card{border-color:#e3e2f4;border-radius:18px;box-shadow:0 12px 30px #403b9c0b}html[data-product=onboarding] .portal-card h2{color:var(--product-ink)}html[data-product=onboarding] .portal-delivery{border-color:#ecebfa;padding:17px 4px}html[data-product=onboarding] .portal-delivery>b{color:var(--product-accent)}html[data-product=onboarding] .client-action{background:#f1efff;border-color:#dcd8ff}html[data-product=onboarding] .client-action span,html[data-product=onboarding] .client-action strong{color:var(--product-accent-strong)}html[data-product=onboarding] .portal-back{color:var(--product-accent)}html[data-product=onboarding] .count{color:var(--product-accent-strong);background:#eeecff}.auth-layout{grid-template-columns:minmax(280px,1fr) minmax(360px,410px);align-items:center;gap:58px;width:min(980px,100%);display:grid}.auth-story{color:#fff;padding:18px 0}.auth-story .eyebrow{color:#bfe5dc}.onboarding-auth .auth-story .eyebrow{color:#d7d2ff}.story-mark{color:#152843;background:#fff;border-radius:14px;place-items:center;width:46px;height:46px;margin-bottom:38px;font-size:18px;font-weight:900;display:inline-grid}.auth-story h2{color:#fff;letter-spacing:-1.8px;max-width:460px;margin-bottom:18px;font-size:46px;line-height:1.04}.auth-story>p:not(.eyebrow){color:#d5e3e2;max-width:390px;font-size:16px;line-height:1.6}.onboarding-auth .auth-story>p:not(.eyebrow){color:#e2e1ff}.story-steps{gap:28px;margin-top:48px;display:flex}.story-steps span{color:#9dc7bf;letter-spacing:1px;font-size:10px}.onboarding-auth .story-steps span{color:#cbc7ff}.story-steps b{color:#fff;letter-spacing:0;margin-top:7px;font-size:12px;display:block}.delivery-auth{background:radial-gradient(circle at 13% 30%,#1e5965 0,#0000 32%),linear-gradient(135deg,#0d2035,#123e4c)}.onboarding-auth{background:radial-gradient(circle at 12% 20%,#6259d9 0,#0000 35%),linear-gradient(135deg,#22244f,#756cf1)}.auth-screen .auth-card{border-radius:20px;padding:34px;box-shadow:0 24px 80px #07172745}.auth-screen .auth-card .brand-mark{background:var(--product-ink);color:#fff}.auth-screen .auth-card h1{color:var(--product-ink)}.auth-screen .auth-card .primary{background:var(--product-accent);box-shadow:0 7px 16px color-mix(in srgb,var(--product-accent) 30%,transparent)}.auth-screen .auth-card .primary:hover{background:var(--product-accent-strong)}.auth-screen .auth-card input:focus{border-color:var(--product-accent);outline:3px solid color-mix(in srgb,var(--product-accent) 18%,transparent)}.auth-screen .auth-switch{color:var(--product-accent-strong)}html[data-product=delivery] .import-page{background:#f2f6f7}html[data-product=delivery] .import-header{color:#fff;background:#10243c;border-color:#214554}html[data-product=delivery] .import-header h1,html[data-product=delivery] .import-header .subtitle{color:#fff}html[data-product=delivery] .import-header .eyebrow{color:#8de0c9}@media (width<=760px){.auth-layout{grid-template-columns:1fr;gap:18px}.auth-story{padding:8px 0}.auth-story h2{font-size:34px}.story-mark{margin-bottom:22px}.story-steps{margin-top:25px}.auth-layout .auth-card{width:100%}}.content>.import-page{background:0 0;min-height:0}.content>.import-page .import-header{border-bottom:1px solid var(--product-line);background:0 0;margin:0 0 24px;padding:0 0 24px}.content>.import-page .import-content{grid-template-columns:350px minmax(0,1fr);max-width:none;padding:0}.content>.import-page .import-form,.content>.import-page .queue-list{box-shadow:0 8px 24px #133e4d0b}.team-hero{color:#e4f4f1;background:linear-gradient(135deg,#10243c,#15556a);border:0;margin-bottom:22px;padding:30px}.team-hero h2{color:#fff;margin:10px 0;font-size:28px}.team-hero>p{color:#bedbd5;max-width:680px;font-size:13px;line-height:1.6}.team-kicker{letter-spacing:1.5px;color:#8de0c9;font-size:10px;font-weight:800}.team-links{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px;display:grid}.team-link{background:#ffffff0b;border:1px solid #ffffff2b;border-radius:9px;gap:7px;padding:15px;text-decoration:none;display:grid}.team-link strong{color:#fff;font-size:12px}.team-link span{color:#b7d5cf;font-size:10px;line-height:1.4}.team-role-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.team-role{padding:21px}.team-role>span{color:#167965;background:#e1f2ee;border-radius:50%;place-items:center;width:25px;height:25px;font-size:10px;font-weight:900;display:inline-grid}.team-role h2{margin:16px 0 8px}.team-role p{color:#718298;font-size:12px;line-height:1.55}@media (width<=900px){.content>.import-page .import-content,.team-links,.team-role-grid{grid-template-columns:1fr}}@media (width<=680px){.content>.import-page .import-header{display:flex}.team-hero{padding:22px}.team-links{gap:8px}}.content>.access-requests,.content>.admin-client-panel{margin:0 0 24px}.content>.import-page+.content>.import-page{margin-top:0}.onboarding-nav{align-items:center;gap:22px;margin-left:auto;margin-right:28px;display:flex}.onboarding-nav a,.onboarding-nav button{color:#67648f;cursor:pointer;background:0 0;border:0;padding:8px 0;font:700 11px inherit;text-decoration:none}.onboarding-nav a:hover,.onboarding-nav button:hover{color:var(--product-accent)}.onboarding-nav button{border-left:1px solid var(--product-line);padding-left:22px}@media (width<=760px){.onboarding-nav{gap:12px;margin-right:12px}.onboarding-nav a{font-size:10px}.onboarding-nav a:nth-child(3){display:none}.onboarding-nav button{padding-left:12px}}.onboarding-workspace{position:relative}.onboarding-workspace>.onboarding-nav{z-index:3;margin:0;position:absolute;top:20px;right:6vw}.onboarding-workspace>.onboarding-nav button{color:#67648f}.onboarding-workspace>.onboarding-nav button:first-child{color:var(--product-accent)}@media (width<=760px){.onboarding-workspace>.onboarding-nav{top:18px;right:18px}.onboarding-workspace>.onboarding-nav button:nth-child(2){display:none}}.reference-onboarding{color:#171b35;background:#fff;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.reference-sidebar{z-index:4;background:#fff;border-right:1px solid #edf0f6;flex-direction:column;width:230px;padding:30px 16px 0;display:flex;position:fixed;inset:0 auto 0 0}.reference-brand{padding:0 16px 42px}.reference-brand strong{color:#1a2c6b;letter-spacing:-4px;font-size:46px;line-height:.85;display:block}.reference-brand span{color:#1a2c6b;letter-spacing:2px;margin-top:10px;font-size:9px;font-weight:900;display:block}.reference-side-nav{gap:7px;display:grid}.reference-side-nav button{color:#4d536b;text-align:left;cursor:pointer;background:0 0;border:0;border-left:3px solid #0000;border-radius:8px;align-items:center;gap:13px;padding:13px 12px;font:500 14px Inter,ui-sans-serif,system-ui,sans-serif;display:flex}.reference-side-nav button:hover,.reference-side-nav button.active{color:#3947e9;background:#f0f1ff;border-left-color:#4c5cff}.reference-icon{color:currentColor;place-items:center;width:22px;font-size:20px;line-height:1;display:inline-grid}.reference-support{background:#fbfbfe;border:1px solid #edf0f6;border-radius:16px;margin-top:auto;padding:20px 18px}.reference-support strong{color:#30354e;font-size:13px;display:block}.reference-support p{color:#687089;margin:8px 0 17px;font-size:12px;line-height:1.45}.reference-support button{color:#5364e9;cursor:pointer;background:#fff;border:1px solid #dce1ee;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:11px;font-weight:700;display:flex}.reference-account{border-top:1px solid #edf0f6;align-items:center;gap:10px;margin:28px -16px 0;padding:17px 18px;display:flex}.reference-avatar{color:#fff;background:#1f3c88;border-radius:50%;place-items:center;width:34px;height:34px;font-size:10px;font-weight:900;display:grid}.reference-account strong,.reference-account span{display:block}.reference-account strong{color:#30354e;font-size:12px}.reference-account span{color:#81889b;margin-top:3px;font-size:10px}.reference-account button{color:#6c748c;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:19px}.reference-main{background:#fff;width:calc(100% - 230px);min-width:0;margin-left:230px}.reference-header{justify-content:space-between;align-items:start;padding:34px 42px 17px;display:flex}.reference-kicker{color:#6c738b;letter-spacing:1.5px;margin-bottom:10px;font-size:9px;font-weight:800}.reference-header h1{color:#171b35;letter-spacing:-1.1px;font-size:29px}.reference-header>div:first-child>p:last-child{color:#777e92;margin-top:7px;font-size:15px}.reference-header-actions{align-items:center;gap:24px;padding-top:4px;display:flex}.reference-date{color:#363b51;white-space:nowrap;align-items:center;gap:10px;font-size:15px;display:flex}.reference-date .reference-icon{color:#606a82;font-size:21px}.reference-notification{color:#555d73;cursor:pointer;background:0 0;border:0;font-size:26px;position:relative}.reference-notification b{color:#fff;background:#4d5de8;border-radius:50%;place-items:center;width:19px;height:19px;font-size:10px;display:grid;position:absolute;top:-6px;right:-10px}.reference-content{max-width:1480px;margin:0 auto;padding:24px 42px 58px}.reference-back{color:#5563e8;cursor:pointer;background:0 0;border:0;margin:-5px 0 15px;padding:0;font-size:11px}.reference-dashboard-grid{grid-template-columns:325px minmax(0,1fr);align-items:start;gap:24px;display:grid}.reference-rocket-card{background:radial-gradient(circle at 50% 17%,#23468d 0,#132e70 34%,#071b54 78%);border-radius:22px;min-height:675px;position:relative;overflow:hidden;box-shadow:0 18px 34px #172c6e1f}.reference-rocket-card:before{content:"";opacity:.55;background-image:radial-gradient(circle,#fff 0 1px,#0000 1.7px),radial-gradient(circle,#9fc8ff 0 1px,#0000 1.6px);background-position:20px 24px,80px 110px;background-size:112px 128px,161px 144px;position:absolute;inset:0}.reference-rocket-card:after{content:"";filter:blur(10px);background:radial-gradient(#a5d6ff55 0,#6f9dff24 35%,#0000 68%);height:44%;position:absolute;bottom:-12%;left:-16%;right:-16%}.rocket-journey{z-index:1;position:absolute;inset:34px 27px 74px}.rocket-journey-line{border-left:2px dashed #d8e5ffcc;width:2px;position:absolute;top:25px;bottom:18px;left:50%;transform:translate(-50%)}.rocket-journey-line i{opacity:.95;background:#fff;width:2px;position:absolute;top:0;left:-2px}.journey-node{background:#f7fbff;border:2px solid #122a68;border-radius:50%;width:17px;height:17px;position:absolute;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #ffffff24}.node-100{top:0}.node-75{top:25%}.node-50{top:50%}.node-25{top:75%}.node-0{top:100%}.rocket-journey-label{z-index:2;color:#fff;font-size:17px;font-weight:700;position:absolute;left:calc(50% + 26px)}.rocket-journey-label small{margin-top:2px;font-size:11px;font-weight:500;display:block}.label-100{top:-6px}.label-75{top:22%}.label-50{top:47%}.label-25{top:72%}.label-0{top:97%}.rocket-journey-stars{color:#dce9ff99;letter-spacing:3px;font-size:11px;line-height:31px;position:absolute;inset:4px auto auto 5px}.reference-rocket-art{filter:drop-shadow(0 18px 17px #020e388c);width:142px;height:210px;position:absolute;top:50%;left:50%;transform:translate(-50%,-38%)}.rocket-journey-progress{color:#fff;letter-spacing:-2px;font-size:41px;line-height:.9;position:absolute;bottom:56px;left:14px}.rocket-journey-progress small{letter-spacing:-.2px;margin-top:7px;font-size:17px;display:block}.reference-rocket-footer{z-index:2;color:#fff;position:absolute;bottom:26px;left:32px}.reference-rocket-footer strong{font-size:0;display:inline}.reference-rocket-footer span{display:none}.reference-workarea{min-width:0}.reference-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px;display:grid}.reference-metric{background:#fff;border:1px solid #eaedf4;border-radius:15px;min-height:179px;padding:22px 20px;box-shadow:0 8px 22px #2335740b}.reference-metric-icon{border-radius:50%;place-items:center;width:49px;height:49px;margin-bottom:20px;font-size:28px;display:grid}.reference-metric.green .reference-metric-icon{color:#20ad70;background:#e3f7ed}.reference-metric.blue .reference-metric-icon{color:#5367f5;background:#eef1ff}.reference-metric.orange .reference-metric-icon{color:#f3a313;background:#fff3df}.reference-metric.purple .reference-metric-icon{color:#9565ee;background:#f4edff}.reference-metric strong{color:#171b35;margin-bottom:8px;font-size:30px;line-height:1;display:block}.reference-metric b{color:#262a40;font-size:13px;display:block}.reference-metric small{color:#7d8496;margin-top:5px;font-size:12px;display:block}.reference-middle-grid{grid-template-columns:minmax(0,1fr) 285px;gap:20px;display:grid}.reference-card{background:#fff;border:1px solid #e8ebf2;border-radius:15px;box-shadow:0 8px 22px #2335740b}.reference-stage-card{padding:24px 21px}.reference-card-head{justify-content:space-between;align-items:start;gap:15px;margin-bottom:18px;display:flex}.reference-card-head h2{color:#171b35;font-size:16px}.reference-card-head p{color:#848b9c;margin-top:5px;font-size:11px}.reference-card-head>button{color:#5363ee;cursor:pointer;background:0 0;border:0;padding:4px;font-size:11px}.reference-stage-list{position:relative}.reference-stage-list:before{content:"";border-left:1px solid #e2e6f0;position:absolute;top:14px;bottom:14px;left:10px}.reference-stage{border-bottom:1px solid #f0f2f7;grid-template-columns:26px minmax(0,1fr) auto 72px;align-items:center;gap:9px;min-height:51px;padding:5px 4px 5px 0;display:grid;position:relative}.reference-stage:last-child{border-bottom:0}.reference-stage.selected{background:#f4f5ff;border-left:3px solid #5160ed;margin:0 -21px;padding-left:17px;padding-right:17px}.reference-stage-dot{z-index:1;color:#fff;background:#fff;border:2px solid #cbd2e3;border-radius:50%;place-items:center;width:19px;height:19px;font-size:10px;display:grid}.reference-stage-dot.completed{background:#28b276;border-color:#28b276}.reference-stage-dot.in_progress{background:#fff;border-color:#5668f5}.reference-stage-dot.waiting_client{background:#fff;border-color:#f4aa1d}.reference-stage strong{color:#3d4359;font-size:12px;font-weight:500}.reference-stage.selected strong{color:#4c5fe9;font-weight:700}.reference-stage-status{color:#70778b;white-space:nowrap;background:#f2f3f7;border-radius:20px;padding:6px 10px;font-size:10px}.reference-stage-status.completed{color:#1d9a63;background:#e6f8ef}.reference-stage-status.in_progress{color:#5365ec;background:#edf0ff}.reference-stage-status.waiting_client{color:#d68b13;background:#fff4e1}.reference-stage time{color:#80889a;text-align:right;font-size:10px}.reference-next-card{padding:24px 20px}.reference-next-mark{color:#8f98b1;font-size:20px}.reference-next-art{color:#5b64f1;background:#f4f0ff;border-radius:50%;place-items:center;width:85px;height:85px;margin:17px auto 18px;font-size:38px;display:grid;box-shadow:inset 0 0 0 10px #f9f7ff}.reference-next-card h3{color:#20243d;font-size:19px;line-height:1.15}.reference-owner-label{color:#858c9f;margin-top:22px;font-size:10px;display:block}.reference-owner{color:#3c4359;margin-top:6px;font-size:12px;display:block}.reference-description{color:#737b8e;border-top:1px solid #edf0f5;margin-top:20px;padding-top:17px;font-size:11px;line-height:1.55}.reference-outline-button{color:#303750;cursor:pointer;background:#fff;border:1px solid #dfe3ee;border-radius:8px;justify-content:space-between;align-items:center;width:100%;margin-top:18px;padding:10px 12px;font-size:11px;font-weight:700;display:flex}.reference-outline-button span{color:#6573e8;font-size:18px}.reference-bottom-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.reference-schedule,.reference-communication{min-height:168px;padding:22px 21px}.reference-schedule>.reference-card-head>.reference-icon,.reference-communication>.reference-card-head>.reference-icon{color:#5363ee;font-size:22px}.reference-schedule>strong,.reference-schedule>span{color:#5c6479;margin-top:11px;font-size:12px;display:block}.reference-schedule>span{color:#838b9d;margin-top:7px}.reference-schedule-bar{background:#edf0f6;border-radius:20px;height:7px;margin-top:18px;overflow:hidden}.reference-schedule-bar i{background:#5363ee;border-radius:20px;height:100%;display:block}.reference-schedule>small{color:#838b9d;text-align:right;margin-top:7px;font-size:10px;display:block}.reference-communication>p{color:#71798d;max-width:410px;font-size:12px;line-height:1.5}.reference-documents{margin-top:20px;padding:24px 21px}.reference-documents .reference-card-head{margin-bottom:14px}.reference-documents .client-upload-panel{margin-top:5px}.reference-team{height:1px}.reference-file-row{border-top:1px solid #edf1f6;align-items:center;gap:10px;display:flex}.reference-file-row .file-link{border-top:0;flex:1}.reference-documents .portal-file-group{margin-top:15px}.reference-documents .portal-file-group h3{color:#69718b}.reference-documents .file-download{white-space:nowrap}@media (width<=1180px){.reference-dashboard-grid{grid-template-columns:285px minmax(0,1fr)}.reference-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-middle-grid{grid-template-columns:1fr}.reference-next-card{grid-template-columns:90px 1fr;column-gap:18px;display:grid}.reference-next-card .reference-card-head,.reference-next-card .reference-next-art,.reference-next-card h3,.reference-next-card .reference-owner-label,.reference-next-card .reference-owner,.reference-next-card .reference-description,.reference-next-card .reference-outline-button{grid-column:2}.reference-next-card .reference-next-art{grid-row:2/span 4;margin:10px auto}.reference-next-card .reference-card-head{grid-row:1}}@media (width<=850px){.reference-header{padding:28px 24px 14px}.reference-content{padding:20px 24px 45px}.reference-dashboard-grid{grid-template-columns:1fr}.reference-rocket-card{min-height:430px}.rocket-journey{inset:24px 25% 54px}.reference-bottom-grid{grid-template-columns:1fr}.reference-support{display:none}}.reference-rocket-card .rocket-journey{background-color:#0000;background-image:url(/rocket-journey.png);background-position:50%;background-repeat:no-repeat;background-size:auto 100%;border-radius:0;inset:0}.reference-rocket-card{box-shadow:none;background:0 0;border-radius:0;overflow:visible}.reference-rocket-card .rocket-journey:before{background:radial-gradient(circle at 48% 48%,#ffffff0d,#0000 23%),linear-gradient(#0000 0 45%,#72b1ff09 70%,#0000 100%)}.reference-rocket-card .rocket-journey:after{content:"";z-index:3;pointer-events:none;filter:blur(.8px);transform-origin:50% 0;mix-blend-mode:screen;background:radial-gradient(at 50% 0,#fffffffa 0 15%,#d2f1fff2 20%,#75c2ffd1 43%,#ffbc74b3 67%,#ff66411f 82%,#0000 90%);border-radius:50% 50% 60% 60%/8% 8% 92% 92%;width:11%;height:10%;animation:.16s ease-in-out infinite alternate attached-flame;position:absolute;top:53.4%;left:49.1%;transform:translate(-50%)}.reference-rocket-card .rocket-journey-line,.reference-rocket-card .rocket-journey-label,.reference-rocket-card .rocket-journey-stars,.reference-rocket-card .reference-rocket-art{display:none}.reference-rocket-card .rocket-journey-progress{z-index:5;color:#1d55a0;white-space:nowrap;text-align:center;letter-spacing:-1px;background:#fff;border-radius:10px;padding:10px 18px;bottom:-66px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #2335741c}.reference-rocket-card .rocket-journey-progress small{color:#65738a;letter-spacing:0;font-size:12px}@keyframes attached-flame{0%{opacity:.62;transform:translate(-50%)scaleX(.86)scaleY(.9)}to{opacity:1;transform:translate(-50%)scaleX(1.06)scaleY(1.11)}}.rocket-card .rocket-track{background-image:url(/rocket-journey.png);background-position:50%;background-repeat:no-repeat;background-size:auto 100%}.rocket-card .rocket-track .rocket,.rocket-card .rocket-track .rocket-stars,.app-shell .rocket-card{display:none}.app-shell .lower-grid{grid-template-columns:1fr}@media (width<=700px){.reference-onboarding{display:block}.reference-sidebar{border-bottom:1px solid #edf0f6;border-right:0;width:100%;height:auto;padding:18px 16px 0;position:relative}.reference-brand{padding:0 10px 16px}.reference-brand strong{font-size:34px}.reference-brand span{margin-top:7px;font-size:7px}.reference-side-nav{gap:5px;padding-bottom:12px;display:flex;overflow-x:auto}.reference-side-nav button{border-bottom:3px solid #0000;border-left:0;border-radius:7px;flex:none;gap:6px;padding:9px 10px;font-size:11px}.reference-side-nav button:hover,.reference-side-nav button.active{border-bottom-color:#4c5cff;border-left:0}.reference-side-nav .reference-icon{width:auto;font-size:16px}.reference-account{display:none}.reference-main{width:100%;margin-left:0}.reference-header{padding:23px 18px 10px;display:block}.reference-header h1{font-size:23px}.reference-header-actions{justify-content:space-between;margin-top:17px;padding:0}.reference-date{font-size:12px}.reference-content{padding:18px}.reference-metrics{gap:10px}.reference-metric{min-height:155px;padding:16px 14px}.reference-metric-icon{width:38px;height:38px;margin-bottom:15px;font-size:21px}.reference-metric strong{font-size:25px}.reference-metric b{font-size:11px}.reference-metric small{font-size:10px}.reference-stage{grid-template-columns:24px minmax(0,1fr);padding-right:0}.reference-stage-status,.reference-stage time{grid-column:2;justify-self:start}.reference-stage-status{margin-top:-4px}.reference-next-card{display:block}.reference-next-card .reference-next-art{margin:17px auto}.reference-next-card .reference-card-head,.reference-next-card .reference-next-art,.reference-next-card h3,.reference-next-card .reference-owner-label,.reference-next-card .reference-owner,.reference-next-card .reference-description,.reference-next-card .reference-outline-button{grid-column:auto}.client-upload-controls{flex-direction:column;align-items:stretch}.client-upload-controls select{width:100%;min-width:0}}.auth-card select{color:#23405e;background:#fff;border:1px solid #dbe4ee;border-radius:7px;outline-color:#3280db;width:100%;margin-top:6px;padding:11px;display:block}.delivery-auth .auth-card label:has(select){display:none}.reference-onboarding .reference-sidebar{background:0 0;border:0;width:0;min-width:0;padding:0;overflow:visible}.reference-onboarding .reference-brand,.reference-onboarding .reference-side-nav,.reference-onboarding .reference-support{display:none}.reference-onboarding .reference-account{z-index:10;border:0;margin:0;padding:0;display:block;position:fixed;top:18px;right:28px}.reference-onboarding .reference-account>div{display:none}.reference-onboarding .reference-account button{color:#5364e9;background:#fff;border:1px solid #dce1ee;border-radius:8px;padding:9px 14px;font-size:11px;font-weight:700;box-shadow:0 4px 15px #23357412}.reference-onboarding .reference-main{width:100%;margin-left:0}.reference-onboarding .reference-header-actions{padding-right:96px}.reference-onboarding .reference-date .reference-icon{font-size:0}.reference-onboarding .reference-date .reference-icon:after{content:"📅";font-size:20px}.reference-onboarding .reference-account button{font-size:0}.reference-onboarding .reference-account button:after{content:"Sair";font-size:11px}.reference-onboarding .reference-sidebar{visibility:hidden}.reference-onboarding .reference-account{visibility:visible}.reference-onboarding .reference-notification{display:none}.reference-onboarding .reference-header{max-width:1480px;margin:0 auto;padding-top:42px;position:relative}.reference-onboarding .reference-header:after{content:"";background:linear-gradient(90deg,#e3e8f2,#0000);height:1px;position:absolute;bottom:0;left:42px;right:42px}.reference-onboarding .reference-header h1{letter-spacing:-1.5px;font-size:32px}.reference-onboarding .reference-content{padding-top:30px}.reference-onboarding .reference-stage.selected{box-shadow:inset 3px 0 #5160ed,0 8px 22px #5160ed14}.reference-onboarding .client-upload-panel{background:linear-gradient(135deg,#f2f3ff,#fbfbff);border-color:#dcdef8}@media (width<=850px){.reference-onboarding .reference-header{padding-top:28px}.reference-onboarding .reference-header:after{left:24px;right:24px}}.reference-onboarding{background:#f5f7fb}.reference-onboarding .reference-header{max-width:1540px;padding:38px 52px 24px}.reference-onboarding .reference-header h1{color:#111a35;font-size:36px;line-height:1.05}.reference-onboarding .reference-header-actions{gap:18px}.reference-onboarding .reference-date{background:#fff;border:1px solid #e2e7f1;border-radius:12px;padding:10px 14px;box-shadow:0 5px 16px #1b2d6210}.reference-onboarding .reference-content{max-width:1540px;padding:32px 52px 72px}.reference-onboarding .reference-dashboard-grid{grid-template-columns:300px minmax(0,1fr);gap:28px}.reference-onboarding .reference-rocket-card{min-height:674px}.reference-onboarding .reference-metrics{gap:14px;margin-bottom:28px}.reference-onboarding .reference-metric{border-radius:18px;min-height:158px;padding:20px 18px}.reference-onboarding .reference-metric strong{font-size:34px}.reference-onboarding .reference-card{border-radius:18px}.reference-onboarding .reference-stage-card,.reference-onboarding .reference-next-card{padding:26px 24px}.reference-onboarding .reference-stage.selected{margin:0 -24px;padding-left:20px;padding-right:20px}.reference-onboarding .reference-bottom-grid{gap:24px;margin-top:24px}.reference-onboarding .reference-schedule,.reference-onboarding .reference-communication{min-height:184px;padding:25px 24px}.reference-onboarding .reference-documents{padding:26px 24px}@media (width<=1100px){.reference-onboarding .reference-header,.reference-onboarding .reference-content{padding-left:30px;padding-right:30px}.reference-onboarding .reference-dashboard-grid{grid-template-columns:270px minmax(0,1fr);gap:20px}.reference-onboarding .reference-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=850px){.reference-onboarding .reference-header,.reference-onboarding .reference-content{padding-left:24px;padding-right:24px}.reference-onboarding .reference-dashboard-grid{grid-template-columns:1fr}.reference-onboarding .reference-rocket-card{min-height:620px}.reference-onboarding .reference-header h1{font-size:29px}.reference-onboarding .reference-header-actions{padding-right:88px}}html[data-product=delivery] .sidebar{color:#fff;width:282px;box-shadow:none;background:#030303;border-right:0;padding:26px 20px 18px}html[data-product=delivery] .sidebar .brand{border-bottom:1px solid #ffffff26;gap:11px;margin-bottom:22px;padding:0 13px 24px}html[data-product=delivery] .sidebar .brand-mark{color:#fff;width:auto;height:auto;box-shadow:none;letter-spacing:-1px;background:0 0;border-radius:0;margin-bottom:8px;padding:0;font-size:30px;line-height:.84}html[data-product=delivery] .sidebar .brand strong{color:#fff;letter-spacing:-.2px;font-size:13px}html[data-product=delivery] .sidebar .brand span{color:#ffffffb8;letter-spacing:2.5px;margin-top:4px;font-size:10px}html[data-product=delivery] .sidebar .brand small{color:#ffffff8a;max-width:220px;margin-top:12px;font-size:11px;line-height:1.55;display:block}html[data-product=delivery] .menu-label{color:#ffffff61;letter-spacing:.8px;letter-spacing:.6px;text-transform:uppercase;margin:20px 13px 8px;font-size:10px;font-weight:800}html[data-product=delivery] .sidebar nav{gap:5px}html[data-product=delivery] .sidebar nav a{color:#ffffffb8;border-left:0;border-radius:25px;align-items:center;min-height:42px;padding:0 13px;font-size:13px;font-weight:700;transition:background .18s,color .18s;display:flex;position:relative}html[data-product=delivery] .sidebar nav a:before{content:"";opacity:.8;color:currentColor;border:0;border-radius:0;place-items:center;width:18px;height:18px;margin:0 12px 0 1px;font-size:14px;display:inline-grid}html[data-product=delivery] .sidebar nav a:first-child:before{content:"⌁"}html[data-product=delivery] .sidebar nav a:nth-child(2):before{content:"♟"}html[data-product=delivery] .sidebar nav a:nth-child(3):before{content:"▦"}html[data-product=delivery] .sidebar nav a:nth-child(4):before{content:"⚗"}html[data-product=delivery] .sidebar nav a:nth-child(5):before{content:"▰"}html[data-product=delivery] .sidebar nav a:nth-child(6):before{content:"♟"}html[data-product=delivery] .sidebar nav a:nth-child(7):before{content:"▣"}html[data-product=delivery] .sidebar nav a:hover,html[data-product=delivery] .sidebar nav a.active{color:#000;background:#fff;border-left:0;box-shadow:0 7px 18px #00000030}html[data-product=delivery] .sidebar nav a.active:before{color:#000;opacity:1;background:0 0;border:0}html[data-product=delivery] .sidebar-bottom{border-top:1px solid #ffffff26;gap:9px;margin:28px 0 0;padding:18px 8px 0}html[data-product=delivery] .sidebar-bottom .avatar{color:#000;background:#fff;width:33px;height:33px}html[data-product=delivery] .sidebar-bottom strong{color:#fff;font-size:11px}html[data-product=delivery] .sidebar-bottom span{color:#fff9;margin-top:3px;font-size:10px}html[data-product=delivery] .sidebar-bottom button{color:#ffffffb8;font-size:0}html[data-product=delivery] .sidebar-bottom button:after{content:"↪  Sair da matriz";white-space:nowrap;font-size:12px;font-weight:700}html[data-product=delivery] .content{margin-left:282px;padding:24px 28px 60px}html[data-product=delivery] .sidebar nav a:focus-visible,html[data-product=delivery] .sidebar-bottom button:focus-visible{outline-offset:2px;outline:2px solid #8de0c9}@media (width<=980px){html[data-product=delivery] .sidebar{width:100%;height:auto;min-height:0;box-shadow:none;border-bottom:1px solid #222;border-right:0;padding:18px 14px 12px;position:relative}html[data-product=delivery] .sidebar .brand{margin-bottom:14px;padding:0 8px 16px}html[data-product=delivery] .sidebar nav{gap:5px;padding-bottom:2px;display:flex;overflow-x:auto}html[data-product=delivery] .sidebar nav a{white-space:nowrap;border-bottom:3px solid #0000;border-left:0;min-height:40px;padding:0 11px}html[data-product=delivery] .sidebar nav a.active{border-bottom-color:#fff;border-left:0}html[data-product=delivery] .sidebar nav a:before,html[data-product=delivery] .sidebar-bottom{display:none}html[data-product=delivery] .content{width:100%;margin-left:0;padding:24px 18px 40px}}html[data-product=delivery] .topbar,html[data-product=delivery] .content>.import-page .import-header{background:0 0;border-bottom:1px solid #dfe7e5;margin-bottom:24px;padding:0 0 22px}html[data-product=delivery] .topbar h1,html[data-product=delivery] .content>.import-page .import-header h1{color:#10243c;letter-spacing:-1px;font-size:31px}html[data-product=delivery] .topbar .subtitle,html[data-product=delivery] .content>.import-page .import-header .subtitle{color:#607486;margin-top:7px;font-size:13px}html[data-product=delivery] .eyebrow{color:#08705d}html[data-product=delivery] .card,html[data-product=delivery] .team-hero{border-color:#dfe7e5;border-radius:12px;box-shadow:0 8px 24px #10243c0d}html[data-product=delivery] .card-title h2,html[data-product=delivery] .section-heading h2{color:#10243c}html[data-product=delivery] .card-title p,html[data-product=delivery] .muted{color:#607486}html[data-product=delivery] .content>.import-page .import-content{gap:24px}html[data-product=delivery] .content>.import-page .import-form,html[data-product=delivery] .content>.import-page .queue-list{background:#fff;border-color:#dfe7e5}html[data-product=delivery] .content>.import-page .import-form h2,html[data-product=delivery] .content>.import-page .queue-list h2{color:#10243c}html[data-product=delivery] .content>.import-page .import-form label{color:#506372}html[data-product=delivery] .content>.import-page .import-form input,html[data-product=delivery] input.search,html[data-product=delivery] .search{color:#10243c;border-color:#cbdad7}html[data-product=delivery] .primary{background:#0b8f72}html[data-product=delivery] .count{color:#08705d;background:#e1f2ee}html[data-product=delivery] .queue-row,html[data-product=delivery] .template-card{border-color:#e8efed}html[data-product=delivery] .queue-row strong,html[data-product=delivery] .template-card h2,html[data-product=delivery] .team-request-row strong{color:#10243c}html[data-product=delivery] .queue-row span,html[data-product=delivery] .template-card .muted,html[data-product=delivery] .team-request-row span,html[data-product=delivery] .team-request-row small{color:#607486}html[data-product=delivery] body{color:#10243c;background:#eef1f2}html[data-product=delivery] .app-shell{background:#eef1f2}html[data-product=delivery] .content{background:#eef1f2;min-height:100vh}html[data-product=delivery] .topbar,html[data-product=delivery] .content>.import-page .import-header{background:#fff;border:1px solid #dfe7e5;border-radius:10px;justify-content:space-between;align-items:flex-start;min-height:86px;margin:0 0 22px;padding:20px 22px;display:flex;box-shadow:0 5px 16px #10243c0a}html[data-product=delivery] .topbar h1,html[data-product=delivery] .content>.import-page .import-header h1{font-size:28px;line-height:1.1}html[data-product=delivery] .topbar .eyebrow,html[data-product=delivery] .content>.import-page .import-header .eyebrow{margin-bottom:8px}html[data-product=delivery] .topbar .primary,html[data-product=delivery] .content>.import-page .import-header .primary{margin-top:2px}html[data-product=delivery] .metric-grid{gap:16px;margin-bottom:30px}html[data-product=delivery] .metric{border-radius:10px;min-height:108px;padding:18px}html[data-product=delivery] .project-table,html[data-product=delivery] .attention,html[data-product=delivery] .queue-list,html[data-product=delivery] .import-form{border-radius:10px}html[data-product=delivery] .table-row{min-height:76px}html[data-product=delivery] .notice,html[data-product=delivery] .file-message{border-radius:8px}@media (width<=980px){html[data-product=delivery] .topbar,html[data-product=delivery] .content>.import-page .import-header{min-height:0;margin-bottom:18px;padding:18px}}@media (width<=680px){html[data-product=delivery] .topbar,html[data-product=delivery] .content>.import-page .import-header{display:block}html[data-product=delivery] .topbar .primary,html[data-product=delivery] .content>.import-page .import-header .primary,html[data-product=delivery] .content>.import-page .import-header .secondary{margin-top:16px}html[data-product=delivery] .content{padding:16px 12px 32px}html[data-product=delivery] .metric-grid{grid-template-columns:1fr 1fr}}html[data-product=delivery]{--product-ink:#161616;--product-accent:#111;--product-accent-strong:#000;--product-wash:#f1f1f1;--product-line:#d9d9d9;--product-glow:#bdbdbd}html[data-product=delivery] body,html[data-product=delivery] .app-shell,html[data-product=delivery] .content{color:#171717;background:#f1f1f1}html[data-product=delivery] .sidebar{color:#fff;background:#030303}html[data-product=delivery] .sidebar nav a:hover,html[data-product=delivery] .sidebar nav a.active{color:#000;background:#fff;border-left-color:#fff}html[data-product=delivery] .sidebar nav a.active:before{background:#000;border-color:#000}html[data-product=delivery] .eyebrow,html[data-product=delivery] .team-kicker{color:#666}html[data-product=delivery] h1,html[data-product=delivery] h2,html[data-product=delivery] .topbar h1,html[data-product=delivery] .content>.import-page .import-header h1{color:#171717}html[data-product=delivery] .subtitle,html[data-product=delivery] .card-title p,html[data-product=delivery] .muted,html[data-product=delivery] .topbar .subtitle,html[data-product=delivery] .content>.import-page .import-header .subtitle{color:#6d6d6d}html[data-product=delivery] .primary{color:#fff;background:#111;box-shadow:0 5px 12px #00000020}html[data-product=delivery] .primary:hover{background:#000}html[data-product=delivery] .secondary{color:#222;background:#e4e4e4}html[data-product=delivery] .count,html[data-product=delivery] .metric-icon.green,html[data-product=delivery] .metric-icon.blue,html[data-product=delivery] .metric-icon.purple{color:#333;background:#ededed}html[data-product=delivery] .metric-icon.orange{color:#333;background:#e9e9e9}html[data-product=delivery] .progress-line i{background:#171717}html[data-product=delivery] .status.ok,html[data-product=delivery] .status.new,html[data-product=delivery] .status.waiting{color:#333;background:#e9e9e9}html[data-product=delivery] .approve{color:#222;background:#e7e7e7}html[data-product=delivery] .reject{color:#555;background:#ededed}html[data-product=delivery] .team-hero{color:#eee;background:linear-gradient(135deg,#111,#303030)}html[data-product=delivery] .team-hero p{color:#c5c5c5}html[data-product=delivery] .team-kicker{color:#c8c8c8}html[data-product=delivery] .notice,html[data-product=delivery] .file-message{color:#333;background:#ededed;border-color:#d2d2d2}html[data-product=delivery] .metric strong,html[data-product=delivery] .metric span,html[data-product=delivery] .metric small,html[data-product=delivery] .queue-row strong,html[data-product=delivery] .template-card h2,html[data-product=delivery] .team-request-row strong{color:#222}html[data-product=delivery] .table-head{color:#5d5d5d;background:#e9e9e9}html[data-product=delivery] .team-hero h2{color:#fff}html[data-product=delivery] .team-hero .muted{color:#d0d0d0}html[data-product=delivery] .team-request-list{border-top:1px solid #ffffff24;margin-top:20px}html[data-product=delivery] .team-request-row{border-bottom:1px solid #ffffff24;padding:16px 0}html[data-product=delivery] .team-request-row strong{color:#fff}html[data-product=delivery] .team-request-row span,html[data-product=delivery] .team-request-row small{color:#c8c8c8}html[data-product=delivery] .team-hero .approve{color:#111;background:#fff}html[data-product=delivery] .team-hero .reject{color:#fff;background:#3a3a3a;border:1px solid #686868}html[data-product=delivery] .topbar .eyebrow,html[data-product=delivery] .content>.import-page .import-header .eyebrow,html[data-product=delivery] .team-kicker{color:#666!important}html[data-product=delivery] .team-hero .team-kicker{color:#c8c8c8!important}html[data-product=delivery] .sidebar,html[data-product=delivery] .sidebar nav,html[data-product=delivery] .sidebar nav a,html[data-product=delivery] .sidebar-bottom{font-family:Montserrat,Inter,sans-serif}html[data-product=delivery] .content{background:#f4f5f7}html[data-product=delivery] .card{background:#fff;border:1px solid #e4e7ec;box-shadow:0 18px 45px #0f172a0f}html[data-product=delivery] .topbar,html[data-product=delivery] .content>.import-page .import-header{border-color:#e4e7ec;box-shadow:0 8px 22px #0f172a08}html[data-product=delivery] .sidebar nav a.active{border-left:3px solid #fff;border-radius:25px}.reference-onboarding{color:#10243c;background:#f4f6f7}.reference-onboarding .reference-main{background:0 0}.reference-onboarding .reference-header{background:#fff;border-bottom:1px solid #dfe7e5}.reference-onboarding .reference-header:after{background:linear-gradient(90deg,#d7e3e0,#0000)}.reference-onboarding .reference-kicker,.reference-onboarding .reference-header>div:first-child>p:last-child{color:#587080}.reference-onboarding .reference-header h1{color:#10243c}.reference-onboarding .reference-date{color:#10243c;border-color:#dbe6e4;box-shadow:0 5px 16px #10243c0b}.reference-onboarding .reference-date .reference-icon{color:#0b8f72}.reference-onboarding .reference-card,.reference-onboarding .reference-metric{border-color:#dfe7e5;box-shadow:0 12px 28px #10243c0d}.reference-onboarding .reference-metric{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}.reference-onboarding .reference-metric-icon{color:#0b8f72;background:#e4f4ef}.reference-onboarding .reference-metric.blue .reference-metric-icon{color:#28627e;background:#e7f0f5}.reference-onboarding .reference-metric.orange .reference-metric-icon{color:#b87516;background:#fff3df}.reference-onboarding .reference-metric.purple .reference-metric-icon{color:#08705d;background:#eaf4f1}.reference-onboarding .reference-metric strong,.reference-onboarding .reference-metric b{color:#10243c}.reference-onboarding .reference-metric small,.reference-onboarding .reference-card-head p{color:#607486}.reference-onboarding .reference-stage-card,.reference-onboarding .reference-next-card,.reference-onboarding .reference-schedule,.reference-onboarding .reference-communication,.reference-onboarding .reference-documents{background:#fff}.reference-onboarding .reference-card-head h2,.reference-onboarding .reference-next-card h3{color:#10243c}.reference-onboarding .reference-card-head>button,.reference-onboarding .reference-outline-button span{color:#0b8f72}.reference-onboarding .reference-stage.selected{background:#edf7f4;box-shadow:inset 3px 0 #0b8f72,0 8px 22px #0b8f7212}.reference-onboarding .reference-stage.selected strong{color:#08705d}.reference-onboarding .reference-stage-status.in_progress{color:#08705d;background:#e5f3ef}.reference-onboarding .reference-stage-status.completed{color:#168052;background:#e1f5ea}.reference-onboarding .reference-next-art{color:#0b8f72;background:#e8f4f1;box-shadow:inset 0 0 0 10px #f4fbf9}.reference-onboarding .reference-owner-label,.reference-onboarding .reference-description,.reference-onboarding .reference-schedule>strong,.reference-onboarding .reference-schedule>span{color:#607486}.reference-onboarding .reference-outline-button{color:#10243c;border-color:#cbdad7}.reference-onboarding .reference-schedule>.reference-card-head>.reference-icon,.reference-onboarding .reference-communication>.reference-card-head>.reference-icon{color:#0b8f72}.reference-onboarding .reference-schedule-bar i{background:linear-gradient(90deg,#0b8f72,#42b99b)}.reference-onboarding .reference-account button{color:#08705d;border-color:#cbdad7}@media (width<=850px){.reference-onboarding .reference-header{background:#fff}}
/* =============================================================
   M2 DELIVERY — PADRÃO VISUAL MASTER ADMIN
   Camada exclusivamente visual. Não altera React, APIs ou regras.
   Referência: Master Admin M2 (sidebar 282/82, topbar, tipografia e cards)
   ============================================================= */

html[data-product="delivery"]{
  --m2-sidebar-open:282px;
  --m2-sidebar-compact:82px;
  --m2-bg:#f5f6f8;
  --m2-line:#e9ebef;
  --m2-line-strong:#d9dde5;
  --m2-muted:#6b7280;
  --m2-soft:#f6f7f9;
  --m2-radius:16px;
  --m2-radius-md:12px;
  --m2-pill:999px;
  --m2-elev-1:0 1px 2px rgba(16,24,40,.04),0 10px 26px -14px rgba(16,24,40,.12);
  --m2-elev-2:0 1px 2px rgba(16,24,40,.05),0 22px 46px -22px rgba(16,24,40,.22);
  --m2-ease:cubic-bezier(.22,1,.36,1);
}

html[data-product="delivery"],
html[data-product="delivery"] body{
  background:var(--m2-bg)!important;
  color:#000!important;
  font-family:'Inter',sans-serif!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

html[data-product="delivery"] button,
html[data-product="delivery"] input,
html[data-product="delivery"] select,
html[data-product="delivery"] textarea{font-family:inherit}

/* ----------------------------- SHELL ----------------------------- */
html[data-product="delivery"] .app-shell{background:var(--m2-bg)!important;min-height:100vh}

html[data-product="delivery"] .sidebar{
  width:var(--m2-sidebar-open)!important;
  padding:22px 14px!important;
  background:linear-gradient(180deg,#101011 0%,#050505 55%,#000 100%)!important;
  border-right:1px solid rgba(255,255,255,.06)!important;
  color:#fff!important;
  z-index:50!important;
  overflow-y:auto!important;
  transition:width .26s ease,padding .26s ease!important;
}

html[data-product="delivery"] .sidebar .brand{
  display:flex!important;
  align-items:flex-start!important;
  gap:11px!important;
  padding:2px 10px 20px!important;
  margin:0 0 22px!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
}

html[data-product="delivery"] .sidebar .brand-mark{
  flex:0 0 auto!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
  font-family:'Montserrat',sans-serif!important;
  font-size:30px!important;
  line-height:.84!important;
  font-weight:900!important;
  letter-spacing:-1.6px!important;
}

html[data-product="delivery"] .sidebar .brand>div:last-child{min-width:0}
html[data-product="delivery"] .sidebar .brand strong{
  display:block!important;
  color:#fff!important;
  font-family:'Montserrat',sans-serif!important;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:800!important;
}
html[data-product="delivery"] .sidebar .brand span{
  display:block!important;
  margin-top:4px!important;
  color:rgba(255,255,255,.70)!important;
  font-family:'Montserrat',sans-serif!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:2.5px!important;
}
html[data-product="delivery"] .sidebar .brand small{
  display:block!important;
  max-width:220px!important;
  margin-top:12px!important;
  color:rgba(255,255,255,.54)!important;
  font-size:11px!important;
  line-height:1.55!important;
}

html[data-product="delivery"] .menu-label{
  margin:20px 0 10px!important;
  padding:0 12px!important;
  color:rgba(255,255,255,.34)!important;
  font-family:'Montserrat',sans-serif!important;
  font-size:9.5px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:1.1px!important;
  text-transform:uppercase!important;
}

html[data-product="delivery"] .sidebar nav{display:grid!important;gap:3px!important}
html[data-product="delivery"] .sidebar nav a{
  width:100%!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 14px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  border:0!important;
  border-radius:var(--m2-pill)!important;
  background:transparent!important;
  color:rgba(255,255,255,.72)!important;
  font-family:'Montserrat',sans-serif!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:600!important;
  text-decoration:none!important;
  transition:background .22s var(--m2-ease),color .22s var(--m2-ease),transform .22s var(--m2-ease),box-shadow .22s var(--m2-ease)!important;
}
html[data-product="delivery"] .sidebar nav a:hover{
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  transform:translateX(2px)!important;
}
html[data-product="delivery"] .sidebar nav a.active{
  background:#fff!important;
  color:#000!important;
  font-weight:700!important;
  box-shadow:0 10px 24px -12px rgba(255,255,255,.55)!important;
  transform:none!important;
}

/* Ícones: mesma família usada no Master Admin */
html[data-product="delivery"] .sidebar nav a::before{
  width:18px!important;
  min-width:18px!important;
  height:18px!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:currentColor!important;
  font-family:"Font Awesome 6 Free"!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:900!important;
  opacity:1!important;
}
html[data-product="delivery"] .sidebar nav a:nth-child(1)::before{content:"\f201"!important} /* chart-line */
html[data-product="delivery"] .sidebar nav a:nth-child(2)::before{content:"\f1ad"!important} /* building */
html[data-product="delivery"] .sidebar nav a:nth-child(3)::before{content:"\f542"!important} /* diagram-project */
html[data-product="delivery"] .sidebar nav a:nth-child(4)::before{content:"\f0ae"!important} /* list-check */
html[data-product="delivery"] .sidebar nav a:nth-child(5)::before{content:"\f24d"!important} /* clone */
html[data-product="delivery"] .sidebar nav a:nth-child(6)::before{content:"\f500"!important} /* user-group */
html[data-product="delivery"] .sidebar nav a:nth-child(7)::before{content:"\f15c"!important} /* file-lines */

html[data-product="delivery"] .sidebar-bottom{
  margin-top:auto!important;
  padding:16px 8px 0!important;
  border-top:1px solid rgba(255,255,255,.09)!important;
  gap:12px!important;
}
html[data-product="delivery"] .sidebar-bottom .avatar{
  width:34px!important;height:34px!important;min-width:34px!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#232326,#000)!important;
  color:#fff!important;
  font-family:'Montserrat',sans-serif!important;
  font-size:11px!important;font-weight:900!important;
}
html[data-product="delivery"] .sidebar-bottom strong{font-size:12px!important;color:#fff!important}
html[data-product="delivery"] .sidebar-bottom span{font-size:10px!important;color:var(--m2-muted)!important}
html[data-product="delivery"] .sidebar-bottom button{color:rgba(255,255,255,.72)!important;cursor:pointer!important}

html[data-product="delivery"] .content{
  width:calc(100% - var(--m2-sidebar-open))!important;
  max-width:none!important;
  min-height:100vh!important;
  margin-left:var(--m2-sidebar-open)!important;
  padding:24px 28px 34px!important;
  background:var(--m2-bg)!important;
  overflow-x:hidden!important;
  transition:width .26s ease,margin-left .26s ease,padding .26s ease!important;
}

/* -------------------------- TOGGLE MENU -------------------------- */
#m2-delivery-sidebar-state{position:fixed!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}
.m2-delivery-sidebar-toggle{display:none}
body:has(.app-shell) .m2-delivery-sidebar-toggle{
  position:fixed;
  top:22px;
  left:258px;
  z-index:10020;
  width:44px;
  height:44px;
  border:1px solid var(--m2-line);
  border-radius:var(--m2-pill);
  background:#fff;
  color:#000;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 12px 28px rgba(15,23,42,.12);
  font-size:14px;
  transition:left .26s ease,background .2s ease,color .2s ease,border-color .2s ease;
}
body:has(.app-shell) .m2-delivery-sidebar-toggle:hover{background:#000;color:#fff;border-color:#000}
body:has(#m2-delivery-sidebar-state:checked) .m2-delivery-sidebar-toggle{left:58px}
body:has(#m2-delivery-sidebar-state:checked) .m2-delivery-sidebar-toggle i{transform:rotate(180deg)}
.m2-delivery-sidebar-toggle i{transition:transform .26s ease}

body:has(#m2-delivery-sidebar-state:checked) html[data-product="delivery"] .sidebar,
html[data-product="delivery"] body:has(#m2-delivery-sidebar-state:checked) .sidebar{
  width:var(--m2-sidebar-compact)!important;
  padding:22px 12px!important;
  overflow:visible!important;
}
html[data-product="delivery"] body:has(#m2-delivery-sidebar-state:checked) .content{
  width:calc(100% - var(--m2-sidebar-compact))!important;
  margin-left:var(--m2-sidebar-compact)!important;
  padding-left:24px!important;
}
html[data-product="delivery"] body:has(#m2-delivery-sidebar-state:checked) .sidebar .brand{
  justify-content:center!important;
  padding:0 0 15px!important;
  margin-bottom:16px!important;
  text-align:center!important;
}
html[data-product="delivery"] body:has(#m2-delivery-sidebar-state:checked) .sidebar .brand-mark{font-size:24px!important;line-height:1!important}
html[data-product="delivery"] body:has(#m2-delivery-sidebar-state:checked) .sidebar .brand>div:last-child,
html[data-product="delivery"] body:has(#m2-delivery-sidebar-state:checked) .menu-label,
html[data-product="delivery"] body:has(#m2-delivery-sidebar-state:checked) .sidebar-bottom>div:not(.avatar){display:none!important}
html[data-product="delivery"] body:has(#m2-delivery-sidebar-state:checked) .sidebar nav a{
  min-height:48px!important;
  padding:0!important;
  gap:0!important;
  justify-content:center!important;
  font-size:0!important;
  color:transparent!important;
}
html[data-product="delivery"] body:has(#m2-delivery-sidebar-state:checked) .sidebar nav a::before{
  width:100%!important;
  min-width:100%!important;
  font-size:16px!important;
  color:rgba(255,255,255,.72)!important;
}
html[data-product="delivery"] body:has(#m2-delivery-sidebar-state:checked) .sidebar nav a.active::before,
html[data-product="delivery"] body:has(#m2-delivery-sidebar-state:checked) .sidebar nav a:hover::before{color:#000!important}
html[data-product="delivery"] body:has(#m2-delivery-sidebar-state:checked) .sidebar-bottom{justify-content:center!important;margin-top:14px!important;padding:14px 0 0!important}
html[data-product="delivery"] body:has(#m2-delivery-sidebar-state:checked) .sidebar-bottom button{display:none!important}

/* ---------------------------- TOPBAR ---------------------------- */
html[data-product="delivery"] .topbar,
html[data-product="delivery"] .content>.import-page .import-header{
  position:sticky!important;
  top:12px!important;
  z-index:30!important;
  min-height:86px!important;
  margin:0 0 22px!important;
  padding:18px 22px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  border:1px solid var(--m2-line)!important;
  border-radius:var(--m2-radius)!important;
  background:rgba(255,255,255,.82)!important;
  -webkit-backdrop-filter:saturate(170%) blur(14px)!important;
  backdrop-filter:saturate(170%) blur(14px)!important;
  box-shadow:var(--m2-elev-1)!important;
}
html[data-product="delivery"] .topbar h1,
html[data-product="delivery"] .content>.import-page .import-header h1{
  margin:0 0 7px!important;
  color:#000!important;
  font-family:'Montserrat',sans-serif!important;
  font-size:27px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-1px!important;
}
html[data-product="delivery"] .topbar .subtitle,
html[data-product="delivery"] .content>.import-page .import-header .subtitle{
  margin:0!important;
  color:var(--m2-muted)!important;
  font-size:12px!important;
  line-height:1.5!important;
}
html[data-product="delivery"] .eyebrow{
  margin:0 0 7px!important;
  color:#6b7280!important;
  font-family:'Montserrat',sans-serif!important;
  font-size:9.5px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:1.1px!important;
}
html[data-product="delivery"] .top-actions{gap:10px!important;align-items:center!important;flex-wrap:wrap!important}
html[data-product="delivery"] .user-email{
  min-height:42px!important;
  max-width:240px!important;
  padding:0 13px!important;
  display:inline-flex!important;
  align-items:center!important;
  border:1px solid var(--m2-line)!important;
  border-radius:var(--m2-pill)!important;
  background:#fff!important;
  color:var(--m2-muted)!important;
  font-size:10px!important;
}

/* ---------------------- BOTÕES NO PADRÃO MASTER ---------------------- */
html[data-product="delivery"] .primary,
html[data-product="delivery"] .secondary{
  min-height:42px!important;
  height:42px!important;
  padding:0 16px!important;
  border:1px solid #000!important;
  border-radius:10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
html[data-product="delivery"] .primary{background:#000!important;color:#fff!important}
html[data-product="delivery"] .primary:hover{opacity:.86!important}
html[data-product="delivery"] .secondary{background:#fff!important;color:#000!important}
html[data-product="delivery"] .secondary:hover{background:#000!important;color:#fff!important}

/* ---------------------------- KPIs ---------------------------- */
html[data-product="delivery"] .metric-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  margin-bottom:22px!important;
}
html[data-product="delivery"] .metric{
  min-height:126px!important;
  padding:22px!important;
  display:block!important;
  border:1px solid var(--m2-line)!important;
  border-radius:var(--m2-radius)!important;
  background:linear-gradient(180deg,#fff 0%,#fcfcfd 100%)!important;
  box-shadow:var(--m2-elev-1)!important;
  transition:transform .28s var(--m2-ease),box-shadow .28s var(--m2-ease),border-color .28s var(--m2-ease)!important;
}
html[data-product="delivery"] .metric:hover{transform:translateY(-2px)!important;box-shadow:var(--m2-elev-2)!important;border-color:#dde0e6!important}
html[data-product="delivery"] .metric-icon{
  width:42px!important;height:42px!important;
  margin:0 0 14px!important;
  border-radius:12px!important;
  background:#000!important;
  color:#fff!important;
  font-size:16px!important;
}
html[data-product="delivery"] .metric span{margin-bottom:8px!important;color:var(--m2-muted)!important;font-size:11px!important;font-weight:800!important}
html[data-product="delivery"] .metric strong{
  margin:0 0 6px!important;
  color:#000!important;
  font-family:'Montserrat',sans-serif!important;
  font-size:34px!important;
  line-height:1!important;
  font-weight:900!important;
}
html[data-product="delivery"] .metric small{color:var(--m2-muted)!important;font-size:10px!important}

/* ----------------------- CABEÇALHOS DE SEÇÃO ----------------------- */
html[data-product="delivery"] .section-heading{margin:0 0 16px!important;align-items:end!important}
html[data-product="delivery"] .section-heading h2,
html[data-product="delivery"] .card-title h2{
  color:#000!important;
  font-family:'Montserrat',sans-serif!important;
  font-size:17px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:-.4px!important;
}
html[data-product="delivery"] .section-heading p,
html[data-product="delivery"] .card-title p{color:var(--m2-muted)!important;font-size:11px!important;line-height:1.45!important}
html[data-product="delivery"] .search{
  height:42px!important;
  padding:0 13px!important;
  display:flex!important;
  align-items:center!important;
  border:1px solid var(--m2-line)!important;
  border-radius:10px!important;
  background:#fff!important;
  color:var(--m2-muted)!important;
}
html[data-product="delivery"] .search input{font-size:12px!important;color:#111!important}

/* =============================================================
   CARDS DE CLIENTES/PROJETOS — MESMA LEITURA VISUAL DO MASTER
   Os elementos existentes são apenas reposicionados por CSS.
   ============================================================= */
html[data-product="delivery"] .project-table{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  margin-bottom:24px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html[data-product="delivery"] .project-table .table-head{display:none!important}
html[data-product="delivery"] .project-table .table-row{
  position:relative!important;
  min-height:248px!important;
  padding:20px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-areas:
    "client client client"
    "progress manager delivery"
    "action action action"!important;
  grid-template-rows:auto 1fr auto!important;
  gap:0 16px!important;
  align-items:stretch!important;
  border:1px solid var(--m2-line-strong)!important;
  border-radius:var(--m2-radius)!important;
  background:#fff!important;
  box-shadow:var(--m2-elev-1)!important;
  transition:transform .24s var(--m2-ease),box-shadow .24s var(--m2-ease),border-color .24s var(--m2-ease)!important;
  overflow:hidden!important;
}
html[data-product="delivery"] .project-table .table-row:hover{transform:translateY(-3px)!important;box-shadow:var(--m2-elev-2)!important;border-color:#000!important}

html[data-product="delivery"] .project-table .client-cell{
  grid-area:client!important;
  min-width:0!important;
  padding:0 120px 16px 0!important;
  margin-bottom:16px!important;
  border-bottom:1px solid var(--m2-line)!important;
  gap:12px!important;
}
html[data-product="delivery"] .project-table .client-logo{
  width:42px!important;height:42px!important;min-width:42px!important;
  border:1px solid #000!important;
  border-radius:12px!important;
  background:#000!important;
  color:#fff!important;
  font-family:'Montserrat',sans-serif!important;
  font-size:12px!important;
  font-weight:900!important;
}
html[data-product="delivery"] .project-table .client-cell strong{
  margin:0 0 6px!important;
  color:#000!important;
  font-family:'Montserrat',sans-serif!important;
  font-size:17px!important;
  line-height:1.15!important;
  font-weight:900!important;
}
html[data-product="delivery"] .project-table .client-cell span{margin:0!important;color:var(--m2-muted)!important;font-size:10px!important;line-height:1.2!important}

/* status no topo direito, como o card de Clientes do Master */
html[data-product="delivery"] .project-table .status{
  position:absolute!important;
  top:20px!important;
  right:20px!important;
  max-width:108px!important;
  min-height:28px!important;
  padding:0 9px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid var(--m2-line)!important;
  border-radius:var(--m2-pill)!important;
  background:#f5f5f5!important;
  color:#525252!important;
  font-size:9px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:.25px!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html[data-product="delivery"] .project-table .status.ok{border-color:#bae6c7!important;background:#f0fdf4!important;color:#15803d!important}
html[data-product="delivery"] .project-table .status.waiting{border-color:#fde68a!important;background:#fffbeb!important;color:#b45309!important}
html[data-product="delivery"] .project-table .status.new{border-color:#d4d4d4!important;background:#f5f5f5!important;color:#525252!important}

html[data-product="delivery"] .project-table .progress-cell{grid-area:progress!important;display:block!important;padding:14px 14px 12px!important;border:1px solid var(--m2-line)!important;border-radius:12px!important;background:linear-gradient(180deg,#fafbfc,#f4f5f7)!important}
html[data-product="delivery"] .project-table .progress-cell::before{content:"PROGRESSO";display:block;margin-bottom:10px;color:var(--m2-muted);font-size:9px;font-weight:900;letter-spacing:.25px;text-transform:uppercase}
html[data-product="delivery"] .project-table .progress-cell strong{display:block!important;margin:0 0 11px!important;color:#000!important;font-family:'Montserrat',sans-serif!important;font-size:22px!important;line-height:1!important;font-weight:900!important}
html[data-product="delivery"] .project-table .progress-line{height:6px!important;border-radius:var(--m2-pill)!important;background:#e7e9ed!important}
html[data-product="delivery"] .project-table .progress-line i{background:#000!important;border-radius:var(--m2-pill)!important}

html[data-product="delivery"] .project-table .table-row>.muted{
  grid-area:manager!important;
  margin:0!important;
  padding:14px!important;
  display:block!important;
  border:1px solid var(--m2-line)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#fafbfc,#f4f5f7)!important;
  color:#000!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:800!important;
}
html[data-product="delivery"] .project-table .table-row>.muted::before{content:"RESPONSÁVEL";display:block;margin-bottom:10px;color:var(--m2-muted);font-size:9px;font-weight:900;letter-spacing:.25px;text-transform:uppercase}

html[data-product="delivery"] .project-table .table-row>div:nth-child(4){
  grid-area:delivery!important;
  padding:14px!important;
  border:1px solid var(--m2-line)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#fafbfc,#f4f5f7)!important;
}
html[data-product="delivery"] .project-table .table-row>div:nth-child(4)::before{content:"PRÓXIMA ENTREGA";display:block;margin-bottom:10px;color:var(--m2-muted);font-size:9px;font-weight:900;letter-spacing:.25px;text-transform:uppercase}
html[data-product="delivery"] .project-table .next-delivery{color:#000!important;font-size:12px!important;line-height:1.3!important;font-weight:800!important}
html[data-product="delivery"] .project-table .small{margin-top:5px!important;color:var(--m2-muted)!important;font-size:10px!important;line-height:1.3!important}

html[data-product="delivery"] .project-table .row-action{
  grid-area:action!important;
  justify-self:stretch!important;
  width:100%!important;
  height:42px!important;
  margin-top:16px!important;
  padding:0 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #000!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#000!important;
  font-size:0!important;
  font-weight:800!important;
  cursor:pointer!important;
  transition:.2s ease!important;
}
html[data-product="delivery"] .project-table .row-action::before{content:"Abrir projeto";font-size:12px!important}
html[data-product="delivery"] .project-table .row-action::after{content:"\f061";margin-left:8px;font-family:"Font Awesome 6 Free";font-size:11px;font-weight:900}
html[data-product="delivery"] .project-table .row-action:hover{background:#000!important;color:#fff!important}

/* --------------------- ABA CLIENTES: CARDS --------------------- */
html[data-product="delivery"] .admin-client-panel.card{
  padding:22px!important;
  border:1px solid var(--m2-line)!important;
  border-radius:var(--m2-radius)!important;
  background:#fff!important;
  box-shadow:var(--m2-elev-1)!important;
}
html[data-product="delivery"] .admin-client-list{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  margin-top:18px!important;
}
html[data-product="delivery"] .admin-client-row{
  min-height:178px!important;
  padding:20px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:space-between!important;
  gap:18px!important;
  border:1px solid var(--m2-line-strong)!important;
  border-radius:var(--m2-radius)!important;
  background:#fff!important;
  box-shadow:var(--m2-elev-1)!important;
  transition:transform .24s var(--m2-ease),box-shadow .24s var(--m2-ease),border-color .24s var(--m2-ease)!important;
}
html[data-product="delivery"] .admin-client-row:hover{transform:translateY(-3px)!important;box-shadow:var(--m2-elev-2)!important;border-color:#000!important}
html[data-product="delivery"] .admin-client-row>div{
  position:relative!important;
  min-height:74px!important;
  padding:0 0 16px 54px!important;
  border-bottom:1px solid var(--m2-line)!important;
  align-content:start!important;
}
html[data-product="delivery"] .admin-client-row>div::before{
  content:"M2";
  position:absolute;
  top:0;left:0;
  width:42px;height:42px;
  display:flex;align-items:center;justify-content:center;
  border-radius:12px;
  background:#000;color:#fff;
  font-family:'Montserrat',sans-serif;font-size:11px;font-weight:900;
}
html[data-product="delivery"] .admin-client-row strong{
  color:#000!important;
  font-family:'Montserrat',sans-serif!important;
  font-size:17px!important;
  line-height:1.2!important;
  font-weight:900!important;
}
html[data-product="delivery"] .admin-client-row span{margin-top:7px!important;color:var(--m2-muted)!important;font-size:10px!important;line-height:1.3!important}
html[data-product="delivery"] .row-delete{
  height:42px!important;
  padding:0 16px!important;
  align-self:flex-start!important;
  border:1px solid #dc2626!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#dc2626!important;
  font-size:12px!important;
  font-weight:800!important;
}
html[data-product="delivery"] .row-delete:hover{background:#dc2626!important;color:#fff!important}

/* Cards e superfícies secundárias */
html[data-product="delivery"] .card,
html[data-product="delivery"] .queue-list,
html[data-product="delivery"] .attention,
html[data-product="delivery"] .rocket-card,
html[data-product="delivery"] .access-requests{
  border-color:var(--m2-line)!important;
  border-radius:var(--m2-radius)!important;
  box-shadow:var(--m2-elev-1)!important;
}
html[data-product="delivery"] .count{border-radius:var(--m2-pill)!important;background:#f3f4f6!important;color:#111!important;font-size:10px!important;font-weight:900!important}

/* --------------------------- RESPONSIVO --------------------------- */
@media (max-width:1180px){
  html[data-product="delivery"] .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html[data-product="delivery"] .project-table{grid-template-columns:1fr!important}
}

@media (max-width:980px){
  .m2-delivery-sidebar-toggle{display:none!important}
  html[data-product="delivery"] .sidebar{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    padding:16px 18px!important;
    overflow:hidden!important;
  }
  html[data-product="delivery"] .app-shell{display:block!important}
  html[data-product="delivery"] .sidebar .brand{margin-bottom:12px!important;padding:0 6px 14px!important}
  html[data-product="delivery"] .menu-label{display:none!important}
  html[data-product="delivery"] .sidebar nav{display:flex!important;gap:5px!important;padding-bottom:2px!important;overflow-x:auto!important}
  html[data-product="delivery"] .sidebar nav a{width:auto!important;min-width:max-content!important;padding:0 12px!important}
  html[data-product="delivery"] .sidebar-bottom{display:none!important}
  html[data-product="delivery"] .content,
  html[data-product="delivery"] body:has(#m2-delivery-sidebar-state:checked) .content{width:100%!important;margin-left:0!important;padding:18px!important}
  html[data-product="delivery"] .topbar,
  html[data-product="delivery"] .content>.import-page .import-header{top:8px!important}
  html[data-product="delivery"] .admin-client-list{grid-template-columns:1fr!important}
}

@media (max-width:680px){
  html[data-product="delivery"] .content{padding:14px 12px 28px!important}
  html[data-product="delivery"] .topbar,
  html[data-product="delivery"] .content>.import-page .import-header{display:block!important;padding:16px!important}
  html[data-product="delivery"] .top-actions{margin-top:14px!important}
  html[data-product="delivery"] .metric-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
  html[data-product="delivery"] .metric{min-height:112px!important;padding:15px!important}
  html[data-product="delivery"] .metric-icon{width:36px!important;height:36px!important;margin-bottom:10px!important}
  html[data-product="delivery"] .metric strong{font-size:26px!important}
  html[data-product="delivery"] .project-table .table-row{
    min-height:0!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"client" "progress" "manager" "delivery" "action"!important;
    gap:10px!important;
    padding:16px!important;
  }
  html[data-product="delivery"] .project-table .client-cell{padding-right:0!important}
  html[data-product="delivery"] .project-table .status{position:static!important;grid-area:action!important;justify-self:start!important;margin:0 0 8px!important}
  html[data-product="delivery"] .project-table .row-action{margin-top:4px!important}
}