html,body,#root{width:100%;min-height:100%;margin:0}:root{--primary:#007a78;--primary-dark:#006462;--background:#f5f8f8;--surface:#fff;--text:#172024;--muted:#667277;--border:#dce5e5}body{background:var(--background);color:var(--text);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);z-index:100;width:250px;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{border-bottom:1px solid var(--border);flex-direction:column;justify-content:center;height:90px;padding:20px 24px;display:flex}.sidebar-brand strong{color:var(--primary);letter-spacing:.5px;font-size:24px}.sidebar-brand span{color:var(--muted);margin-top:3px;font-size:12px}.navigation{padding:18px 12px}.nav-link{color:#445054;border-radius:8px;align-items:center;gap:12px;margin-bottom:5px;padding:12px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{color:var(--primary);background:#edf5f5}.nav-link.active{background:var(--primary);color:#fff}.main-content{min-height:100vh;margin-left:250px}.mobile-header{display:none}.page-container{padding:32px}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header h1{margin:0;font-size:28px}.page-header p{color:var(--muted);margin:7px 0 0;font-size:14px}.dashboard-placeholder{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:30px}.dashboard-placeholder h2{margin-top:0}.dashboard-placeholder p{color:var(--muted)}@media (width<=768px){.mobile-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:200;justify-content:space-between;align-items:center;height:64px;padding:0 16px;display:flex;position:sticky;top:0}.mobile-header .brand{flex-direction:column;display:flex}.mobile-header .brand strong{color:var(--primary);font-size:20px}.mobile-header .brand span{color:var(--muted);font-size:10px}.menu-button{cursor:pointer;color:var(--text);background:0 0;border:0;padding:8px}.sidebar{width:250px;transition:left .2s;top:64px;left:-270px;box-shadow:4px 0 15px #00000014}.sidebar.sidebar-open{left:0}.sidebar-brand{display:none}.main-content{margin-left:0}.page-container{padding:20px 16px}.page-header h1{font-size:23px}}.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:14px;padding:20px;display:flex}.summary-icon{width:42px;height:42px;color:var(--primary);background:#eaf5f5;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.summary-card strong{color:var(--text);font-size:22px;display:block}.summary-card.warning{background:#fffaf1;border-color:#ead9b7}.summary-card.warning .summary-icon{color:#a66a00;background:#fff0d4}.summary-card.danger{background:#fff7f7;border-color:#ebcaca}.summary-card.danger .summary-icon{color:#b42318;background:#fde4e4}.dashboard-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.section-header{border-bottom:1px solid var(--border);padding:20px 22px}.table-wrapper{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:800px}.data-table th{color:#566267;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;background:#f7fafa;padding:13px 16px;font-size:12px;font-weight:600}.data-table td{white-space:nowrap;border-bottom:1px solid #edf1f1;padding:15px 16px;font-size:13px}.data-table tbody tr:hover{background:#fafcfc}.table-secondary{color:var(--muted);margin-top:3px;font-size:11px;display:block}.empty-state{text-align:center;color:var(--muted);padding:35px!important}.dashboard-error{color:#a21b1b;background:#fff4f4;border:1px solid #eccaca;border-radius:10px;flex-direction:column;gap:5px;padding:18px 20px;display:flex}.dashboard-error span{font-size:13px}@media (width<=1100px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.summary-grid{grid-template-columns:1fr}.summary-card{padding:17px}.summary-card strong{font-size:20px}.dashboard-section{margin-left:-2px;margin-right:-2px}}.dashboard-page{box-sizing:border-box;width:100%;max-width:none;margin:0;padding:28px 32px 40px}.dashboard-hero{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.dashboard-eyebrow{color:#008f89;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:800}.dashboard-hero h1{color:#101b26;letter-spacing:-1.1px;margin:0;font-size:clamp(30px,3vw,42px);font-weight:800;line-height:1.08}.dashboard-hero p{color:#6b7984;margin:10px 0 0;font-size:14px;line-height:1.55}.dashboard-date{color:#687781;white-space:nowrap;background:#fff;border:1px solid #e0e8ea;border-radius:12px;padding:10px 14px;font-size:12px;font-weight:700;box-shadow:0 5px 18px #0f172a0a}.dashboard-snapshot{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:28px;display:grid}.dashboard-stat-card{background:linear-gradient(#fff 0%,#fbfdfd 100%);border:1px solid #dfe7e9;border-radius:17px;min-height:142px;padding:21px;position:relative;overflow:hidden;box-shadow:0 3px 10px #0f172a06,0 12px 30px #0f172a0b}.dashboard-stat-card:after{content:"";background:#008f890e;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-40px;right:-28px}.dashboard-stat-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.dashboard-stat-icon{color:#00877f;background:#eef8f7;border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.dashboard-stat-label{color:#7a8790;letter-spacing:.7px;text-transform:uppercase;font-size:10px;font-weight:800}.dashboard-stat-value{color:#17232d;letter-spacing:-.6px;margin-top:14px;font-size:27px;font-weight:800;display:block}.dashboard-stat-meta{color:#81909a;margin-top:5px;font-size:11px;font-weight:600;display:block}.dashboard-stat-card.warning .dashboard-stat-icon{color:#b87800;background:#fff7e9}.dashboard-stat-card.warning:after{background:#b878000f}.dashboard-stat-card.danger .dashboard-stat-icon{color:#b52c22;background:#fff1ef}.dashboard-stat-card.danger:after{background:#b52c220e}.dashboard-stat-card.blue .dashboard-stat-icon{color:#3b67a8;background:#eef4ff}.dashboard-stat-card.blue:after{background:#3b67a80e}.dashboard-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.dashboard-module{background:#fff;border:1px solid #dfe7e9;border-radius:19px;min-height:280px;padding:24px;position:relative;overflow:hidden;box-shadow:0 3px 10px #0f172a06,0 14px 34px #0f172a0b}.dashboard-module:before{content:"";background:linear-gradient(90deg,#008f89,#67c7c1);width:100%;height:3px;position:absolute;top:0;left:0}.dashboard-module-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.dashboard-module-title{align-items:center;gap:12px;display:flex}.dashboard-module-icon{color:#00877f;background:#eef8f7;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.dashboard-module-title h2{color:#18242e;letter-spacing:-.25px;margin:0;font-size:18px;font-weight:800}.dashboard-module-title p{color:#81909a;margin:4px 0 0;font-size:11px;line-height:1.4}.dashboard-module-link{color:#007d76;white-space:nowrap;background:#f3faf9;border:1px solid #d7e9e7;border-radius:9px;justify-content:center;align-items:center;min-height:34px;padding:0 12px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}.dashboard-module-link:hover{background:#e6f5f3;border-color:#bfdfdc}.dashboard-module-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.dashboard-metric{background:#fafcfc;border:1px solid #edf1f2;border-radius:12px;padding:14px}.dashboard-metric span{color:#84919a;letter-spacing:.55px;text-transform:uppercase;font-size:9px;font-weight:800;display:block}.dashboard-metric strong{color:#202c36;margin-top:7px;font-size:17px;font-weight:800;display:block}.dashboard-metric.pending strong{color:#a46c00}.dashboard-metric.danger strong{color:#ad2d25}.dashboard-module-footer{border-top:1px solid #edf1f2;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding-top:15px;display:flex}.dashboard-module-footer span{color:#81909a;font-size:11px;font-weight:600}.dashboard-module-footer strong{color:#34414b;font-size:12px}.dashboard-shipment-module{border-top:2px solid #4f7fc4}.dashboard-shipment-icon{color:#3b67a8;background:#eef4ff}.dashboard-shipment-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-latest-heading{color:#34414b;letter-spacing:.55px;text-transform:uppercase;border-top:1px solid #edf1f2;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:15px;font-size:10px;font-weight:800;display:flex}.dashboard-latest-heading span:last-child{color:#8a969f;letter-spacing:0;text-transform:none;font-size:9px;font-weight:700}.dashboard-latest-shipments{border:1px solid #edf1f2;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.dashboard-latest-shipment{color:inherit;background:#fff;border-bottom:1px solid #eef2f3;justify-content:space-between;align-items:center;gap:16px;padding:11px 13px;text-decoration:none;transition:background .16s;display:flex}.dashboard-latest-shipment:last-child{border-bottom:none}.dashboard-latest-shipment:hover{background:#f8fbff}.dashboard-latest-shipment-main,.dashboard-latest-shipment-side{min-width:0}.dashboard-latest-shipment-main strong,.dashboard-latest-shipment-side strong{color:#1c2933;font-size:11px;font-weight:800;display:block}.dashboard-latest-shipment-main span,.dashboard-latest-shipment-side span{color:#8a969f;margin-top:3px;font-size:9px;font-weight:600;display:block}.dashboard-latest-shipment-side{text-align:right;flex:none}.dashboard-shipment-empty{border:1px solid #edf1f2;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:66px;padding:18px 10px;display:flex}.dashboard-supplier-section{background:#fff;border:1px solid #dfe7e9;border-radius:19px;margin-top:20px;padding:24px;box-shadow:0 3px 10px #0f172a06,0 14px 34px #0f172a0b}.dashboard-table-wrap{border:1px solid #edf1f2;border-radius:13px;width:100%;overflow-x:auto}.dashboard-table{border-collapse:collapse;width:100%;min-width:820px}.dashboard-table th{color:#7c8992;letter-spacing:.65px;text-align:left;text-transform:uppercase;background:#f8fafb;border-bottom:1px solid #e7edef;padding:13px 15px;font-size:9px;font-weight:800}.dashboard-table td{color:#3b4852;border-bottom:1px solid #eef2f3;padding:14px 15px;font-size:12px;font-weight:600}.dashboard-table tbody tr:last-child td{border-bottom:none}.dashboard-table tbody tr:hover{background:#fbfdfd}.dashboard-table td strong{color:#1c2933;font-weight:750}.dashboard-table-secondary{color:#8a969f;margin-top:3px;font-size:10px;font-weight:600;display:block}.dashboard-empty{text-align:center;color:#7d8b94;padding:28px;font-size:13px}.dashboard-loading,.dashboard-error{color:#6f7e88;text-align:center;background:#fff;border:1px solid #dfe7e9;border-radius:16px;padding:34px}.dashboard-error{color:#a52820;background:#fff6f5;border-color:#f0c5c2}.dashboard-error strong{margin-bottom:5px;display:block}@media (width<=1200px){.dashboard-snapshot{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.dashboard-page{padding:22px 20px 32px}.dashboard-hero{flex-direction:column;align-items:flex-start}.dashboard-section-grid{grid-template-columns:1fr}}@media (width<=600px){.dashboard-snapshot{grid-template-columns:1fr}.dashboard-page{padding:18px 14px 28px}.dashboard-module,.dashboard-supplier-section{padding:18px}.dashboard-module-header{flex-direction:column}.dashboard-module-metrics,.dashboard-shipment-metrics{grid-template-columns:1fr}.dashboard-latest-shipment{flex-direction:column;align-items:flex-start;gap:7px}.dashboard-latest-shipment-side{text-align:left;width:100%}.dashboard-date{box-sizing:border-box;width:100%}}.supplier-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:22px;margin-top:28px;display:grid}.supplier-card{background:linear-gradient(#fff 0%,#fbfdfd 100%);border:1px solid #dce5e7;border-radius:16px;padding:24px;transition:transform .22s,box-shadow .22s,border-color .22s;position:relative;overflow:hidden;box-shadow:0 2px 6px #0f172a06,0 8px 24px #0f172a0b}.supplier-card:before{content:"";opacity:0;background:linear-gradient(90deg,#008f89 0%,#00a39b 50%,#7acdc7 100%);height:3px;transition:opacity .22s;position:absolute;top:0;left:0;right:0}.supplier-card:hover{border-color:#c8dddd;transform:translateY(-3px);box-shadow:0 6px 14px #0f172a0d,0 16px 32px #0f172a13}.supplier-card:hover:before{opacity:1}.supplier-card-header{border-bottom:1px solid #edf1f2;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:19px;display:flex}.supplier-card-header h2{color:#14202b;letter-spacing:-.2px;margin:0;font-size:20px;font-weight:700;line-height:1.25}.supplier-code{color:#71808c;letter-spacing:.35px;margin:7px 0 0;font-size:12px;font-weight:600}.status-badge{color:#5c6872;letter-spacing:.2px;background:#f1f4f5;border:1px solid #e2e7e9;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-height:28px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex}.status-badge.active{color:#00867f;background:#e7f7f4;border-color:#c9ebe6}.supplier-details{grid-template-columns:1fr 1fr;gap:0;padding:4px 0;display:grid}.supplier-details div{flex-direction:column;gap:5px;min-height:66px;padding:15px 0;display:flex}.supplier-details div:nth-child(odd){padding-right:18px}.supplier-details div:nth-child(2n){border-left:1px solid #eef2f3;padding-left:18px}.supplier-details span{color:#84919b;text-transform:uppercase;letter-spacing:.55px;font-size:10px;font-weight:700}.supplier-details strong{color:#202b35;word-break:break-word;font-size:13px;font-weight:650;line-height:1.35}.supplier-card-footer{border-top:1px solid #edf1f2;justify-content:flex-end;align-items:center;margin-top:4px;padding-top:17px;display:flex}.supplier-card-footer .secondary-button{min-width:128px}.primary-button,.secondary-button{cursor:pointer;border-radius:9px;padding:10px 17px;font-family:inherit;font-size:13px;font-weight:700;line-height:1;text-decoration:none;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}.primary-button{color:#fff;background:linear-gradient(135deg,#008f89 0%,#00827c 100%);border:1px solid #00827c;justify-content:center;align-items:center;min-width:180px;min-height:50px;padding:0 27px;display:inline-flex;box-shadow:0 4px 10px #00898129,inset 0 1px #ffffff24}.primary-button:hover{background:linear-gradient(135deg,#007f79 0%,#006f69 100%);border-color:#006f69;transform:translateY(-1px);box-shadow:0 7px 16px #007d7633,inset 0 1px #ffffff1f}.primary-button:active{transform:translateY(0);box-shadow:0 3px 7px #007d7626}.secondary-button{color:#007d76;background:#f0f8f7;border:1px solid #cde7e4;justify-content:center;align-items:center;min-height:38px;display:inline-flex;box-shadow:0 1px 2px #0f172a06}.secondary-button:hover{background:#e5f4f2;border-color:#b9ddd9;transform:translateY(-1px);box-shadow:0 3px 8px #007d7614}.page-header{justify-content:center;align-items:center;min-height:72px;margin-bottom:24px;display:flex;position:relative}.page-header>div{position:absolute;top:50%;left:0;transform:translateY(-50%)}.page-header h1{color:#101b26;letter-spacing:-.5px;margin-bottom:4px;font-weight:750}.page-header p{color:#687784}.suppliers-page-header{justify-content:flex-end}.suppliers-page-header>div:first-child{position:absolute;top:50%;left:0;transform:translateY(-50%)}.suppliers-page-header>div:last-child{align-items:center;gap:10px;margin-left:auto;display:flex;position:static;top:auto;left:auto;transform:none}.loading-state,.empty-state{text-align:center;color:#667580;background:#fff;border:1px solid #dfe7e9;border-radius:14px;margin-top:24px;padding:34px 24px;box-shadow:0 4px 14px #0f172a09}.empty-state{grid-column:1/-1}.error-box{color:#a5231c;background:linear-gradient(#fff7f6 0%,#fff3f2 100%);border:1px solid #f0c3c0;border-radius:11px;margin-top:24px;padding:17px 18px;box-shadow:0 3px 10px #a5231c09}@media (width<=900px){.page-header{justify-content:flex-end;gap:20px;min-height:auto}.page-header>div{margin-right:auto;position:static;transform:none}.suppliers-page-header>div:first-child{margin-right:auto}.suppliers-page-header>div:last-child{margin-left:0}.page-header .primary-button{min-width:160px}}@media (width<=700px){.supplier-grid,.supplier-details{grid-template-columns:1fr}.supplier-details div:nth-child(2n){border-left:none;padding-left:0}.supplier-details div:nth-child(odd){padding-right:0}.page-header{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:16px}.page-header>div{margin-right:0;position:static}.suppliers-page-header>div:last-child{margin-left:0}.page-header .primary-button{width:100%;min-width:0}.supplier-card{padding:20px}}.add-supplier-page{box-sizing:border-box;min-height:100%;padding:28px 40px 50px}.add-supplier-topbar{margin-bottom:20px}.back-link{color:#007f7c;font-size:14px;font-weight:600;text-decoration:none}.add-supplier-header{margin-bottom:22px}.add-supplier-header .eyebrow{color:#008f8c;letter-spacing:.12em;margin-bottom:7px;font-size:11px;font-weight:700}.add-supplier-header h1{color:#0f172a;margin:0;font-size:30px;line-height:1.15}.add-supplier-header p{color:#64748b;margin:7px 0 0;font-size:14px}.add-supplier-card{background:#fff;border:1px solid #dbe3e6;border-radius:14px;max-width:1050px;margin:0 auto;overflow:hidden;box-shadow:0 5px 18px #0f172a0d}.section-heading{border-bottom:1px solid #e2e8f0;padding:22px 26px 20px}.section-heading h2{color:#0f172a;margin:0;font-size:20px}.section-heading p{color:#64748b;margin:5px 0 0;font-size:13px}.form-field{min-width:0}.form-field label{color:#334155;margin-bottom:7px;font-size:13px;font-weight:600;display:block}.form-field input,.form-field select,.form-field textarea{box-sizing:border-box;color:#0f172a;width:100%;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-field input,.form-field select{height:44px;padding:0 12px}.form-field textarea{resize:vertical;min-height:92px;padding:11px 12px}.form-footer{background:#f8fafb;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:18px 26px;display:flex}.form-footer .primary-button,.form-footer .secondary-button{box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}.form-footer .primary-button:disabled{opacity:.65;cursor:not-allowed}.add-supplier-alert{border-radius:9px;flex-direction:column;gap:3px;max-width:1050px;margin:0 auto 18px;padding:13px 16px;font-size:13px;display:flex}.add-supplier-alert.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.add-supplier-alert.success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}@media (width<=760px){.add-supplier-page{padding:22px 16px 40px}.form-grid{grid-template-columns:1fr}.form-field.full-width{grid-column:auto}.form-footer{flex-direction:column-reverse}.form-footer .primary-button,.form-footer .secondary-button{width:100%}}.supplier-orders-page{color:#17202a;background:#f5f8f8;min-height:100vh;padding:30px 34px 60px}.supplier-orders-topbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.back-link{color:#007f7b;align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.back-link:hover{color:#005f5c}.back-arrow{font-size:20px;line-height:1}.new-order-button{color:#fff;background:#008c87;border:1px solid #008c87;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 18px;font-size:14px;font-weight:700;text-decoration:none;transition:background .18s,transform .18s,box-shadow .18s;display:inline-flex}.new-order-button span{font-size:19px;line-height:1}.new-order-button:hover{color:#fff;background:#00736f;border-color:#00736f;transform:translateY(-1px);box-shadow:0 5px 14px #0069652e}.empty-button{margin-top:18px}.supplier-hero{background:#fff;border:1px solid #dbe4e5;border-radius:14px;margin-bottom:22px;padding:24px 26px;box-shadow:0 2px 5px #16282b08,0 8px 24px #16282b0a}.supplier-hero-main{align-items:center;gap:18px;display:flex}.supplier-avatar{color:#007f7b;background:#e7f5f4;border-radius:14px;flex:0 0 58px;justify-content:center;align-items:center;width:58px;height:58px;font-size:24px;font-weight:800;display:flex}.supplier-heading{min-width:0}.supplier-name-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.supplier-name-row h1{color:#111c24;margin:0;font-size:27px;font-weight:750;line-height:1.2}.supplier-status{color:#5f6b70;background:#f0f2f3;border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.supplier-status.active{color:#087a69;background:#e3f6f1}.supplier-subtitle{color:#65757b;flex-wrap:wrap;align-items:center;gap:7px;margin:7px 0 0;font-size:14px;display:flex}.supplier-subtitle span:first-child{color:#52636a;font-weight:650}.dot-separator{color:#a1abad}.financial-overview-heading{margin:4px 0 14px}.financial-overview-heading h2{color:#152129;margin:0;font-size:20px;font-weight:750;line-height:1.25}.financial-overview-heading p{color:#718085;margin:5px 0 0;font-size:13px}.orders-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:28px;display:grid}.stat-card{background:#fff;border:1px solid #dce5e6;border-radius:13px;align-items:center;gap:14px;min-height:108px;padding:18px;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 2px 5px #16282b06}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #16282b12}.stat-icon{border-radius:11px;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;font-size:19px;font-weight:800;display:flex}.orders-icon{color:#008580;background:#e8f5f4}.deposit-icon{color:#007d78;background:#edf7f6}.pending-icon{color:#b87900;background:#fff4df}.completed-icon{color:#17814f;background:#e7f7ee}.silver-icon{color:#5c666b;background:#f1f3f4}.stat-content{flex-direction:column;min-width:0;display:flex}.stat-label{color:#6a797e;white-space:nowrap;font-size:12px;font-weight:600}.stat-value{color:#162127;white-space:nowrap;margin-top:3px;font-size:21px;font-weight:750;line-height:1.25}.stat-helper{color:#9aa6aa;margin-top:3px;font-size:11px}.warning-card{border-color:#eadfc7}.silver-card{border-color:#dfe3e4}.orders-section{background:#fff;border:1px solid #dbe4e5;border-radius:14px;overflow:hidden;box-shadow:0 2px 5px #16282b06,0 8px 25px #16282b09}.orders-section-header{border-bottom:1px solid #e2e8e9;justify-content:space-between;align-items:center;min-height:84px;padding:18px 24px;display:flex}.orders-section-header h2{color:#152129;margin:0;font-size:20px;font-weight:750}.orders-section-header p{color:#718085;margin:5px 0 0;font-size:13px}.order-count{color:#007e79;background:#eef6f5;border-radius:999px;align-items:center;padding:7px 11px;font-size:12px;font-weight:700;display:inline-flex}.orders-table-container{width:100%}.orders-table-scroll{width:100%;overflow-x:auto}.orders-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:980px}.orders-table thead{background:#f7f9f9}.orders-table th{color:#6b797e;text-align:left;letter-spacing:.045em;white-space:nowrap;border-bottom:1px solid #dfe6e7;padding:13px 18px;font-size:11px;font-weight:750}.orders-table td{vertical-align:middle;color:#334147;border-bottom:1px solid #edf1f2;padding:17px 18px;font-size:13px}.order-number-cell{align-items:center;gap:11px;display:flex}.order-mini-icon{color:#00827d;background:#eaf5f4;border-radius:8px;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:flex}.order-number-cell strong{color:#17242b;font-size:13px;font-weight:750;display:block}.order-number-link{color:#007f79;font-weight:750;text-decoration:none}.order-number-link strong{color:#007f79;font-weight:750}.order-number-link:hover strong{color:#007f79;text-decoration:underline}.order-number-cell span{color:#9aa6aa;margin-top:3px;font-size:10px;display:block}.date-cell{color:#4d5c62;white-space:nowrap;font-size:13px;font-weight:550}.description-cell{max-width:220px}.description-cell span{color:#4b5a60;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.muted{color:#a0abad!important}.weight-cell{white-space:nowrap;align-items:baseline;gap:5px;display:flex}.weight-cell strong{color:#1c292f;font-size:14px;font-weight:700}.weight-cell span{color:#7a878b;font-size:12px}.deposit-cell{white-space:nowrap;flex-direction:column;display:flex}.deposit-cell strong{color:#16252a;font-size:14px;font-weight:750}.deposit-cell span{color:#98a3a7;margin-top:3px;font-size:10px}.order-status{color:#68757a;white-space:nowrap;background:#f0f2f3;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-dot{background:#7d898d;border-radius:50%;width:6px;height:6px}.order-status.pending{color:#a66a00;background:#fff5e2}.order-status.pending .status-dot{background:#d28a00}.order-status.completed{color:#14784c;background:#e6f7ee}.order-status.completed .status-dot{background:#19965d}.order-status.cancelled{color:#b73b3b;background:#fdeaea}.order-status.cancelled .status-dot{background:#d84a4a}.action-column{text-align:right!important}.orders-table td:last-child{text-align:right}.open-order-button{color:#007c77;white-space:nowrap;background:#f1f9f8;border:1px solid #bfe0de;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:35px;padding:0 12px;font-size:12px;font-weight:700;text-decoration:none;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.open-order-button span{font-size:15px}.open-order-button:hover{color:#fff;background:#008c87;border-color:#008c87}.orders-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:350px;padding:50px 25px;display:flex}.empty-order-icon{color:#008580;background:#e9f5f4;border-radius:16px;justify-content:center;align-items:center;width:62px;height:62px;margin-bottom:16px;font-size:27px;font-weight:700;display:flex}.orders-empty p{color:#748186;max-width:450px;margin:8px 0 0;font-size:13px;line-height:1.6}.orders-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:420px;display:flex}.orders-loading h3{color:#26343a;margin:0;font-size:17px}.orders-loading p{color:#7c898e;margin:6px 0 0;font-size:13px}@keyframes supplierOrdersSpin{to{transform:rotate(360deg)}}.orders-error{color:#8f2929;background:#fff5f5;border:1px solid #efcccc;border-radius:12px;align-items:flex-start;gap:15px;padding:22px;display:flex}.error-icon{color:#c33b3b;background:#fbdede;border-radius:50%;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;font-weight:800;display:flex}.orders-error h3{color:#9c2e2e;margin:2px 0 5px;font-size:15px}.orders-error p{color:#a64c4c;margin:0;font-size:13px}.retry-button{color:#9d3131;cursor:pointer;background:#fff;border:1px solid #d9a8a8;border-radius:7px;margin-top:13px;padding:8px 13px;font-size:12px;font-weight:700}.orders-empty-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.orders-empty-page h3{margin:0;font-size:20px}.orders-empty-page p{color:#718085;margin:7px 0 18px;font-size:14px}@media (width<=1200px){.orders-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=800px){.supplier-orders-page{padding:22px 18px 45px}.supplier-orders-topbar{align-items:flex-start;gap:15px}.supplier-hero{padding:20px}.supplier-hero-main{align-items:flex-start}.supplier-name-row h1{font-size:23px}.orders-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.supplier-orders-page{padding:18px 12px 35px}.supplier-orders-topbar{flex-direction:column;align-items:stretch}.new-order-button{width:100%}.supplier-hero-main{flex-direction:column}.supplier-avatar{flex-basis:50px;width:50px;height:50px}.supplier-name-row{flex-direction:column;align-items:flex-start;gap:7px}.orders-stats-grid{grid-template-columns:1fr}.orders-section-header{padding:17px}}.order-number-link{color:inherit;cursor:pointer;text-decoration:none}.order-number-link:hover{text-decoration:underline}.orders-page{padding-bottom:40px}.orders-page-header{margin-bottom:22px}.orders-summary{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.order-summary-card{box-sizing:border-box;background:linear-gradient(#fff 0%,#fbfdfd 100%);border:1px solid #dce5e7;border-radius:13px;min-height:108px;padding:18px 20px;box-shadow:0 2px 7px #0f172a06,0 8px 20px #0f172a09}.order-summary-card span{color:#71808b;text-transform:uppercase;letter-spacing:.55px;font-size:11px;font-weight:700;display:block}.order-summary-card strong{color:#00877f;margin-top:7px;font-size:25px;line-height:1;display:block}.order-summary-card small{color:#91a0aa;margin-top:8px;font-size:11px;display:block}.order-summary-card.warning{background:linear-gradient(#fffdf8 0%,#fff9ed 100%);border-color:#f1d9a8}.order-summary-card.warning strong{color:#c17800}.order-summary-card.success{background:linear-gradient(#fff 0%,#f5fcf8 100%);border-color:#cce9dc}.order-summary-card.success strong{color:#00877f}.orders-panel{background:#fff;border:1px solid #dce5e7;border-radius:14px;overflow:hidden;box-shadow:0 2px 7px #0f172a06,0 10px 25px #0f172a0a}.orders-panel-header{border-bottom:1px solid #e6ecee;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.orders-panel-header h2{color:#14202b;margin:0;font-size:20px;font-weight:750}.orders-panel-header p{color:#7b8993;margin:5px 0 0;font-size:12px}.orders-filters{align-items:center;gap:10px;display:flex}.orders-search input,.orders-filters select{box-sizing:border-box;color:#24313b;height:40px;font:inherit;background:#fff;border:1px solid #cfdadd;border-radius:8px;outline:none;font-size:13px}.orders-search input{width:245px;padding:0 12px}.orders-filters select{min-width:145px;padding:0 10px}.orders-search input:focus,.orders-filters select:focus{border-color:#008f89;box-shadow:0 0 0 3px #008f8914}.orders-table-wrapper{width:100%;overflow-x:auto}.orders-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1500px}.orders-table th{color:#667680;letter-spacing:.5px;text-align:left;white-space:nowrap;background:#f7f9fa;border-bottom:1px solid #dfe7e9;padding:13px 14px;font-size:10px;font-weight:750}.orders-table td{color:#394752;white-space:nowrap;vertical-align:middle;border-bottom:1px solid #edf1f2;padding:15px 14px;font-size:12px}.orders-table tbody tr{transition:background .15s}.orders-table tbody tr:hover{background:#fbfdfd}.orders-table tbody tr:last-child td{border-bottom:none}.order-number-cell,.supplier-cell{flex-direction:column;gap:4px;display:flex}.order-number-cell strong{color:#007f79;font-size:13px;font-weight:750}.order-number-link{text-decoration:none}.order-number-link:hover strong{text-decoration:underline}.order-number-cell span,.supplier-cell span{color:#94a0a9;font-size:10px}.supplier-cell strong{color:#1f2c36;font-size:12px}.amount-warning{color:#bf7600}.amount-danger{color:#c62828}.amount-zero{color:#00877f}.orders-table td:nth-child(4),.orders-table td:nth-child(5),.orders-table td:nth-child(6){color:#263640;font-weight:650}.order-status{color:#5d6871;background:#f1f4f5;border:1px solid #dce4e6;border-radius:999px;align-items:center;min-height:27px;padding:0 10px;font-size:10px;font-weight:750;display:inline-flex}.order-status:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;margin-right:6px}.order-status.pending{color:#b87400;background:#fff8e9;border-color:#f1d8a3}.order-status.started,.order-status.in-progress{color:#176b85;background:#edf8fc;border-color:#cce7ef}.order-status.done{color:#7256a3;background:#f5f0fb;border-color:#e2d7f1}.order-status.completed{color:#008276;background:#eaf8f5;border-color:#c8e9e3}.order-status.cancelled{color:#b52b2b;background:#fff1f1;border-color:#f0c9c9}.order-open-button{box-sizing:border-box;color:#007c75;background:#f0f8f7;border:1px solid #c7e3e0;border-radius:8px;justify-content:center;align-items:center;min-width:105px;min-height:34px;padding:0 11px;font-size:11px;font-weight:750;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.order-open-button:hover{background:#e3f4f2;border-color:#afd9d5;transform:translateY(-1px)}.orders-loading,.orders-empty{text-align:center;color:#6e7c86;padding:55px 24px}.orders-empty h3{color:#26343e;margin:0;font-size:16px}.orders-empty p{margin:7px 0 0;font-size:13px}.orders-error{color:#a5231c;background:#fff5f4;border:1px solid #f0c3c0;border-radius:11px;margin-bottom:20px;padding:16px 18px}.orders-error strong{font-size:13px;display:block}.orders-error p{margin:5px 0 12px;font-size:12px}.orders-error .secondary-button{cursor:pointer}@media (width<=1100px){.orders-summary{grid-template-columns:repeat(2,1fr)}.orders-panel-header{flex-direction:column;align-items:flex-start}.orders-filters{width:100%}.orders-search{flex:1}.orders-search input{width:100%}}@media (width<=650px){.orders-summary{grid-template-columns:1fr}.orders-filters{flex-direction:column;align-items:stretch}.orders-search input,.orders-filters select{width:100%}}.create-order-supplier{background:#fff;border:1px solid #d9e1e3;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;padding:22px;display:grid;box-shadow:0 2px 8px #0000000a}.create-order-supplier>div{flex-direction:column;gap:6px;display:flex}.create-order-supplier span{color:#64748b;font-size:13px}.create-order-supplier strong{color:#10212b;font-size:15px}.create-order-card{background:#fff;border:1px solid #d9e1e3;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:28px;display:grid}.form-field label span{color:#d92d20;margin-left:4px}.form-field input,.form-field select,.form-field textarea{box-sizing:border-box;color:#17252d;background:#fff;border:1px solid #cbd5d9;border-radius:8px;outline:none;width:100%;padding:11px 13px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-field input,.form-field select{min-height:44px}.form-field textarea{resize:vertical;min-height:120px}.form-field input::placeholder,.form-field textarea::placeholder{color:#94a3b8}.form-actions{background:#fafcfc;border-top:1px solid #e2e8ea;justify-content:flex-end;align-items:center;gap:12px;padding:20px 28px;display:flex}.primary-button,.secondary-button{cursor:pointer;box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,transform 50ms;display:inline-flex}.primary-button{color:#fff;background:#008b87;border:1px solid #008b87}.primary-button:hover{background:#007873;border-color:#007873}.primary-button:active{transform:translateY(1px)}.primary-button:disabled{opacity:.65;cursor:not-allowed}.secondary-button{color:#006f6c;background:#fff;border:1px solid #b9c7cb}.secondary-button:hover{background:#f0f8f8;border-color:#008b87}.back-link{color:#008b87;align-items:center;margin-bottom:12px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}@media (width<=900px){.create-order-supplier,.form-grid{grid-template-columns:1fr}.form-field.full-width{grid-column:auto}}@media (width<=600px){.form-grid{padding:20px}.form-actions{flex-direction:column-reverse;align-items:stretch;padding:16px 20px}.form-actions .primary-button,.form-actions .secondary-button{width:100%}}.field-helper{color:#648096;margin-top:6px;font-size:12px;line-height:1.45;display:block}.field-error{color:#c62828;font-weight:600}.deposit-preview-field{align-self:start}.readonly-financial-value{color:#007f7c;background:#f4f8f8;border:1px solid #cbd8dc;border-radius:8px;align-items:center;min-height:44px;padding:0 14px;font-size:18px;font-weight:700;display:flex}.order-details-page{color:#10212b;max-width:1180px;margin:0 auto;padding:28px 32px 60px}.order-page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.back-link{color:#007f7d;align-items:center;margin-bottom:12px;font-weight:600;text-decoration:none;display:inline-flex}.order-title-row{align-items:flex-start;gap:20px;display:flex}.eyebrow{color:#6c7c85;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:13px;font-weight:700}.order-title-row h1{color:#007c7a;margin:0;font-size:32px;line-height:1.15}.order-title-row p{color:#687780;margin:7px 0 0;font-size:15px}.header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.primary-button,.secondary-button,.danger-button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:0 18px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.primary-button{color:#fff;background:#008b88;border-color:#008b88}.secondary-button{color:#006d6b;background:#eef5f5;border-color:#d5e4e4}.secondary-button:hover{background:#e3eeee}.danger-button{color:#b42318;background:#fff0f0;border-color:#f3cccc}.danger-button:hover{background:#ffe3e3}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{opacity:.55;cursor:not-allowed}.order-status{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:5px 12px;font-size:13px;font-weight:700;display:inline-flex}.order-status.pending{color:#956000;background:#fff5df;border:1px solid #f0d49d}.order-status.completed{color:#087f5b;background:#e7f7f1;border:1px solid #b8e4d4}.order-status.cancelled{color:#b42318;background:#fff0f0;border:1px solid #f0c4c4}.order-alert{border-radius:10px;margin-bottom:20px;padding:15px 18px}.order-alert strong{margin-bottom:4px;font-size:15px;display:block}.order-alert p{margin:0}.order-alert.error{color:#b42318;background:#fff3f3;border:1px solid #f2bcbc}.order-alert.success{color:#087f5b;background:#eefaf6;border:1px solid #bce5d6}.dashboard-card{background:#fff;border:1px solid #d9e3e5;border-radius:14px;margin-bottom:22px;overflow:hidden;box-shadow:0 4px 16px #0f232d0b}.card-heading{border-bottom:1px solid #e4eaec;padding:20px 22px}.card-heading-actions{justify-content:space-between;align-items:center;gap:20px;display:flex}.card-heading h2{color:#10212b;margin:0;font-size:21px}.card-heading p{color:#6a7b83;margin:5px 0 0;font-size:14px}.info-grid{grid-template-columns:repeat(3,1fr);gap:14px;padding:20px;display:grid}.info-box{background:#f5f8f8;border-radius:10px;min-height:82px;padding:16px}.info-box span{color:#667982;margin-bottom:7px;font-size:12px;display:block}.info-box strong{color:#10212b;font-size:15px}.status-editor{grid-column:span 2}.status-editor-row{align-items:center;gap:10px;display:flex}.status-editor-row select{flex:1}.metric-card{background:#fff;border:1px solid #d9e3e5;border-radius:14px;min-height:120px;padding:20px;box-shadow:0 4px 14px #0f232d09}.metric-card>span{color:#687980;margin-bottom:9px;font-size:13px;display:block}.metric-card strong{color:#007c7a;font-size:27px;line-height:1.2;display:block}.metric-card small{color:#718087;margin-top:8px;line-height:1.45;display:block}.metric-card.warning{background:#fff9ef;border-color:#efd39d}.metric-card.warning strong{color:#b86b00}.metric-card.danger{background:#fff4f4;border-color:#efc1c1}.metric-card.danger strong{color:#b42318}.detail-form-grid{grid-template-columns:1fr 1fr;gap:16px;padding:20px;display:grid}.detail-field-group label{color:#233842;margin-bottom:7px;font-size:13px;font-weight:700;display:block}.detail-field-group input,.detail-field-group select,.status-editor-row select,.description-editor{box-sizing:border-box;color:#10212b;background:#fff;border:1px solid #cbd9dc;border-radius:8px;outline:none;width:100%;min-height:44px;padding:0 12px;font-size:14px}.detail-field-group input:focus,.detail-field-group select:focus,.status-editor-row select:focus,.description-editor:focus{border-color:#008b88;box-shadow:0 0 0 3px #008b881a}.input-with-select{grid-template-columns:1fr 130px;gap:8px;display:grid}.input-with-select input,.input-with-select select{min-width:0}.calculation-box{background:#f7faf9;border:1px solid #d8e4e6;border-radius:10px;margin:0 20px 18px;overflow:hidden}.calculation-row{border-bottom:1px solid #e1e9e9;justify-content:space-between;align-items:center;gap:20px;padding:11px 13px;font-size:14px;display:flex}.calculation-row:last-child{border-bottom:none}.calculation-row span{color:#526870}.calculation-row strong{color:#007c7a}.calculation-row.highlight{background:#eef9f8}.calculation-row.highlight span,.calculation-row.highlight strong{font-weight:800}.pending-banner{background:#eef9f8;border:1px solid #b8dfdf;border-radius:11px;margin:0 20px 20px;padding:18px}.pending-banner span{color:#006e6b;font-size:13px;font-weight:700;display:block}.pending-banner strong{color:#007c7a;margin-top:4px;font-size:28px;display:block}.pending-banner small{color:#5d7279;margin-top:5px;display:block}.description-editor{resize:vertical;width:calc(100% - 40px);min-height:130px;margin:20px;padding:13px;display:block}.description-actions{justify-content:flex-end;padding:0 20px 20px;display:flex}.deposit-status-banner{color:#006e6b;background:#eef9f8;border:1px solid #c3e2e1;border-radius:10px;align-items:center;gap:13px;margin-bottom:22px;padding:15px 18px;display:flex}.deposit-status-banner>span{font-size:20px;font-weight:800}.deposit-status-banner strong{display:block}.deposit-status-banner p{color:#61747a;margin:3px 0 0;font-size:13px}.deposit-status-banner:has(strong){min-height:48px}.payment-summary{grid-template-columns:repeat(3,1fr);gap:12px;padding:20px;display:grid}.payment-summary>div{background:#f5f8f8;border:1px solid #dbe5e6;border-radius:9px;padding:13px}.payment-summary span{color:#667982;margin-bottom:5px;font-size:12px;display:block}.payment-summary strong{color:#007c7a;font-size:18px}.table-wrapper{padding:0 20px 20px;overflow-x:auto}.payment-table{border-collapse:collapse;width:100%;min-width:760px}.payment-table th{text-align:left;color:#233842;white-space:nowrap;background:#edf3f3;padding:12px;font-size:13px}.payment-table td{color:#263a43;border-bottom:1px solid #e5ebec;padding:12px;font-size:13px}.payment-id{color:#007c7a;background:#eaf3f3;border-radius:6px;padding:5px 8px;font-weight:700;display:inline-flex}.history-empty{text-align:center;color:#687980;padding:45px 20px 50px}.history-empty-icon{color:#007c7a;background:#eef7f7;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 12px;font-size:20px;font-weight:800;display:flex}.history-empty h3{color:#243842;margin:0}.history-empty p{margin:7px 0 0}.order-loading,.order-empty,.order-error{text-align:center;background:#fff;border:1px solid #d9e3e5;border-radius:14px;padding:50px 30px}.order-loading h3{margin:15px 0 5px}.order-loading p{color:#718087;margin:0}.loading-spinner{border:3px solid #d8e5e5;border-top-color:#008b88;border-radius:50%;width:30px;height:30px;margin:0 auto;animation:.8s linear infinite orderSpin}@keyframes orderSpin{to{transform:rotate(360deg)}}.order-error{color:#b42318}.order-error strong{margin-bottom:7px;display:block}.order-error p{margin:0 0 18px}@media (width<=1000px){.order-details-page{padding:22px}.summary-grid,.info-grid{grid-template-columns:repeat(2,1fr)}.status-editor{grid-column:span 2}}@media (width<=760px){.order-details-page{padding:16px}.order-page-header{flex-direction:column}.header-actions{width:100%}.order-title-row{flex-direction:column;gap:10px}.summary-grid,.detail-form-grid,.payment-summary,.info-grid{grid-template-columns:1fr}.status-editor{grid-column:auto}.status-editor-row{flex-direction:column;align-items:stretch}.card-heading-actions{flex-direction:column;align-items:flex-start}.input-with-select{grid-template-columns:1fr}}.actual-silver-field{position:relative}.field-label-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.field-label-row label{margin-bottom:0}.saved-lock-badge{color:#007f7c;white-space:nowrap;background:#e8f7f4;border:1px solid #b8e5df;border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:12px;font-weight:700;display:inline-flex}.actual-silver-field input:disabled,.actual-silver-field select:disabled{color:#34495e;cursor:not-allowed;opacity:1;background:#f1f5f6}.actual-silver-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.actual-silver-actions small{flex:100%;margin:0}.actual-silver-actions .primary-button,.actual-silver-actions .secondary-button{margin-top:2px}.add-deposit-panel{background:#f2fbfa;border:1px solid #b9e2de;border-radius:12px;margin:18px 0;padding:18px}.add-deposit-info{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.add-deposit-info strong{color:#006f6c;font-size:16px}.add-deposit-info span{color:#536d7b;font-size:13px;font-weight:600}.add-deposit-form{align-items:flex-end;gap:12px;display:flex}.add-deposit-form .detail-field-group{flex:1;margin:0}.add-deposit-form>.primary-button{flex:none;min-height:44px}@media (width<=700px){.add-deposit-info,.add-deposit-form{flex-direction:column;align-items:stretch}}.lenders-page{color:#101828;width:100%;max-width:100%;padding:0}.lenders-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.lenders-header h1{color:#101828;margin:0;font-size:25px;font-weight:700;line-height:1.2}.lenders-primary-button{color:#fff;cursor:pointer;background:#007c78;border:none;border-radius:7px;padding:10px 18px;font-size:14px;font-weight:700;transition:background .15s,transform .15s}.lenders-primary-button:hover{background:#006d69}.lenders-primary-button:active{transform:translateY(1px)}.lenders-pending-card{box-sizing:border-box;background:#fff1f1;border:1px solid #ffb4b4;border-radius:12px;width:100%;margin-bottom:20px;padding:18px 20px 20px}.lenders-pending-label{color:#a51d1d;margin-bottom:3px;font-size:14px;line-height:1.4}.lenders-pending-value{color:#c51f1f;font-size:29px;font-weight:750;line-height:1.2}.lenders-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;margin-bottom:20px;display:grid}.lenders-summary-card{box-sizing:border-box;background:#fff;border:1px solid #d8e3e5;border-radius:12px;min-width:0;padding:20px 22px;box-shadow:0 3px 14px #1018280f}.lenders-summary-card-label{text-transform:uppercase;letter-spacing:.35px;color:#667085;margin-bottom:7px;font-size:13px;font-weight:700;line-height:1.4}.lenders-summary-card-value{color:#101828;font-size:29px;font-weight:750;line-height:1.2}.lenders-summary-card-note{color:#98a2b3;margin-top:7px;font-size:12px;line-height:1.4}.lenders-summary-card-credit{border-color:#cfdde1}.lenders-summary-card-credit .lenders-summary-card-value{color:#101828}.lenders-summary-card-paid{background:#fbfffe;border-color:#a9e0dc}.lenders-summary-card-paid .lenders-summary-card-value{color:#008b84}.lenders-summary-card-pending{background:#fffdf8;border-color:#ffc979}.lenders-summary-card-pending .lenders-summary-card-value{color:#c97700}.lenders-error{color:#a51d1d;background:#fff5f5;border:1px solid #f3a6a6;border-radius:8px;flex-direction:column;gap:4px;margin-bottom:18px;padding:13px 16px;font-size:13px;display:flex}.lenders-error strong{font-size:14px}.lenders-table-card{box-sizing:border-box;background:#fff;border-radius:12px;width:100%;padding:20px;box-shadow:0 3px 14px #10182814}.lenders-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:820px}.lenders-table th{text-align:left;vertical-align:middle;color:#101828;background:#edf2f3;height:40px;padding:0 13px;font-size:13px;font-weight:700}.lenders-table th:first-child{width:22%}.lenders-table th:nth-child(2),.lenders-table th:nth-child(3),.lenders-table th:nth-child(4){width:16%}.lenders-table th:nth-child(5){width:30%}.lenders-table td{vertical-align:middle;color:#101828;border-bottom:1px solid #e7eaec;height:60px;padding:8px 13px;font-size:13px}.lenders-table tbody tr:last-child td{border-bottom:none}.lender-name{color:#006e70;font-size:14px;font-weight:650}.lender-code{color:#98a2b3;margin-top:3px;font-size:11px}.lender-pending{color:#d61f1f;font-weight:700}.lender-pending.zero{color:#008577}.lender-actions{align-items:center;gap:8px;display:flex}.lender-open-button{color:#fff;cursor:pointer;background:#007c78;border:none;border-radius:7px;padding:10px 18px;font-size:13px;font-weight:700}.lender-open-button:hover{background:#006d69}.lender-delete-button{color:#a51d1d;cursor:pointer;background:#fde7e7;border:none;border-radius:7px;padding:9px 13px;font-size:12px;font-weight:700}.lender-delete-button:hover{background:#fbd5d5}.lenders-loading{color:#667085;justify-content:center;align-items:center;min-height:180px;font-size:14px;display:flex}.lenders-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:240px;display:flex}.lenders-empty h3{margin:0 0 7px;font-size:18px}.lenders-empty p{color:#667085;margin:0 0 18px;font-size:13px}.lender-modal-overlay{z-index:1000;background:#1018286b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lender-modal{background:#fff;border-radius:14px;width:min(560px,100%);max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 20px 60px #10182840}.lender-modal-header{border-bottom:1px solid #eaecf0;justify-content:space-between;align-items:flex-start;padding:22px 24px 18px;display:flex}.lender-modal-header h2{color:#101828;margin:0;font-size:21px}.lender-modal-close{color:#667085;cursor:pointer;background:0 0;border:none;border-radius:7px;width:34px;height:34px;font-size:25px;line-height:1}.lender-modal-close:hover{background:#f2f4f7}.lender-field input,.lender-field select,.lender-field textarea{box-sizing:border-box;color:#101828;background:#fff;border:1px solid #d0d5dd;border-radius:7px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:13px}.lender-field textarea{resize:vertical;min-height:80px}.lender-modal-error{color:#b42318;background:#fff1f1;border-radius:7px;margin-top:17px;padding:10px 12px;font-size:12px}.lender-modal-actions{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.lender-cancel-button,.lender-save-button{cursor:pointer;border:none;border-radius:7px;padding:10px 17px;font-size:13px;font-weight:700}.lender-cancel-button{color:#344054;background:#f2f4f7}.lender-save-button{color:#fff;background:#007c78}.lender-save-button:hover{background:#006d69}.lender-save-button:disabled,.lender-cancel-button:disabled{opacity:.6;cursor:not-allowed}@media (width<=700px){.lenders-header{flex-direction:column;align-items:flex-start}.lenders-header h1{font-size:22px}.lenders-primary-button{width:100%}.lenders-table-card{padding:12px}.lender-form-grid{grid-template-columns:1fr}.lender-field-full{grid-column:auto}.lender-modal-overlay{padding:12px}.lender-modal-header,.lender-modal form{padding-left:18px;padding-right:18px}}.lenders-page{width:100%;max-width:1400px;margin:0 auto;padding:32px 34px 50px}.lenders-hero{text-align:center;padding:12px 20px 28px}.lenders-eyebrow{color:#008b84;letter-spacing:.16em;margin-bottom:8px;font-size:11px;font-weight:800}.lenders-hero h1{color:#17252b;letter-spacing:-.03em;margin:0;font-size:34px;font-weight:750}.lenders-hero p{color:#71808a;max-width:500px;margin:9px auto 20px;font-size:14px;line-height:1.5}.premium-add-lender{color:#fff;cursor:pointer;background:linear-gradient(135deg,#008f87,#00756f);border:none;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-width:160px;height:46px;padding:0 22px;font-size:13px;font-weight:750;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex;box-shadow:0 8px 20px #007d7633,0 2px 5px #00000014}.premium-add-lender:hover{transform:translateY(-2px);box-shadow:0 12px 26px #007d7645,0 3px 7px #00000014}.premium-add-lender:active{transform:translateY(0)}.add-icon{background:#ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:21px;height:21px;font-size:17px;font-weight:500;line-height:1;display:flex}.lenders-pending-card{background:linear-gradient(135deg,#fff9f7 0%,#fff4f2 100%);border:1px solid #f0d6d1;border-radius:16px;justify-content:space-between;align-items:center;min-height:105px;margin:4px 0 24px;padding:22px 26px;display:flex;box-shadow:0 5px 18px #2c1f1c0b}.pending-content{align-items:center;gap:15px;display:flex}.pending-icon{color:#d72d26;background:#fff;border:1px solid #f0d5d0;border-radius:12px;justify-content:center;align-items:center;width:43px;height:43px;font-size:17px;font-weight:800;display:flex;box-shadow:0 2px 7px #0000000a}.pending-label{color:#a94741;font-size:13px;font-weight:700}.pending-subtitle{color:#9b8581;margin-top:4px;font-size:12px}.pending-value{color:#d62520;letter-spacing:-.03em;font-size:29px;font-weight:800}.lenders-table-card{background:#fff;border:1px solid #e1e7e9;border-radius:16px;overflow:hidden;box-shadow:0 5px 20px #182a2f0b}.lenders-table-header{border-bottom:1px solid #edf0f1;justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.lenders-table-header h2{color:#1c2930;margin:0;font-size:18px;font-weight:750}.lenders-table-header p{color:#7b8991;margin:5px 0 0;font-size:12px}.lender-count{color:#007c76;background:#edf7f6;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:750}.lenders-table-wrapper{width:100%;overflow-x:auto}.lenders-table{border-collapse:collapse;width:100%}.lenders-table th{color:#78868e;letter-spacing:.08em;text-align:left;white-space:nowrap;background:#f7f9f9;padding:13px 22px;font-size:10px;font-weight:800}.lenders-table td{color:#26343b;vertical-align:middle;border-top:1px solid #edf1f2;padding:18px 22px;font-size:13px}.lenders-table tbody tr{transition:background .15s}.lenders-table tbody tr:hover{background:#fbfdfd}.lender-name-cell{align-items:center;gap:12px;display:flex}.lender-avatar{color:#007f78;background:#e8f5f3;border-radius:10px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:flex}.lender-name-cell strong{color:#1f3037;font-size:13px;font-weight:750;display:block}.lender-name-cell span{color:#89959c;margin-top:3px;font-size:10px;display:block}.money{color:#33434b;font-weight:650}.money.paid{color:#277c68}.money.pending{color:#d07a00;font-weight:750}.money.zero{color:#008a82}.open-lender-button{color:#007c76;cursor:pointer;background:#f2f9f8;border:1px solid #d4e8e5;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-width:78px;height:34px;padding:0 12px;font-size:11px;font-weight:750;transition:all .16s;display:inline-flex}.open-lender-button span{font-size:14px;transition:transform .16s}.open-lender-button:hover{color:#fff;background:#008b84;border-color:#008b84}.open-lender-button:hover span{transform:translate(2px)}@media (width<=800px){.lenders-page{padding:24px 16px 40px}.lenders-hero h1{font-size:28px}.lenders-pending-card{flex-direction:column;align-items:flex-start;gap:15px}.pending-value{font-size:25px}.lenders-table-header{flex-direction:column;align-items:flex-start;gap:12px}}.lenders-page{font-size:14px}.lenders-header h1{line-height:1.2;font-size:30px!important}.lenders-header p{font-size:14px!important}.lenders-header>div:first-child>div{letter-spacing:1.3px;font-size:12px!important}.lenders-pending-label{font-weight:600;font-size:14px!important}.lenders-pending-value{line-height:1.15;font-size:32px!important}.lenders-table{font-size:14px}.lenders-table th{letter-spacing:.2px;font-weight:700;font-size:13px!important}.lenders-table td{font-size:14px!important}.lender-name{font-weight:700;font-size:15px!important}.lender-code{font-size:12px!important}.lenders-table td strong{font-size:14px}.lender-pending,.lender-open-button,.lender-delete-button,.lenders-primary-button{font-weight:700;font-size:14px!important}.lenders-empty h3{font-size:19px!important}.lenders-empty p{font-size:14px!important}.lender-modal-eyebrow{font-size:11px!important}.lender-modal h2{font-size:22px!important}.lender-field label{font-weight:600;font-size:13px!important}.lender-field input,.lender-field select,.lender-field textarea,.lender-modal-actions button{font-size:14px!important}@media (width<=900px){.lenders-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.lenders-summary-grid{grid-template-columns:1fr;gap:12px}.lenders-summary-card{padding:17px 18px}.lenders-summary-card-value{font-size:25px}}.lender-dashboard{width:min(1500px,100% - 80px);max-width:1500px;margin:0 auto}.lender-dashboard-header{justify-content:space-between;align-items:flex-start;gap:28px;margin-bottom:32px;display:flex}.lender-dashboard-header h1{color:#14212b;letter-spacing:-.3px;margin:0;font-size:26px;font-weight:750;line-height:1.2}.lender-dashboard-header p{color:#1769aa;margin:6px 0 0;font-size:21px;font-weight:700}.lender-header-actions{align-items:center;gap:11px;display:flex}.lender-back-button,.lender-history-button{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;min-height:44px;padding:0 21px;font-size:14px;font-weight:700;text-decoration:none;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;display:inline-flex}.lender-back-button{color:#007d76;background:#edf5f5;border:1px solid #dcebea}.lender-back-button:hover{background:#e3f1f0;border-color:#c9e2df}.lender-history-button{color:#fff;background:#008b84;border:1px solid #008b84}.lender-history-button:hover{background:#00766f;border-color:#00766f;transform:translateY(-1px);box-shadow:0 5px 14px #008b842e}.lender-summary-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:30px;display:grid}.summary-card{background:#fff;border:1px solid #dfe6e8;border-radius:15px;flex-direction:column;justify-content:center;min-height:125px;padding:25px 28px;display:flex;box-shadow:0 4px 14px #12232d0e}.summary-card span{color:#687681;margin-bottom:8px;font-size:15px;font-weight:500}.summary-card strong{color:#101c25;letter-spacing:-.4px;font-size:29px;font-weight:750;line-height:1.2}.error-box{color:#a8231d;background:#fff4f3;border:1px solid #f1b9b6;border-radius:10px;margin-bottom:22px;padding:16px 18px}.error-box strong{margin-bottom:5px;font-size:14px;display:block}.error-box p{margin:0;font-size:13px}.empty-state{text-align:center;color:#77838c;background:#fafcfc;border-radius:10px;padding:38px 20px;font-size:15px}.loading-state{text-align:center;color:#687681;padding:50px 20px;font-size:16px}.back-link{color:#007f78;margin-bottom:20px;font-size:15px;font-weight:650;text-decoration:none;display:inline-flex}.back-link:hover{text-decoration:underline}.lender-section{background:#fff;border:1px solid #e0e7e9;border-radius:15px;margin-bottom:26px;padding:24px;box-shadow:0 4px 14px #12232d0b}.section-header{border-bottom:1px solid #e1e7e9;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;padding:0 0 15px;display:flex}.section-header h2{color:#17242d;margin:0;font-size:22px;font-weight:750;line-height:1.3}.primary-button{color:#fff;cursor:pointer;white-space:nowrap;background:#008b84;border:1px solid #008b84;border-radius:9px;min-height:44px;padding:0 21px;font-size:14px;font-weight:700;transition:background .18s,box-shadow .18s,transform .18s}.primary-button:hover{background:#00766f;transform:translateY(-1px);box-shadow:0 5px 13px #008b842e}.transaction-table-wrapper{border:1px solid #e0e7e9;border-radius:9px;width:100%;overflow-x:auto}.transaction-table{border-collapse:collapse;background:#fff;width:100%;min-width:700px}.transaction-table thead{background:#edf2f3}.transaction-table th{text-align:left;color:#17232c;white-space:nowrap;border-bottom:1px solid #dfe5e7;padding:13px 12px;font-size:13px;font-weight:750}.transaction-table td{color:#1d2a33;white-space:nowrap;border-bottom:1px solid #e9edef;padding:14px 12px;font-size:14px;font-weight:500}.transaction-table tbody tr:last-child td{border-bottom:none}.transaction-table tbody tr{transition:background .15s}.transaction-table tbody tr:hover{background:#f8fbfb}.transaction-table td strong{color:#17232c;font-size:14px;font-weight:750}.transaction-type{border-radius:999px;justify-content:center;align-items:center;min-width:76px;padding:6px 11px;font-size:12px;font-weight:700;display:inline-flex}.transaction-type.credit{color:#007b73;background:#e5f6f3}.transaction-type.payment{color:#6c5a00;background:#fff4cf}.lender-notes{color:#52616b;background:#f7fafa;border:1px solid #e1e8e9;border-radius:9px;padding:16px;font-size:15px;line-height:1.6}.lender-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#19222a7a;justify-content:center;align-items:center;padding:24px;animation:.16s ease-out lenderOverlayIn;display:flex;position:fixed;inset:0}@keyframes lenderOverlayIn{0%{opacity:0}to{opacity:1}}.lender-modal{background:#fff;border-radius:14px;width:min(560px,100%);max-height:calc(100vh - 48px);animation:.18s ease-out lenderModalIn;overflow-y:auto;box-shadow:0 22px 60px #0f1c2638,0 4px 18px #0f1c2614}@keyframes lenderModalIn{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.lender-modal-header{border-bottom:1px solid #e5eaec;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 22px;display:flex}.lender-modal-eyebrow{color:#73808a;letter-spacing:.9px;margin-bottom:5px;font-size:10px;font-weight:800}.lender-modal-header h2{color:#17232c;margin:0;font-size:22px;font-weight:750;line-height:1.25}.lender-modal-close{color:#687681;cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:24px;line-height:1;transition:background .15s,color .15s;display:inline-flex}.lender-modal-close:hover{color:#17232c;background:#f1f5f5}.lender-modal form{padding:20px 22px 22px}.lender-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.lender-field{flex-direction:column;gap:6px;display:flex}.lender-field-full{grid-column:1/-1}.lender-field label{color:#46545f;font-size:13px;font-weight:700}.lender-field input,.lender-field select,.lender-field textarea{box-sizing:border-box;color:#202d36;background:#fff;border:1px solid #ccd8dc;border-radius:8px;outline:none;width:100%;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.lender-field input,.lender-field select{height:44px;padding:0 12px}.lender-field textarea{resize:vertical;min-height:82px;padding:10px 12px}.lender-field input::placeholder,.lender-field textarea::placeholder{color:#9aa6ae}.lender-field input:focus,.lender-field select:focus,.lender-field textarea:focus{border-color:#00948c;box-shadow:0 0 0 3px #00948c1a}.lender-field input:disabled{color:#73808a;cursor:not-allowed;background:#f2f5f5}.lender-calculated-value{box-sizing:border-box;color:#007d76;background:#f1faf9;border:1px solid #cfe6e3;border-radius:8px;align-items:center;min-height:44px;padding:10px 12px;font-size:16px;font-weight:750;display:flex}.lender-modal-actions{border-top:1px solid #e7ecee;justify-content:flex-end;align-items:center;gap:10px;margin-top:22px;padding-top:18px;display:flex}.lender-cancel-button,.lender-save-button{cursor:pointer;border-radius:8px;min-height:42px;padding:0 20px;font-family:inherit;font-size:14px;font-weight:700;transition:background .15s,border-color .15s,box-shadow .15s}.lender-cancel-button{color:#4e5c66;background:#f4f7f7;border:1px solid #dce3e5}.lender-cancel-button:hover{background:#eaf0f0}.lender-save-button{color:#fff;background:#008b84;border:1px solid #008b84}.lender-save-button:hover{background:#00766f;border-color:#00766f;box-shadow:0 5px 13px #008b842e}.lender-cancel-button:disabled,.lender-save-button:disabled,.lender-modal-close:disabled{opacity:.6;cursor:not-allowed}@media (width<=1200px){.lender-dashboard{width:min(1200px,100% - 50px)}}@media (width<=900px){.lender-dashboard{width:calc(100% - 32px)}.lender-summary-grid{grid-template-columns:1fr}.lender-dashboard-header{flex-direction:column}.lender-header-actions{width:100%}.lender-back-button,.lender-history-button{flex:1}}@media (width<=650px){.lender-dashboard{width:calc(100% - 20px)}.lender-dashboard-header{margin-bottom:24px}.lender-dashboard-header h1{font-size:26px}.lender-dashboard-header p{font-size:15px}.lender-header-actions{flex-direction:column}.lender-back-button,.lender-history-button{width:100%}.lender-section{border-radius:12px;padding:16px}.section-header{flex-direction:column;align-items:flex-start}.section-header h2{font-size:20px}.primary-button{width:100%}.lender-form-grid{grid-template-columns:1fr}.lender-field-full{grid-column:auto}.lender-modal-overlay{padding:12px}.lender-modal{border-radius:12px;max-height:calc(100vh - 24px)}.lender-modal-header,.lender-modal form{padding:17px}.lender-modal-actions{flex-direction:column-reverse}.lender-cancel-button,.lender-save-button{width:100%}}.lender-history-page{width:min(1200px,100% - 50px);margin:0 auto;padding-bottom:40px}.lender-history-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:26px;display:flex}.lender-history-eyebrow{color:#008b84;letter-spacing:1px;margin-bottom:5px;font-size:12px;font-weight:800}.lender-history-header h1{color:#101c25;margin:0;font-size:30px;font-weight:750;line-height:1.2}.lender-history-name{color:#1769aa;margin:7px 0 0;font-size:21px;font-weight:750}.lender-history-actions{align-items:center;display:flex}.lender-history-back-button,.lender-history-back{color:#007d76;background:#edf7f6;border:1px solid #cfe3e3;border-radius:9px;justify-content:center;align-items:center;min-height:43px;padding:0 19px;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.lender-history-back-button:hover,.lender-history-back:hover{background:#dff2f0;border-color:#b9dcd9;transform:translateY(-1px)}.history-filter-card{background:#fff;border:1px solid #dfe6e8;border-radius:14px;margin-bottom:22px;padding:20px 22px;box-shadow:0 4px 14px #12232d0b}.history-filter-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.history-filter-header h2{color:#17242d;margin:0;font-size:19px;font-weight:750}.history-filter-header p{color:#6d7b85;margin:5px 0 0;font-size:13px}.history-filter-controls{grid-template-columns:1fr 1fr auto;align-items:end;gap:16px;display:grid}.history-filter-field{flex-direction:column;gap:6px;display:flex}.history-filter-field label{color:#46545f;font-size:13px;font-weight:700}.history-filter-field input{box-sizing:border-box;color:#202d36;background:#fff;border:1px solid #ccd8dc;border-radius:8px;outline:none;width:100%;height:43px;padding:0 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.history-filter-field input:focus{border-color:#008b84;box-shadow:0 0 0 3px #008b841a}.history-filter-status{color:#007d76;white-space:nowrap;background:#edf7f6;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-height:43px;padding:0 17px;font-size:13px;display:flex}.history-filter-status strong{font-size:15px;font-weight:800}.history-clear-button{color:#c5221d;cursor:pointer;background:#fff6f5;border:1px solid #e1c4c2;border-radius:8px;min-height:36px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:700;transition:background .15s,border-color .15s}.history-clear-button:hover{background:#ffebea;border-color:#e3b4b1}.lender-history-card{background:#fff;border:1px solid #dfe6e8;border-radius:14px;padding:20px;box-shadow:0 4px 16px #12232d0e}.lender-history-card-header{border-bottom:1px solid #e2e8ea;justify-content:space-between;align-items:center;gap:20px;padding:0 0 18px;display:flex}.lender-history-card-header h2{color:#17242d;margin:0;font-size:22px;font-weight:750}.lender-history-card-header p{color:#6d7b85;margin:5px 0 0;font-size:14px}.history-count{color:#007d76;white-space:nowrap;background:#eaf6f5;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:700}.lender-history-table-wrapper{width:100%;margin-top:18px;overflow-x:auto}.lender-history-table{border-collapse:separate;border-spacing:0;border:1px solid #dbe3e5;border-radius:9px;width:100%;min-width:900px;overflow:hidden}.lender-history-table thead{background:#edf2f3}.lender-history-table th{text-align:left;color:#263640;white-space:nowrap;border-bottom:1px solid #dbe3e5;padding:12px 11px;font-size:12px;font-weight:800}.lender-history-table td{color:#17242d;white-space:nowrap;border-bottom:1px solid #e5eaec;padding:13px 11px;font-size:13px;font-weight:500}.lender-history-table tbody tr:last-child td{border-bottom:none}.lender-history-table tbody tr:hover{background:#f9fbfb}.lender-history-table td strong{font-weight:750}.history-type{border-radius:999px;justify-content:center;align-items:center;min-width:68px;padding:5px 10px;font-size:12px;font-weight:750;display:inline-flex}.history-type.credit{color:#00877f;background:#e3f6f4}.history-type.payment{color:#9b6700;background:#fff1cf}.lender-history-empty{text-align:center;padding:65px 20px}.lender-history-empty h3{color:#17242d;margin:0 0 8px;font-size:19px;font-weight:750}.lender-history-empty p{color:#72808a;margin:0;font-size:14px}.history-empty-clear-button{color:#007d76;cursor:pointer;background:#edf7f6;border:1px solid #cfe3e3;border-radius:8px;min-height:40px;margin-top:18px;padding:0 17px;font-family:inherit;font-size:13px;font-weight:700}.history-empty-clear-button:hover{background:#dff2f0}.lender-history-loading{color:#697781;justify-content:center;align-items:center;min-height:300px;font-size:15px;display:flex}@media (width<=800px){.lender-history-page{width:calc(100% - 30px)}.lender-history-header{flex-direction:column;align-items:flex-start}.lender-history-header h1{font-size:27px}.lender-history-name{font-size:19px}.lender-history-back-button{width:100%}.history-filter-controls{grid-template-columns:1fr 1fr}.history-filter-status{grid-column:1/-1}.lender-history-card{padding:14px}.lender-history-card-header{flex-direction:column;align-items:flex-start}}@media (width<=550px){.lender-history-page{width:calc(100% - 20px)}.history-filter-header{flex-direction:column;align-items:flex-start}.history-filter-controls{grid-template-columns:1fr}.history-filter-status{grid-column:auto}.history-clear-button{width:100%}.lender-history-card-header h2{font-size:20px}.lender-history-card-header p{font-size:13px}}.history-filter-actions{align-items:center;gap:9px;display:flex}.history-export-button{color:#fff;cursor:pointer;background:#008b84;border:1px solid #008b84;border-radius:8px;min-height:38px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:750;transition:background .15s,box-shadow .15s,transform .15s}.history-export-button:hover:not(:disabled){background:#00766f;transform:translateY(-1px);box-shadow:0 5px 13px #008b842e}.history-export-button:disabled{opacity:.5;cursor:not-allowed}@media (width<=800px){.history-filter-actions{width:100%}.history-clear-button,.history-export-button{flex:1}}@media (width<=550px){.history-filter-actions{flex-direction:column}.history-clear-button,.history-export-button{width:100%}}.expenses-page{color:#10202b;background:#f5f8f8;min-height:100%;padding:28px 24px 50px}.expenses-container{width:min(1120px,100%);margin:0 auto}.expenses-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.expenses-header h1{margin:0;font-size:28px;line-height:1.15}.expenses-header p{color:#667b89;margin:7px 0 0;font-size:14px}.primary-button,.secondary-button,.details-button,.current-month-button{cursor:pointer;border:0;font-family:inherit;font-weight:700}.expenses-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.statistics-button{color:#007d79;cursor:pointer;background:#fff;border:1px solid #cfe0e2;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:10px 18px;font-family:inherit;font-weight:700;display:flex;box-shadow:0 3px 10px #14323c0a}.statistics-button:hover{background:#eef8f8;border-color:#a9d5d4}.primary-button{color:#fff;background:#008b87;border-radius:9px;align-items:center;gap:7px;padding:11px 20px;display:flex;box-shadow:0 5px 14px #008b872e}.primary-button:hover{background:#007570}.expense-error{color:#c62828;background:#fff4f4;border:1px solid #ffb5b5;border-radius:9px;flex-direction:column;gap:5px;margin-bottom:16px;padding:14px 16px;font-size:13px;display:flex}.expense-error strong{font-size:14px}.month-selector{background:#fff;border:1px solid #d9e4e6;border-radius:10px;align-items:center;gap:10px;min-height:70px;margin-bottom:18px;padding:10px 12px;display:flex;box-shadow:0 4px 15px #14323c0a}.month-arrow{color:#008b87;cursor:pointer;background:#f8fbfb;border:1px solid #cbdcdf;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.selected-month{min-width:160px}.selected-month span{color:#71818b;letter-spacing:.06em;font-size:9px;font-weight:800;display:block}.selected-month strong{margin-top:2px;font-size:15px;display:block}.current-month-button{color:#007d79;background:#effafa;border:1px solid #b9e4e2;border-radius:8px;margin-left:auto;padding:8px 14px;font-size:12px}.expense-summary-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.summary-card span{color:#637783;text-transform:uppercase;font-size:10px;font-weight:800;display:block}.summary-card strong{margin-top:7px;font-size:23px;display:block}.summary-card small{color:#82929b;margin-top:5px;font-size:11px;display:block}.paid-card{border-color:#b8e4e1}.paid-card strong{color:#008b87}.pending-card{background:#fffdf8;border-color:#f1d49c}.pending-card strong{color:#c97900}.categories-section{background:#fff;border:1px solid #d9e4e6;border-radius:11px;overflow:hidden;box-shadow:0 5px 18px #14323c0a}.section-header{border-bottom:1px solid #e1e8e9;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.section-header h2{margin:0;font-size:17px}.section-header p{color:#71818b;margin:4px 0 0;font-size:11px}.category-count{color:#536874;font-size:12px}.category-list{padding:0 16px}.category-row{border-bottom:1px solid #e6ecee;grid-template-columns:minmax(220px,1.8fr) 1fr 1fr 1fr auto;align-items:center;gap:18px;min-height:92px;display:grid}.category-row:last-child{border-bottom:0}.category-main{align-items:center;gap:12px;display:flex}.category-icon{color:#008b87;background:#eaf7f7;border-radius:9px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.category-main h3{color:#086fb2;margin:0;font-size:16px}.category-main span{color:#71818b;margin-top:3px;font-size:11px;display:block}.category-stat span{color:#73838d;font-size:10px;display:block}.category-stat strong{margin-top:4px;font-size:14px;display:block}.paid-text{color:#008b87}.pending-text{color:#d22626}.details-button{color:#fff;background:#008b87;border-radius:7px;align-items:center;gap:5px;padding:9px 13px;font-size:11px;display:flex}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:35px;display:flex}.empty-icon{color:#008b87;background:#eef8f8;border-radius:14px;place-items:center;width:50px;height:50px;margin-bottom:12px;display:grid}.empty-state h3{margin:0;font-size:16px}.empty-state p{color:#73838d;max-width:420px;margin:7px 0 16px;font-size:12px}.secondary-button{color:#007d79;background:#eef8f8;border-radius:7px;padding:9px 15px}.loading-spinner{border:3px solid #dcebea;border-top-color:#008b87;border-radius:50%;width:28px;height:28px;margin-bottom:10px;animation:.8s linear infinite expense-spin}@keyframes expense-spin{to{transform:rotate(360deg)}}@media (width<=950px){.expense-summary-grid{grid-template-columns:repeat(2,1fr)}.category-row{grid-template-columns:1fr 1fr;padding:16px 0}.details-button{justify-self:start}}@media (width<=650px){.expenses-page{padding:20px 14px 40px}.expenses-header{flex-direction:column}.expenses-header-actions{flex-direction:column;width:100%}.statistics-button,.monthly-report-button,.primary-button{justify-content:center;width:100%}.expense-summary-grid{grid-template-columns:1fr}.month-selector{flex-wrap:wrap}.current-month-button{margin-left:0}.category-row{grid-template-columns:1fr;gap:10px}}.monthly-report-button{color:#007d79;cursor:pointer;background:#fff;border:1px solid #b9dddd;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-weight:700;display:inline-flex}.add-expense-page{background:#f5f8f8;min-height:100%;padding:28px 24px 50px}.add-expense-container{width:min(900px,100%);margin:0 auto}.back-button{color:#007d79;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-bottom:20px;padding:0;font-size:13px;font-weight:700;display:flex}.add-expense-header{margin-bottom:22px}.add-expense-header h1{margin:0;font-size:28px}.add-expense-header p{color:#667b89;margin:7px 0 0;font-size:14px}.expense-form-card{background:#fff;border:1px solid #d9e4e6;border-radius:12px;overflow:hidden;box-shadow:0 5px 18px #14323c0d}.form-section{padding:25px}.form-section h2{margin:0 0 22px;font-size:18px}.form-field.full-width{grid-column:1/-1}.form-field input,.form-field select,.form-field textarea{box-sizing:border-box;color:#182a35;background:#fff;border:1px solid #ccdadd;border-radius:8px;outline:none;width:100%;padding:11px 12px;font-family:inherit;font-size:13px}.form-field textarea{resize:vertical}.amount-input{position:relative}.amount-input span{color:#526873;font-weight:700;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.amount-input input{padding-left:29px}.create-category-link{color:#007d79;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;width:fit-content;padding:0;font-size:11px;font-weight:700;display:flex}.form-error{color:#c62828;background:#fff4f4;border:1px solid #ffb5b5;border-radius:8px;margin:18px 25px 0;padding:12px 14px;font-size:12px}.form-actions{background:#fbfcfc;border-top:1px solid #e2e9ea;justify-content:flex-end;gap:10px;padding:16px 25px;display:flex}.cancel-button,.save-button{cursor:pointer;border:0;border-radius:8px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:700}.save-button{color:#fff;background:#008b87}.save-button:disabled{opacity:.6;cursor:not-allowed}@media (width<=650px){.add-expense-page{padding:20px 14px 40px}.form-grid{grid-template-columns:1fr}.form-field.full-width{grid-column:auto}.form-actions{flex-direction:column-reverse}.cancel-button,.save-button{width:100%}}.expense-categories-page{background:#f5f8f8;min-height:100%;padding:28px 24px 50px}.expense-categories-container{width:min(1000px,100%);margin:0 auto}.categories-back-button{color:#007d79;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-bottom:20px;padding:0;font-size:13px;font-weight:700;display:flex}.categories-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.categories-header h1{margin:0;font-size:28px}.categories-header p{color:#667b89;margin:7px 0 0;font-size:14px}.categories-add-button{color:#fff;cursor:pointer;background:#008b87;border:0;border-radius:8px;align-items:center;gap:6px;padding:11px 18px;font-family:inherit;font-weight:700;display:flex}.categories-error{color:#c62828;background:#fff4f4;border:1px solid #ffb5b5;border-radius:8px;margin-bottom:15px;padding:12px 14px;font-size:12px}.category-create-card,.categories-card{background:#fff;border:1px solid #d9e4e6;border-radius:11px;box-shadow:0 5px 18px #14323c0a}.category-create-card{justify-content:space-between;align-items:center;gap:25px;margin-bottom:18px;padding:20px;display:flex}.category-create-card h2,.categories-card-header h2{margin:0;font-size:17px}.category-create-card p,.categories-card-header p{color:#758690;margin:4px 0 0;font-size:11px}.category-create-form{gap:8px;min-width:440px;display:flex}.category-create-form input{border:1px solid #ccdadd;border-radius:8px;outline:none;flex:1;padding:10px 12px;font-family:inherit;font-size:13px}.category-create-form input:focus{border-color:#008b87}.category-create-form button{color:#fff;cursor:pointer;background:#008b87;border:0;border-radius:8px;padding:10px 15px;font-family:inherit;font-weight:700}.category-create-form button:disabled{opacity:.6}.categories-card-header{border-bottom:1px solid #e2e9ea;padding:18px 20px}.categories-list{padding:0 18px}.category-item{border-bottom:1px solid #e5ebed;grid-template-columns:38px 1fr 140px auto 38px;align-items:center;gap:13px;min-height:72px;display:grid}.category-item:last-child{border-bottom:0}.category-item-icon{color:#008b87;background:#eaf7f7;border-radius:9px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.category-item-info h3{color:#086fb2;margin:0;font-size:15px}.category-item-info span,.category-item-total span{color:#7b8b94;margin-top:3px;font-size:11px;display:block}.category-item-total strong{font-size:13px}.open-category-button{color:#fff;cursor:pointer;background:#008b87;border:0;border-radius:7px;padding:8px 14px;font-family:inherit;font-weight:700}.delete-category-button{color:#d32929;cursor:pointer;background:#fff0f0;border:0;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.categories-empty{text-align:center;color:#788992;flex-direction:column;justify-content:center;align-items:center;min-height:220px;padding:30px;display:flex}.categories-empty h3{color:#182a35;margin:12px 0 4px;font-size:16px}.categories-empty p{margin:0;font-size:12px}@media (width<=750px){.category-create-card{flex-direction:column;align-items:stretch}.category-create-form{min-width:0}.category-item{grid-template-columns:38px 1fr auto;padding:13px 0}.category-item-total{display:none}.delete-category-button{grid-area:1/3}}.expense-category-page{box-sizing:border-box;background:#f4f8f8;width:100%;min-height:100vh;padding:22px 26px 50px}.expense-category-container{width:100%;max-width:none;margin:0}.back-link{color:#007f82;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:18px;padding:0;font-size:14px;font-weight:600;display:inline-flex}.category-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.category-header h1{color:#0067b1;margin:0;font-size:30px;line-height:1.15}.category-header p{color:#64748b;margin:6px 0 0;font-size:14px}.add-expense-button{color:#fff;cursor:pointer;background:#008b87;border:none;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 18px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 5px 14px #008b872e}.add-expense-button:hover{background:#007773}.page-error{color:#d32929;background:#fff3f3;border:1px solid #ffc4c4;border-radius:8px;margin-bottom:18px;padding:12px 15px;font-size:14px}.summary-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.summary-card{background:#fff;border:1px solid #d7e2e4;border-radius:9px;min-height:84px;padding:17px 15px}.summary-card span{color:#64748b;margin-bottom:7px;font-size:12px;display:block}.summary-card strong{color:#111827;font-size:21px;line-height:1}.summary-card.paid-card{border-color:#b8e4e1}.summary-card.paid-card strong{color:#008b87}.summary-card.pending-card{background:#fffdfa;border-color:#ffd08b}.summary-card.pending-card strong{color:#d17a00}.summary-card.total-payment-card{background:#fbfdff;border-color:#c7d9f5}.summary-card.total-payment-card strong{color:#0067b1}.summary-card.pending-payment-card{background:#fffdfa;border-color:#ffd08b}.summary-card.pending-payment-card strong{color:#d17a00}.lender-summary-card{background:#fff;border:1px solid #d7e2e4;border-radius:10px;margin-bottom:18px;overflow:hidden}.lender-summary-header{border-bottom:1px solid #d7e2e4;padding:18px 20px}.lender-summary-header h2{color:#111827;margin:0;font-size:18px}.lender-summary-header p{color:#718096;margin:4px 0 0;font-size:12px}.lender-table-wrapper{width:100%;overflow-x:auto}.lender-table{border-collapse:collapse;width:100%;min-width:620px}.lender-table th{color:#475569;text-align:left;white-space:nowrap;background:#edf3f4;padding:11px 13px;font-size:11px;font-weight:700}.lender-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #e0e7e9;padding:13px;font-size:13px}.lender-table tbody tr:last-child td{border-bottom:none}.lender-table td strong{color:#0067b1;font-size:14px}.lender-paid-amount{color:#008b87;font-weight:700}.lender-pending-amount{color:#d17a00;font-weight:700}.expenses-card{background:#fff;border:1px solid #d7e2e4;border-radius:10px;overflow:hidden}.expenses-card-header{border-bottom:1px solid #d7e2e4;padding:18px 20px}.expenses-card-header h2{color:#111827;margin:0;font-size:18px}.expenses-card-header p{color:#718096;margin:4px 0 0;font-size:12px}.expense-table-wrapper{width:100%;overflow-x:auto}.expense-table{border-collapse:collapse;width:100%;min-width:1100px}.expense-table th{color:#475569;text-align:left;white-space:nowrap;background:#edf3f4;padding:11px 13px;font-size:11px;font-weight:700}.expense-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #e0e7e9;padding:13px;font-size:13px}.expense-table tbody tr:last-child td{border-bottom:none}.expense-table td strong{color:#0067b1;font-size:14px}.due-day{align-items:center;gap:5px;display:inline-flex}.due-date{color:#0067b1;white-space:nowrap;font-weight:600}.status-badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex}.status-badge.active{color:#008b87;background:#e4f7f5}.status-badge.paid{color:#16803c;background:#e1f5e9}.pay-button{color:#fff;cursor:pointer;white-space:nowrap;background:#008b87;border:none;border-radius:6px;align-items:center;gap:5px;padding:7px 11px;font-size:12px;font-weight:700;display:inline-flex}.pay-button:hover{background:#007773}.payment-info{flex-direction:column;gap:2px;display:flex}.paid-amount{color:#008b87;font-weight:700}.payment-date{color:#64748b;font-size:10px}.action-buttons{align-items:center;gap:6px;display:flex}.edit-button,.pending-button{cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:7px 10px;font-size:11px;font-weight:700;display:inline-flex}.edit-button{color:#0067b1;background:#fff;border:1px solid #b9d0d4}.edit-button:hover{background:#f0f7fa}.pending-button{color:#bd7100;background:#fff5e8;border:1px solid #ffd49a}.pending-button:hover{background:#ffefd7}.empty-state{text-align:center;padding:55px 20px}.empty-icon{color:#008b87;background:#e8f6f5;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 12px;display:flex}.empty-state h3{color:#111827;margin:0;font-size:17px}.empty-state p{color:#718096;margin:6px 0 17px;font-size:13px}.loading-state{text-align:center;color:#64748b;background:#fff;border:1px solid #d7e2e4;border-radius:10px;padding:50px}.modal-overlay{z-index:1000;background:#0f172a6b;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.payment-modal{background:#fff;border-radius:12px;width:min(500px,100%);overflow:hidden;box-shadow:0 20px 55px #0f172a38}.payment-modal-header{border-bottom:1px solid #e1e7e8;justify-content:space-between;align-items:flex-start;gap:15px;padding:20px 22px;display:flex}.payment-modal-header h2{color:#111827;margin:0;font-size:20px}.payment-modal-header p{color:#64748b;margin:4px 0 0;font-size:13px}.close-modal-button{color:#475569;cursor:pointer;background:#f1f5f6;border:none;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.close-modal-button:hover{background:#e6edef}.payment-modal form{padding:20px 22px 22px}.payment-form-field{margin-bottom:16px}.payment-form-field label{color:#334155;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.payment-form-field input,.payment-form-field textarea{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #bfd1d5;border-radius:7px;outline:none;width:100%;padding:10px 11px;font-size:13px}.payment-form-field input:focus,.payment-form-field textarea:focus{border-color:#008b87;box-shadow:0 0 0 2px #008b8714}.payment-form-field textarea{resize:vertical}.payment-amount-input{position:relative}.payment-amount-input span{color:#475569;font-weight:700;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.payment-amount-input input{padding-left:28px}.payment-modal-actions{justify-content:flex-end;gap:8px;padding-top:7px;display:flex}.cancel-button,.save-payment-button{cursor:pointer;border:none;border-radius:7px;padding:10px 16px;font-size:13px;font-weight:700}.cancel-button{color:#475569;background:#edf2f3}.save-payment-button{color:#fff;background:#008b87}.save-payment-button:hover{background:#007773}.save-payment-button:disabled,.cancel-button:disabled{opacity:.6;cursor:not-allowed}@media (width<=900px){.summary-grid{grid-template-columns:repeat(2,1fr)}.category-header{flex-direction:column}.add-expense-button{align-self:flex-start}}@media (width<=600px){.expense-category-page{padding:18px 14px 40px}.summary-grid{grid-template-columns:1fr}.category-header h1{font-size:26px}.payment-modal{max-height:90vh;overflow-y:auto}}.expense-statistics-page{color:#10202b;background:#f5f8f8;min-height:100%;padding:28px 24px 50px}.expense-statistics-container{width:min(1180px,100%);margin:0 auto}.statistics-back-row{margin-bottom:14px}.back-button{color:#007d79;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:5px 0;font-family:inherit;font-size:13px;font-weight:700;display:inline-flex}.back-button:hover{color:#005f5c}.statistics-header{margin-bottom:20px}.statistics-eyebrow{color:#008b87;letter-spacing:.08em;margin-bottom:4px;font-size:11px;font-weight:800}.statistics-header h1{margin:0;font-size:28px;line-height:1.15}.statistics-header p{color:#667b89;margin:7px 0 0;font-size:14px}.statistics-error{color:#c62828;background:#fff4f4;border:1px solid #ffb5b5;border-radius:9px;flex-direction:column;gap:5px;margin-bottom:16px;padding:14px 16px;font-size:13px;display:flex}.statistics-error strong{font-size:14px}.statistics-month-selector{background:#fff;border:1px solid #d9e4e6;border-radius:10px;align-items:center;gap:10px;min-height:68px;margin-bottom:18px;padding:10px 12px;display:flex;box-shadow:0 4px 15px #14323c0a}.statistics-month-selector>div{min-width:170px}.statistics-month-selector span{color:#71818b;letter-spacing:.06em;font-size:9px;font-weight:800;display:block}.statistics-month-selector strong{margin-top:2px;font-size:15px;display:block}.statistics-month-arrow{color:#008b87;cursor:pointer;background:#f8fbfb;border:1px solid #cbdcdf;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.statistics-current-button{color:#007d79;cursor:pointer;background:#effafa;border:1px solid #b9e4e2;border-radius:8px;margin-left:auto;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:700}.statistics-summary-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.statistics-summary-card{background:#fff;border:1px solid #d9e4e6;border-radius:11px;min-height:128px;padding:17px;position:relative;overflow:hidden;box-shadow:0 5px 18px #14323c0a}.statistics-summary-card:after{content:"";background:#eef8f8;border-radius:50%;width:78px;height:78px;position:absolute;bottom:-28px;right:-20px}.statistics-summary-card.paid{border-color:#b8e4e1}.statistics-summary-card.pending{background:#fffdf8;border-color:#f1d49c}.statistics-card-icon{color:#008b87;background:#eaf7f7;border-radius:9px;place-items:center;width:34px;height:34px;margin-bottom:10px;display:grid}.statistics-summary-card.paid .statistics-card-icon{color:#008b87;background:#eaf8f3}.statistics-summary-card.pending .statistics-card-icon{color:#c97900;background:#fff2df}.statistics-summary-card>span{color:#637783;text-transform:uppercase;font-size:9px;font-weight:800;display:block}.statistics-summary-card>strong{margin-top:5px;font-size:22px;display:block}.statistics-summary-card.paid>strong{color:#008b87}.statistics-summary-card.pending>strong{color:#c97900}.statistics-summary-card small{color:#82929b;margin-top:4px;font-size:10px;display:block}.statistics-main-grid{grid-template-columns:minmax(0,1.35fr) minmax(360px,.85fr);gap:16px;margin-bottom:16px;display:grid}.statistics-panel{background:#fff;border:1px solid #d9e4e6;border-radius:11px;overflow:hidden;box-shadow:0 5px 18px #14323c0a}.statistics-panel-header{border-bottom:1px solid #e1e8e9;justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:16px 20px;display:flex}.statistics-panel-header h2{margin:0;font-size:16px}.statistics-panel-header p{color:#71818b;margin:4px 0 0;font-size:11px}.statistics-panel-header>span{color:#536874;white-space:nowrap;font-size:11px}.category-breakdown-content{grid-template-columns:230px 1fr;align-items:center;gap:18px;min-height:300px;padding:24px;display:grid}.expense-donut{border-radius:50%;place-items:center;width:210px;height:210px;margin:0 auto;display:grid;position:relative}.expense-donut:after{content:"";background:#fff;border-radius:50%;width:130px;height:130px;position:absolute}.expense-donut-center{z-index:1;text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:130px;height:130px;display:flex;position:relative}.expense-donut-center strong{font-size:17px}.expense-donut-center span{color:#82929b;margin-top:2px;font-size:10px}.category-legend{flex-direction:column;gap:12px;display:flex}.legend-row{border-bottom:1px solid #edf1f2;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.legend-row:last-child{border-bottom:0;padding-bottom:0}.legend-name{align-items:center;gap:8px;min-width:0;display:flex}.legend-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.legend-dot{background:#008b87;border-radius:50%;flex:0 0 9px;width:9px;height:9px}.legend-dot-1{background:#2d7fc3}.legend-dot-2{background:#c97900}.legend-dot-3{background:#8a63d2}.legend-dot-4{background:#d25a72}.legend-dot-5{background:#5a9c77}.legend-value{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:2px;display:flex}.legend-value strong{font-size:12px}.legend-value span{color:#82929b;font-size:10px}.top-category-list{padding:8px 14px 10px}.top-category-row{cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #edf1f2;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;width:100%;padding:12px 7px;font-family:inherit;display:grid}.top-category-row:hover{background:#f7fbfb;border-radius:8px}.top-category-row:last-child{border-bottom:0}.top-rank{color:#007d79;background:#eef8f8;border-radius:8px;place-items:center;width:26px;height:26px;font-size:11px;font-weight:800;display:grid}.top-category-info{flex-direction:column;gap:3px;min-width:0;display:flex}.top-category-info strong{color:#086fb2;font-size:12px}.top-category-info span{color:#82929b;font-size:10px}.top-category-amount{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.top-category-amount strong{font-size:12px}.top-category-amount span{color:#82929b;font-size:10px}.top-category-highlight{background:#effafa;border:1px solid #c9e9e7;border-radius:9px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;margin:4px 18px 18px;padding:13px 14px;display:grid}.top-category-highlight span{color:#637783;font-size:10px}.top-category-highlight strong{color:#007d79;font-size:12px}.top-category-highlight b{color:#10202b;font-size:13px}.trend-panel{margin-bottom:16px}.trend-chart{grid-template-columns:repeat(6,1fr);align-items:end;gap:18px;height:250px;padding:20px 28px 0;display:grid}.trend-column{flex-direction:column;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex}.trend-values{color:#82929b;white-space:nowrap;height:26px;font-size:9px}.trend-bars{border-bottom:1px solid #dfe8e9;justify-content:center;align-items:flex-end;gap:5px;width:100%;height:175px;display:flex}.trend-bar{border-radius:5px 5px 0 0;width:min(24px,32%);min-height:2px}.trend-bar.expected{background:#b9dedd}.trend-bar.paid{background:#008b87}.trend-column>strong{color:#657984;text-transform:uppercase;margin-top:9px;font-size:10px}.trend-legend{justify-content:center;gap:18px;padding:14px 20px 18px;display:flex}.trend-legend span{color:#637783;align-items:center;gap:6px;font-size:10px;display:inline-flex}.trend-key{border-radius:3px;width:9px;height:9px;display:inline-block}.trend-key.expected{background:#b9dedd}.trend-key.paid{background:#008b87}.category-details-panel{margin-bottom:10px}.category-details-table-wrap{overflow-x:auto}.category-details-table{border-collapse:collapse;width:100%;min-width:760px}.category-details-table th{color:#657984;text-transform:uppercase;letter-spacing:.04em;text-align:left;background:#f7fafb;border-bottom:1px solid #e1e8e9;padding:12px 16px;font-size:9px;font-weight:800}.category-details-table td{color:#536874;border-bottom:1px solid #edf1f2;padding:13px 16px;font-size:11px}.category-details-table tbody tr:last-child td{border-bottom:0}.table-category-button{cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:0;font-family:inherit;display:inline-flex}.table-category-icon{color:#008b87;background:#eaf7f7;border-radius:8px;place-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:grid}.table-category-button strong{color:#086fb2;font-size:12px}.table-paid{font-weight:700;color:#008b87!important}.table-pending{font-weight:700;color:#d22626!important}.share-cell>span{color:#657984;white-space:nowrap;font-size:10px}.statistics-loading{color:#73838d;flex-direction:column;justify-content:center;align-items:center;min-height:360px;font-size:12px;display:flex}.statistics-spinner{border:3px solid #dcebea;border-top-color:#008b87;border-radius:50%;width:30px;height:30px;margin-bottom:10px;animation:.8s linear infinite statistics-spin}.statistics-empty{text-align:center;color:#82929b;flex-direction:column;justify-content:center;align-items:center;min-height:250px;padding:30px;display:flex}.statistics-empty.small{min-height:150px}.statistics-empty h3{color:#10202b;margin:10px 0 4px;font-size:15px}.statistics-empty p{margin:0;font-size:11px}@keyframes statistics-spin{to{transform:rotate(360deg)}}@media (width<=980px){.statistics-summary-grid{grid-template-columns:repeat(2,1fr)}.statistics-main-grid{grid-template-columns:1fr}}@media (width<=700px){.expense-statistics-page{padding:20px 14px 40px}.statistics-header h1{font-size:24px}.statistics-month-selector{flex-wrap:wrap}.statistics-current-button{margin-left:0}.statistics-summary-grid{grid-template-columns:1fr}.category-breakdown-content{grid-template-columns:1fr;padding:20px}.top-category-highlight{grid-template-columns:1fr auto}.top-category-highlight span{grid-column:1/-1}.trend-chart{gap:8px;padding-left:12px;padding-right:12px}.trend-bar{width:16px}}.monthly-report-page{color:#0b1d2a;background:#f5f9f9;min-height:100vh;padding:28px 32px 50px}.monthly-report-container{max-width:1280px;margin:0 auto}.monthly-report-topbar{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.back-link,.report-export-button,.report-month-selector button{color:#007d79;cursor:pointer;background:#fff;border:1px solid #cbdfe0;border-radius:8px;font-weight:700}.back-link,.report-export-button{align-items:center;gap:8px;padding:10px 15px;display:inline-flex}.report-export-button{color:#fff;background:#008f8a;border-color:#008f8a;box-shadow:0 7px 18px #008f8a29}.back-link:hover,.report-month-selector button:hover{background:#f0f9f9}.report-export-button:hover{background:#007d79}.monthly-report-header{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.report-eyebrow{color:#008c88;letter-spacing:1.3px;margin-bottom:5px;font-size:11px;font-weight:800}.monthly-report-header h1{margin:0;font-size:31px;line-height:1.15}.monthly-report-header p{color:#617b8a;margin:8px 0 0;font-size:14px}.report-print-title{color:#607b8b;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.report-month-selector{background:#fff;border:1px solid #d3e1e3;border-radius:10px;align-items:center;gap:12px;margin-bottom:20px;padding:12px;display:flex}.report-month-selector button{place-items:center;width:38px;height:38px;display:grid}.report-month-selector>div{min-width:190px}.report-month-selector span{color:#6e8592;letter-spacing:.8px;font-size:9px;font-weight:800;display:block}.report-month-selector strong{margin-top:2px;font-size:15px;display:block}.report-month-selector .current-report-month{width:auto;margin-left:auto;padding:0 14px}.report-error{color:#bb3030;background:#fff5f5;border:1px solid #f1b9b9;border-radius:9px;margin-bottom:18px;padding:14px 16px}.report-loading,.report-empty{text-align:center;color:#6d8290;background:#fff;border:1px solid #d7e3e5;border-radius:10px;padding:42px}.report-spinner{border:3px solid #dbeaea;border-top-color:#008f8a;border-radius:50%;width:28px;height:28px;margin:0 auto 12px;animation:.8s linear infinite monthly-report-spin}@keyframes monthly-report-spin{to{transform:rotate(360deg)}}.report-summary-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.report-summary-card{background:#fff;border:1px solid #d4e2e4;border-radius:10px;min-height:116px;padding:20px}.report-summary-card span,.payment-summary-grid span{color:#718794;letter-spacing:.6px;text-transform:uppercase;font-size:10px;font-weight:800;display:block}.report-summary-card strong{margin-top:12px;font-size:24px;display:block}.report-summary-card small{color:#718794;margin-top:7px;display:block}.report-summary-card.paid strong,.paid-text{color:#008e87}.report-summary-card.pending strong,.pending-text{color:#dc3d3d}.report-section{background:#fff;border:1px solid #d4e2e4;border-radius:10px;margin-bottom:20px;overflow:hidden}.report-section-heading{border-bottom:1px solid #e2ebec;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.report-section-heading h2{margin:0;font-size:17px}.report-section-heading p{color:#748894;margin:5px 0 0;font-size:12px}.report-section-heading>strong,.report-section-heading>span{color:#66808e;font-size:12px}.category-report-table-wrap,.expense-report-table-wrap{overflow-x:auto}.category-report-table,.expense-report-table{border-collapse:collapse;width:100%;min-width:760px}.category-report-table th,.category-report-table td,.expense-report-table th,.expense-report-table td{text-align:left;border-bottom:1px solid #e7eeee;padding:13px 16px;font-size:12px}.category-report-table th,.expense-report-table th{color:#617a88;letter-spacing:.7px;text-transform:uppercase;background:#f5f9f9;font-size:9px}.category-report-table tbody tr:last-child td,.expense-report-table tbody tr:last-child td{border-bottom:0}.category-report-table tfoot td{background:#f7fbfb;border-bottom:0}.share-cell{align-items:center;gap:9px;min-width:120px;display:flex}.share-track{background:#e4eeee;border-radius:99px;width:72px;height:6px;overflow:hidden}.share-track span{border-radius:inherit;background:#008f8a;height:100%;display:block}.share-cell b{font-size:11px}.payment-summary-section{padding-bottom:20px}.trend-section{padding-bottom:18px}.trend-chart{grid-template-columns:repeat(6,1fr);align-items:end;gap:16px;min-height:250px;padding:22px 24px 12px;display:grid}.trend-column{flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:205px;display:flex}.trend-value{color:#607b88;min-height:16px;font-size:10px;font-weight:700}.trend-bar-area{background:#f0f6f6;border-radius:7px 7px 2px 2px;justify-content:center;align-items:flex-end;width:min(52px,70%);height:140px;display:flex;overflow:hidden}.trend-bar{background:#008f8a;border-radius:7px 7px 0 0;width:100%;min-height:0}.trend-column strong{font-size:11px}.trend-column span{color:#82949d;font-size:9px}.payment-summary-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:18px 20px 12px;display:grid}.payment-summary-grid>div{background:#f9fbfb;border:1px solid #e0eaea;border-radius:8px;padding:15px}.payment-summary-grid strong{margin-top:8px;font-size:18px;display:block}.completion-bar{background:#e5eeee;border-radius:99px;height:9px;margin:4px 20px 0;overflow:hidden}.completion-bar div{border-radius:inherit;background:#008f8a;height:100%}.report-status{border-radius:99px;padding:5px 9px;font-size:10px;font-weight:800;display:inline-block}.report-status.paid{color:#007f74;background:#e7f7f1}.report-status.pending{color:#bd3535;background:#fff0f0}.report-footer{color:#738692;justify-content:space-between;gap:20px;padding:4px 2px;font-size:11px;display:flex}.report-footer span:last-child{align-items:center;gap:5px;display:inline-flex}@media (width<=900px){.monthly-report-page{padding:22px 16px 40px}.report-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.monthly-report-header,.monthly-report-topbar{flex-direction:column;align-items:flex-start;gap:14px}.report-export-button{justify-content:center;width:100%}.report-month-selector{flex-wrap:wrap}.report-month-selector .current-report-month{margin-left:0}.report-summary-grid,.payment-summary-grid{grid-template-columns:1fr}.trend-chart{grid-template-columns:repeat(3,1fr)}}@media print{@page{size:A4;margin:12mm}body{background:#fff!important}.monthly-report-page{background:#fff;padding:0}.monthly-report-container{max-width:none}.no-print{display:none!important}.monthly-report-header{margin-bottom:18px}.report-section,.report-summary-card{break-inside:avoid;box-shadow:none}.report-section{margin-bottom:12px}.report-summary-grid{gap:8px}.report-summary-card{min-height:auto;padding:12px}.report-summary-card strong{margin-top:7px;font-size:18px}.report-summary-card small{margin-top:4px}.category-report-table th,.category-report-table td,.expense-report-table th,.expense-report-table td{padding:8px 9px}}.packaging-page{box-sizing:border-box;background:radial-gradient(circle at 92% 0,#008f8b12,#0000 30%),linear-gradient(#f5f9f9 0%,#f8fbfb 100%);min-height:calc(100vh - 1px);padding:34px 38px 48px}.packaging-container{width:min(100%,1500px);margin:0 auto}.packaging-header{justify-content:space-between;align-items:flex-start;gap:28px;margin-bottom:28px;display:flex}.packaging-header-copy{max-width:760px}.packaging-header h1{color:#10233d;letter-spacing:-.03em;margin:0;font-size:clamp(30px,3vw,40px);line-height:1.05}.packaging-header p{color:#61738d;margin:10px 0 0;font-size:15px;line-height:1.55}.packaging-primary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#009b96 0%,#00827e 100%);border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 19px;font-size:14px;font-weight:800;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 9px 22px #008f8a2e}.packaging-primary-button:hover{transform:translateY(-2px);box-shadow:0 13px 28px #008f8a40}.packaging-error{color:#b91c1c;background:#fff7f7;border:1px solid #fecaca;border-radius:10px;margin-bottom:22px;padding:13px 15px;font-size:13px}.packaging-summary-section,.packaging-workspace{margin-bottom:30px}.packaging-section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:14px;padding:0 2px;display:flex}.packaging-section-heading span{color:#71839a;letter-spacing:.11em;margin-bottom:4px;font-size:10px;font-weight:800;display:block}.packaging-section-heading h2{color:#10233d;letter-spacing:-.01em;margin:0;font-size:19px}.packaging-section-heading p{color:#71839a;margin:0 0 1px;font-size:12px}.packaging-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.packaging-summary-card{box-sizing:border-box;background:#fffffff7;border:1px solid #d8e4e7;border-radius:17px;min-height:165px;padding:21px 22px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 8px 25px #1537480e}.packaging-summary-card:after{content:"";background:#008f8a0f;border-radius:50%;width:125px;height:125px;position:absolute;bottom:-65px;right:-55px}.packaging-summary-card-top{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.packaging-summary-icon{color:#008f8a;background:#e9f7f6;border-radius:12px;justify-content:center;align-items:center;width:43px;height:43px;display:inline-flex}.packaging-summary-badge{color:#7b8ea0;letter-spacing:.08em;background:#fbfefe;border:1px solid #dce8e9;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800}.packaging-summary-content{z-index:1;margin-top:17px;position:relative}.packaging-summary-content>span{color:#526982;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:800;display:block}.packaging-summary-content strong{color:#10233d;letter-spacing:-.025em;margin-top:7px;font-size:clamp(25px,2.2vw,31px);line-height:1;display:block}.packaging-summary-content small{color:#8493a4;margin-top:10px;font-size:11px;line-height:1.35;display:block}.packaging-summary-card.tone-teal .packaging-summary-icon{color:#008f8a;background:#e7f8f6}.packaging-summary-card.tone-blue .packaging-summary-icon{color:#1477c9;background:#edf4ff}.packaging-summary-card.tone-amber .packaging-summary-icon{color:#d48500;background:#fff6e5}.packaging-summary-card.tone-red .packaging-summary-icon{color:#d64236;background:#fff0ef}.packaging-summary-card.tone-amber .packaging-summary-content strong{color:#c77700}.packaging-summary-card.tone-red .packaging-summary-content strong{color:#c7352d}.packaging-workspace{background:#ffffffd1;border:1px solid #d8e4e7;border-radius:20px;padding:23px;box-shadow:0 10px 30px #1537480b}.workspace-heading{margin-bottom:18px}.packaging-module-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.packaging-module-card{cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #dbe5e8;border-radius:17px;flex-direction:column;min-height:285px;padding:22px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 7px 22px #1537480b}.packaging-module-card:after{content:"";pointer-events:none;background:#008f8a0e;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-80px;right:-70px}.packaging-module-card:hover{border-color:#c8dfe2;transform:translateY(-3px);box-shadow:0 15px 32px #15374817}.packaging-module-card:focus-visible{outline-offset:2px;outline:3px solid #008f8a2e}.packaging-module-topline{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.packaging-module-icon{color:#008f8a;background:#e9f7f6;border-radius:13px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.packaging-module-arrow{color:#9aacbb;transition:transform .18s,color .18s}.packaging-module-card:hover .packaging-module-arrow{color:#008f8a;transform:translate(3px)}.packaging-module-content{z-index:1;flex:1;margin-top:25px;position:relative}.packaging-module-card h2{color:#10233d;letter-spacing:-.015em;margin:0 0 9px;font-size:20px;line-height:1.2}.packaging-module-card p{color:#657990;max-width:290px;margin:0;font-size:13px;line-height:1.55}.packaging-module-meta{color:#62758a;background:#f4f8f8;border-radius:7px;margin-top:18px;padding:6px 9px;font-size:10px;font-weight:800;display:inline-flex}.packaging-module-card button{z-index:2;color:#008f8a;cursor:pointer;background:#fff;border:1px solid #b9d8da;border-radius:8px;align-self:flex-start;align-items:center;gap:7px;margin-top:20px;padding:9px 12px;font-size:12px;font-weight:800;transition:background .18s,border-color .18s;display:inline-flex;position:relative}.packaging-module-card button:hover{background:#effafa;border-color:#8dc7ca}.packaging-module-card.tone-blue .packaging-module-icon{color:#1477c9;background:#edf5ff}.packaging-module-card.tone-purple .packaging-module-icon{color:#7356c8;background:#f3efff}.packaging-module-card.tone-orange .packaging-module-icon{color:#cf6f18;background:#fff2e7}.packaging-module-card.tone-blue:hover .packaging-module-arrow{color:#1477c9}.packaging-module-card.tone-purple:hover .packaging-module-arrow{color:#7356c8}.packaging-module-card.tone-orange:hover .packaging-module-arrow{color:#cf6f18}@media (width<=1250px){.packaging-page{padding:30px 28px 42px}.packaging-summary-grid,.packaging-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.packaging-page{padding:22px 16px 34px}.packaging-header{flex-direction:column;margin-bottom:24px}.packaging-primary-button{width:100%}.packaging-summary-grid,.packaging-module-grid{grid-template-columns:1fr}.packaging-section-heading{flex-direction:column;align-items:flex-start;gap:6px}.packaging-workspace{border-radius:16px;padding:16px}}.packaging-vendors-page{background:#f5f8f8;min-height:100%;padding:16px 0 32px}.packaging-vendors-container{box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;padding:0 2px}.vendors-back-button{color:#007f7b;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin:0 0 10px;padding:3px 0;font-size:15px;font-weight:700;line-height:1.3;display:inline-flex}.vendors-back-button:hover{color:#005f5c;text-decoration:underline}.packaging-vendors-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:34px;display:flex}.packaging-vendors-title{min-width:0}.packaging-vendors-header h1{color:#071b34;letter-spacing:-.02em;margin:0;font-size:25px;font-weight:800;line-height:1.2}.packaging-vendors-header p{color:#60738c;margin:6px 0 0;font-size:13px;line-height:1.45}.packaging-vendors-header-actions{flex-shrink:0;align-items:center;gap:9px;display:flex}.vendors-view-toggle{background:#fff;border:1px solid #d6e0e3;border-radius:8px;align-items:center;gap:0;padding:4px;display:inline-flex;box-shadow:0 1px 2px #0f172a08}.vendors-view-toggle button{color:#334155;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-width:52px;height:28px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.vendors-view-toggle button:hover{background:#f3f8f8}.vendors-view-toggle button.active{color:#008d89;background:#e8f4f4}.vendors-add-button,.empty-add-button{color:#fff;cursor:pointer;background:#009b97;border:1px solid #009b97;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 17px;font-size:13px;font-weight:800;transition:background .15s,transform .15s;display:inline-flex;box-shadow:0 7px 15px #009b9724}.vendors-add-button:hover,.empty-add-button:hover{background:#008b87}.vendors-add-button:active,.empty-add-button:active{transform:translateY(1px)}.vendors-error{color:#dc2626;background:#fff5f5;border:1px solid #fecaca;border-radius:9px;margin-bottom:20px;padding:12px 14px;font-size:13px}.vendor-form-card{background:#fff;border:1px solid #dbe5ea;border-radius:14px;margin-bottom:24px;padding:24px;box-shadow:0 8px 24px #0f172a0d}.vendor-form-header{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.vendor-form-header h2{color:#071b34;margin:0;font-size:19px}.vendor-form-header p{color:#64748b;margin:5px 0 0;font-size:13px}.vendor-form-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.vendor-form-close:hover{color:#0f172a;background:#e2e8f0}.vendor-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.vendor-field{flex-direction:column;gap:7px;display:flex}.vendor-field.full-width{grid-column:1/-1}.vendor-field label{color:#1e293b;font-size:13px;font-weight:700}.vendor-field input,.vendor-field textarea{box-sizing:border-box;color:#0f172a;width:100%;font:inherit;background:#fff;border:1px solid #d5e0e7;border-radius:9px;outline:none;padding:11px 12px}.vendor-field input:focus,.vendor-field textarea:focus{border-color:#009b97;box-shadow:0 0 0 3px #009b971a}.vendor-field textarea{resize:vertical}.vendor-form-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.vendor-cancel-button,.vendor-save-button{cursor:pointer;border-radius:8px;padding:10px 17px;font-size:14px;font-weight:700}.vendor-cancel-button{color:#334155;background:#fff;border:1px solid #dbe1e8}.vendor-save-button{color:#fff;background:#009b97;border:1px solid #009b97}.vendor-save-button:hover{background:#008b87}.vendor-save-button:disabled{opacity:.6;cursor:not-allowed}.vendors-card{background:0 0;width:100%}.vendors-grid{grid-template-columns:repeat(auto-fill,minmax(360px,395px));align-items:start;gap:20px;display:grid}.vendors-list{flex-direction:column;gap:12px;max-width:1000px;display:flex}.vendor-card{box-sizing:border-box;background:#fff;border:1px solid #d7e1e4;border-radius:14px;min-width:0;padding:22px 22px 20px;transition:box-shadow .15s,transform .15s;overflow:hidden;box-shadow:0 8px 22px #0f172a0e}.vendor-card:hover{transform:translateY(-1px);box-shadow:0 12px 28px #0f172a14}.vendor-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.vendor-card-heading{align-items:center;gap:12px;min-width:0;display:flex}.vendor-icon{color:#009b97;background:#eaf8f7;border-radius:11px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.vendor-card-title-wrap{min-width:0}.vendor-name-link{color:#101827;max-width:100%;font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-size:17px;font-weight:800;line-height:1.25;display:block;overflow:hidden}.vendor-name-link:hover{color:#007f7b;text-decoration:underline}.vendor-code{color:#64748b;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:11px;line-height:1.3;overflow:hidden}.vendor-status{border-radius:999px;flex:none;justify-content:center;align-items:center;padding:6px 10px;font-size:10px;font-weight:800;line-height:1;display:inline-flex}.vendor-status.active{color:#00845a;background:#e8f8f3}.vendor-status.inactive{color:#64748b;background:#f1f5f9}.vendor-card-divider{background:#e7edef;height:1px;margin:17px 0}.vendor-card-details{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:19px 18px;display:grid}.vendor-detail{flex-direction:column;gap:5px;min-width:0;display:flex}.vendor-detail-label{color:#708094;letter-spacing:.08em;font-size:9px;font-weight:800}.vendor-detail-value{color:#111827;min-width:0;font-size:12px;font-weight:700;line-height:1.35}.vendor-detail-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vendor-card-actions{justify-content:flex-end;align-items:center;gap:7px;display:flex}.vendor-open-button,.vendor-edit-button,.vendor-delete-button{box-sizing:border-box;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:5px;min-height:32px;font-size:11px;font-weight:800;display:inline-flex}.vendor-open-button{color:#008b87;background:#fff;border:1px solid #a7dfe0;padding:0 11px}.vendor-open-button:hover{background:#effafa}.vendor-edit-button{color:#111827;background:#fff;border:1px solid #374151;padding:0 10px}.vendor-edit-button:hover{background:#f5f7f8}.vendor-delete-button{color:#dc2626;background:#fff;border:1px solid #fecaca;width:32px;padding:0}.vendor-delete-button:hover{background:#fff5f5}.vendors-list .vendor-card{width:100%;max-width:none}.vendors-list .vendor-card-details{grid-template-columns:repeat(4,minmax(0,1fr))}.vendors-list .vendor-card-actions{justify-content:flex-start}.vendors-empty{color:#94a3b8;text-align:center;box-sizing:border-box;background:#fff;border:1px solid #d7e1e4;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:30px;display:flex}.vendors-empty h3{color:#1e293b;margin:13px 0 5px}.vendors-empty p{color:#64748b;margin:0 0 18px;font-size:13px}.delete-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.delete-modal{background:#fff;border-radius:16px;width:min(460px,100%);overflow:hidden;box-shadow:0 20px 50px #0f172a38}.delete-modal-header{justify-content:space-between;align-items:flex-start;padding:22px 22px 0;display:flex}.delete-warning-icon{color:#dc2626;background:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.delete-modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.delete-modal-close:hover{background:#f1f5f9}.delete-modal-content{padding:18px 22px 22px}.delete-modal-content h2{color:#111827;margin:0 0 8px;font-size:20px}.delete-modal-content p{color:#64748b;margin:0;font-size:14px;line-height:1.55}.delete-vendor-name{color:#111827;background:#f8fafc;border:1px solid #e5e7eb;border-radius:9px;margin-top:15px;padding:12px 14px;font-size:15px;font-weight:700}.delete-warning-text{color:#dc2626!important;margin-top:10px!important}.delete-confirmation-label{color:#334155;margin-top:20px;margin-bottom:7px;font-size:13px;font-weight:600;display:block}.delete-confirmation-label strong{color:#dc2626}.delete-confirmation-input{box-sizing:border-box;width:100%;font:inherit;border:1px solid #dbe1e8;border-radius:8px;outline:none;padding:11px 12px}.delete-confirmation-input:focus{border-color:#dc2626}.delete-modal-actions{background:#fafafa;border-top:1px solid #edf0f3;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.delete-cancel-button,.delete-confirm-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:10px 15px;font-size:13px;font-weight:700;display:inline-flex}.delete-confirm-button:hover:not(:disabled){background:#b91c1c}.delete-confirm-button:disabled,.delete-cancel-button:disabled{opacity:.5;cursor:not-allowed}@media (width<=850px){.packaging-vendors-page{padding:18px 12px 28px}.packaging-vendors-container{padding:0}.packaging-vendors-header{flex-direction:column;align-items:stretch;gap:18px;margin-bottom:24px}.packaging-vendors-header-actions{justify-content:space-between}.vendors-grid{grid-template-columns:minmax(0,1fr)}.vendor-form-grid{grid-template-columns:1fr}.vendor-field.full-width{grid-column:auto}.vendors-list .vendor-card-details{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.packaging-vendors-header-actions{flex-direction:column;align-items:stretch}.vendors-view-toggle{width:100%}.vendors-view-toggle button{flex:1}.vendors-add-button{width:100%}.vendor-card{padding:18px}.vendor-card-top{gap:8px}.vendor-card-details,.vendors-list .vendor-card-details{grid-template-columns:1fr}.vendor-card-actions{flex-wrap:wrap;justify-content:flex-start}.delete-modal-overlay{padding:14px}.delete-modal-actions{flex-direction:column-reverse}.delete-cancel-button,.delete-confirm-button{width:100%}}.packaging-items-page{width:100%;min-height:100%}.packaging-items-container{max-width:1180px;margin:0 auto;padding:28px 32px 50px}.packaging-items-back{color:#007f7b;cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;margin-bottom:22px;padding:0;font-weight:600;display:inline-flex}.packaging-items-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px;display:flex}.packaging-items-header h1{color:#07152b;margin:4px 0;font-size:30px}.packaging-items-header p{color:#60758f;margin:0}.section-eyebrow{color:#008b87;letter-spacing:.08em;font-size:12px;font-weight:800}.packaging-items-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.packaging-items-add-button,.packaging-items-export-button,.empty-add-button,.form-save-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:11px 17px;font-weight:700;display:inline-flex}.packaging-items-add-button,.form-save-button,.empty-add-button{color:#fff;background:#008f8b;border:none}.packaging-items-add-button:hover,.empty-add-button:hover,.form-save-button:hover{background:#007d79}.packaging-items-export-button{color:#007f7b;background:#fff;border:1px solid #9fcfd0}.packaging-items-export-button:hover{background:#eef9f8;border-color:#008f8b}.packaging-items-export-button:disabled{opacity:.55;cursor:not-allowed}.packaging-items-error{color:#d52f2f;background:#fff1f1;border:1px solid #ffb8b8;border-radius:8px;margin-bottom:18px;padding:12px 15px}.packaging-item-form-card,.packaging-items-card{background:#fff;border:1px solid #d8e2e7;border-radius:12px;box-shadow:0 3px 12px #1e37460d}.packaging-item-form-card{margin-bottom:22px;padding:24px}.packaging-item-form-header{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.packaging-item-form-header h2{color:#14233a;margin:0 0 5px;font-size:20px}.packaging-item-form-header p{color:#70829a;margin:0;font-size:14px}.form-close-button{color:#65778d;cursor:pointer;background:0 0;border:none}.packaging-item-form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-field input,.form-field select{box-sizing:border-box;color:#17263c;background:#fff;border:1px solid #cbd9e0;border-radius:7px;outline:none;width:100%;height:43px;padding:0 12px;font-size:14px}.form-field input:focus,.form-field select:focus{border-color:#009e9a;box-shadow:0 0 0 2px #009e9a14}.rate-input-wrapper{position:relative}.rate-input-wrapper span{color:#60758f;font-weight:600;position:absolute;top:12px;left:12px}.rate-input-wrapper input{padding-left:28px}.add-vendor-inline{color:#008b87;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;width:fit-content;padding:0;font-size:12px;font-weight:700;display:inline-flex}.packaging-item-form-actions{border-top:1px solid #e6edf0;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:18px;display:flex}.form-cancel-button{color:#34465b;cursor:pointer;background:#fff;border:1px solid #d1dce2;border-radius:7px;padding:10px 17px;font-weight:700}.packaging-items-card-header{border-bottom:1px solid #dce5e9;padding:20px 22px}.packaging-items-card-header h2{color:#14233a;margin:0 0 4px;font-size:19px}.packaging-items-card-header p{color:#71839a;margin:0;font-size:13px}.packaging-items-list{flex-direction:column;display:flex}.packaging-item-row{border-bottom:1px solid #e1e8eb;grid-template-columns:52px minmax(180px,1.5fr) minmax(150px,1fr) 125px 90px auto;align-items:center;gap:16px;padding:17px 22px;display:grid}.packaging-item-row:last-child{border-bottom:none}.packaging-item-icon{color:#008e8a;background:#e8f7f6;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.packaging-item-name-button{color:#0872b9;cursor:pointer;text-align:left;background:0 0;border:none;margin:0 0 4px;padding:0;font-size:15px;font-weight:700;display:block}.packaging-item-name-button:hover{color:#005f9f;text-decoration:underline}.packaging-item-info span,.packaging-item-vendor span,.packaging-item-rate span,.packaging-item-moq span{color:#71839a;font-size:12px;display:block}.packaging-item-vendor strong,.packaging-item-rate strong,.packaging-item-moq strong{color:#18283e;margin-top:4px;font-size:14px;display:block}.packaging-item-rate strong{color:#008d89}.packaging-item-moq strong{color:#18283e}.packaging-item-actions{align-items:center;gap:7px;display:flex}.item-edit-button,.item-delete-button{cursor:pointer;border-radius:7px;align-items:center;gap:5px;padding:8px 11px;font-size:12px;font-weight:700;display:inline-flex}.item-edit-button{color:#006fb2;background:#fff;border:1px solid #bcd2dc}.item-delete-button{color:#e73535;background:#fff;border:1px solid #ffb3b3}.packaging-items-empty{color:#73869c;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:240px;display:flex}.packaging-items-empty svg{color:#008e8a}.packaging-items-empty h3{color:#26364c;margin:5px 0 0}.packaging-items-empty p{margin:0 0 8px}.packaging-delete-overlay{z-index:1000;background:#121f2f7a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.packaging-delete-modal{background:#fff;border-radius:14px;width:min(415px,100%);padding:24px 20px 14px;position:relative;box-shadow:0 20px 55px #00000038}.delete-modal-icon{color:#ef3939;background:#fff0f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:16px;display:flex}.delete-modal-close{color:#63758a;cursor:pointer;background:0 0;border:none;position:absolute;top:20px;right:20px}.packaging-delete-modal h2{color:#1b283d;margin:0 0 5px;font-size:20px}.packaging-delete-modal>p{color:#687b92;margin:0 0 15px;font-size:13px}.delete-item-name{color:#1d2d43;background:#f7f9fa;border:1px solid #d8e0e6;border-radius:7px;margin-bottom:10px;padding:11px 12px;font-weight:700}.delete-warning{color:#f03a3a;margin-bottom:20px;font-size:12px}.delete-confirm-label{color:#34465c;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.delete-confirm-label strong{color:#ef3333}.packaging-delete-modal>input{box-sizing:border-box;border:1px solid #bfcfd8;border-radius:7px;outline:none;width:100%;height:40px;padding:0 11px}.packaging-delete-modal>input:focus{border-color:#009c99;box-shadow:0 0 0 2px #009c9914}.delete-modal-actions{border-top:1px solid #e5eaed;justify-content:flex-end;gap:9px;margin:20px -20px -14px;padding:14px 20px;display:flex}.delete-cancel-button,.delete-confirm-button{cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:9px 13px;font-weight:700;display:inline-flex}.delete-cancel-button{color:#405268;background:#fff;border:1px solid #d2dce2}.delete-confirm-button{color:#fff;background:#ef9b9b;border:none}.delete-confirm-button:not(:disabled){background:#e73838}.delete-confirm-button:disabled{cursor:not-allowed;opacity:.75}@media (width<=1050px){.packaging-item-row{grid-template-columns:42px minmax(160px,1.4fr) minmax(130px,1fr) 110px 75px auto;gap:12px}.item-edit-button,.item-delete-button{padding:7px 9px}}@media (width<=850px){.packaging-items-container{padding:22px 18px 40px}.packaging-item-row{grid-template-columns:42px 1fr}.packaging-item-vendor,.packaging-item-rate,.packaging-item-moq,.packaging-item-actions{grid-column:2}.packaging-item-actions{justify-content:flex-start}}@media (width<=650px){.packaging-items-header{flex-direction:column}.packaging-items-header-actions{flex-direction:column;width:100%}.packaging-items-header-actions button{width:100%}.packaging-item-form-grid{grid-template-columns:1fr}.packaging-items-add-button,.packaging-items-export-button{width:100%}.packaging-item-row{padding:16px}}.packaging-item-photo-section{border-top:1px solid #e6edf0;margin-top:22px;padding-top:20px}.packaging-item-photo-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.packaging-item-photo-header label{color:#17263c;font-size:13px;font-weight:700;display:block}.packaging-item-photo-header p{color:#71839a;margin:5px 0 0;font-size:12px}.packaging-item-photo-header>span{color:#007f7b;background:#f7fbfb;border:1px solid #d8e5e8;border-radius:999px;flex:none;padding:5px 9px;font-size:11px;font-weight:800}.packaging-photo-upload{color:#007f7b;cursor:pointer;background:#f8fcfc;border:1px dashed #9fcfd0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:92px;transition:all .18s;display:flex;position:relative}.packaging-photo-upload:hover{background:#f1fbfa;border-color:#008f8b}.packaging-photo-upload strong{font-size:13px}.packaging-photo-upload span{color:#71839a;font-size:11px;font-weight:600}.packaging-photo-upload input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.packaging-photo-upload input:disabled{cursor:not-allowed}.packaging-photo-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.packaging-photo-card{background:#f7f9fa;border:1px solid #d8e2e7;border-radius:10px;min-width:0;position:relative;overflow:hidden}.packaging-photo-card img{aspect-ratio:1;object-fit:cover;background:#eef3f4;width:100%;display:block}.packaging-photo-card>span{color:#71839a;white-space:nowrap;text-overflow:ellipsis;padding:6px 7px;font-size:10px;font-weight:700;display:block;overflow:hidden}.packaging-photo-remove{color:#fff;cursor:pointer;background:#182736b8;border:1px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:27px;height:27px;display:inline-flex;position:absolute;top:6px;right:6px}.packaging-photo-remove:hover{background:#d22d2deb}.packaging-photo-uploading{color:#007f7b;align-items:center;gap:7px;margin-top:10px;font-size:12px;font-weight:700;display:flex}.packaging-photo-spinner{animation:.9s linear infinite packaging-photo-spin}@keyframes packaging-photo-spin{to{transform:rotate(360deg)}}.packaging-item-icon{overflow:hidden}.packaging-item-icon img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=850px){.packaging-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=650px){.packaging-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.packaging-item-photo-header{flex-direction:column;gap:8px}}.form-field select[name=category_id]{font-weight:600}.manage-category-inline{color:#008f89;cursor:pointer;background:0 0;border:0;margin-top:7px;padding:0;font-size:12px;font-weight:700}.manage-category-inline:hover{text-decoration:underline}.packaging-orders-page{min-height:100%;padding:28px}.packaging-orders-container{max-width:1400px;margin:0 auto}.packaging-orders-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.packaging-orders-back-button{color:#007f7b;cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;margin-bottom:16px;padding:0;font-size:14px;font-weight:600;display:inline-flex}.packaging-orders-back-button:hover{color:#005f5c}.packaging-orders-header h1{color:#071b35;margin:4px 0;font-size:30px}.packaging-orders-header p{color:#61738d;margin:0;font-size:14px}.section-eyebrow{letter-spacing:.08em;color:#008c87;font-size:11px;font-weight:700}.packaging-primary-button{color:#fff;cursor:pointer;background:#008f8b;border:none;border-radius:8px;align-items:center;gap:7px;padding:11px 16px;font-weight:700;transition:all .2s;display:inline-flex}.packaging-primary-button:hover{background:#007c78}.packaging-orders-error{color:#dc2626;background:#fff1f1;border:1px solid #ffb8b8;border-radius:8px;margin-bottom:18px;padding:12px 14px;font-size:14px}.packaging-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.packaging-summary-card{background:#fff;border:1px solid #d8e1e8;border-radius:16px;min-height:152px;padding:22px 24px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 8px 24px #0f2a440f}.packaging-summary-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0f2a4417}.packaging-summary-card:after{content:"";pointer-events:none;background:#edf7f7;border-radius:50%;width:115px;height:115px;position:absolute;bottom:-52px;right:-38px}.packaging-summary-card-blue{border-color:#c9dff2}.packaging-summary-card-blue:after{background:#edf5ff}.packaging-summary-card-green{border-color:#c5e6df}.packaging-summary-card-green:after{background:#ebfaf5}.packaging-summary-card-top{z-index:1;justify-content:space-between;align-items:flex-start;gap:18px;display:flex;position:relative}.packaging-summary-label{color:#60748c;letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px;font-size:11px;font-weight:800}.packaging-summary-value{color:#071b35;letter-spacing:-.02em;font-size:30px;line-height:1.1;display:block}.packaging-summary-card-blue .packaging-summary-value{color:#006bb3}.packaging-summary-card-green .packaging-summary-value{color:#008f8b}.packaging-summary-helper{z-index:1;color:#8191a5;margin-top:18px;font-size:12px;display:block;position:relative}.packaging-summary-icon{z-index:1;border-radius:12px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;position:relative}.packaging-summary-icon-teal{color:#008f8b;background:#eaf7f7}.packaging-summary-icon-blue{color:#0875bd;background:#edf5ff}.packaging-summary-icon-green{color:#008f8b;background:#ebfaf5}.packaging-orders-card{background:#fff;border:1px solid #d8e1e8;border-radius:10px;overflow:hidden}.packaging-orders-card-header{background:linear-gradient(#fff 0%,#fbfdfd 100%);border-bottom:1px solid #dce5eb;padding:22px 24px}.packaging-orders-card-title{justify-content:space-between;align-items:center;gap:24px;display:flex}.packaging-orders-card-header h2{color:#071b35;margin:0 0 5px;font-size:19px;line-height:1.25}.packaging-orders-card-header p{color:#718096;margin:0;font-size:13px}.packaging-priority-sort{flex:none;align-items:center;gap:10px;display:inline-flex}.packaging-priority-sort span{color:#536a83;font-size:12px;font-weight:700}.packaging-priority-sort select{color:#233b57;cursor:pointer;background:#fff;border:1px solid #cbd9e3;border-radius:9px;outline:none;min-width:155px;height:38px;padding:0 34px 0 12px;font-size:13px;font-weight:600}.packaging-priority-sort select:hover{border-color:#008f8b}.packaging-priority-sort select:focus{border-color:#008f8b;box-shadow:0 0 0 3px #008f8b1a}.packaging-orders-table-wrapper{width:100%;overflow-x:auto}.packaging-orders-table{border-collapse:collapse;width:100%;min-width:1320px}.packaging-orders-table th{color:#4d6681;text-align:left;white-space:nowrap;background:#eef5f7;padding:13px 14px;font-size:11px;font-weight:700}.packaging-orders-table td{color:#233b57;white-space:nowrap;border-bottom:1px solid #e2e8ee;padding:15px 14px;font-size:13px}.packaging-orders-table tbody tr:last-child td{border-bottom:none}.packaging-orders-table tbody tr:hover{background:#fafcfc}.order-number{color:#006d9c}.date-cell{align-items:center;gap:5px;display:inline-flex}.item-count{color:#008f8b;background:#edf7f7;border-radius:14px;justify-content:center;align-items:center;min-width:25px;height:25px;padding:0 7px;font-weight:700;display:inline-flex}.paid-amount{font-weight:600;color:#008f8b!important}.pending-amount{font-weight:600;color:#d97706!important}.order-priority{text-transform:capitalize;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-width:72px;padding:6px 10px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.priority-high{color:#d6452f;background:#fff0ed;border-color:#ffc8bf}.priority-medium{color:#b77900;background:#fff7df;border-color:#f5d58a}.priority-low{color:#16834b;background:#eaf8ef;border-color:#bce6cc}.priority-unknown,.priority--{color:#65778c;background:#f1f5f8;border-color:#d9e1e8}.order-items-list{white-space:normal;flex-direction:column;gap:4px;min-width:170px;max-width:270px;display:flex}.order-item-name{color:#183654;font-size:12px;font-weight:600;line-height:1.35;display:block}.order-item-name:before{content:"•";color:#008f8b;margin-right:6px}.order-items-empty{color:#8a99aa}.order-status{border-radius:15px;align-items:center;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.status-in-production{color:#6c3dc5;background:#f2edff}.status-ready{color:#198754;background:#e9f8ef}.status-dispatched{color:#1976b9;background:#eaf5ff}.order-actions{align-items:center;gap:6px;display:flex}.order-action-button,.order-delete-button{cursor:pointer;background:#fff;border-radius:7px;justify-content:center;align-items:center;width:34px;height:32px;display:inline-flex}.order-action-button{color:#0071a8;border:1px solid #b9d5e3}.order-action-button:hover{background:#eef8fb}.order-delete-button{color:#e53935;border:1px solid #ffb6b6}.order-delete-button:hover{background:#fff0f0}.packaging-orders-empty{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:50px 20px;display:flex}.packaging-orders-empty h3{color:#172b46;margin:12px 0 6px;font-size:17px}.packaging-orders-empty p{max-width:450px;margin:0 0 18px;font-size:13px}.packaging-empty-icon{color:#008f8b;background:#edf7f7;border-radius:12px;justify-content:center;align-items:center;width:58px;height:58px;display:flex}@media (width<=1050px){.packaging-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.packaging-orders-card-title{align-items:flex-start}}@media (width<=900px){.packaging-summary-grid{grid-template-columns:1fr}}@media (width<=700px){.packaging-orders-page{padding:18px}.packaging-orders-header{flex-direction:column}.packaging-orders-card-title{flex-direction:column;align-items:stretch;gap:16px}.packaging-priority-sort{justify-content:space-between}.packaging-priority-sort select{flex:1}.packaging-primary-button{justify-content:center;width:100%}}.packaging-order-number-button{color:#006d9c;font-size:inherit;cursor:pointer;text-align:left;background:0 0;border:none;margin:0;padding:0;font-family:inherit;font-weight:700}.packaging-order-number-button:hover{text-decoration:underline}.add-packaging-order-page{min-height:100%;padding:28px}.add-packaging-order-container{max-width:1100px;margin:0 auto}.add-packaging-order-header{margin-bottom:25px}.add-packaging-order-header h1{color:#071b35;margin:4px 0;font-size:30px}.add-packaging-order-header p{color:#61738d;margin:0;font-size:14px}.add-packaging-order-error{color:#dc2626;background:#fff1f1;border:1px solid #ffb8b8;border-radius:8px;margin-bottom:18px;padding:12px 14px;font-size:14px}.add-packaging-order-card{background:#fff;border:1px solid #d8e1e8;border-radius:10px;margin-bottom:20px;padding:22px}.order-items-list{flex-direction:column;gap:12px;display:flex}.order-item-row{background:#fafcfc;border:1px solid #e0e7ec;border-radius:8px;grid-template-columns:35px 1.35fr 1.75fr .8fr .8fr .95fr 40px;align-items:end;gap:12px;padding:15px;display:grid}.item-row-number{color:#008f8b;background:#edf7f7;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:5px;font-size:12px;font-weight:700;display:flex}.remove-item-button{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #ffb7b7;border-radius:7px;justify-content:center;align-items:center;width:38px;height:39px;display:flex}@media (width<=800px){.add-packaging-order-page{padding:18px}.form-grid,.payment-summary{grid-template-columns:1fr}.items-card-header{flex-direction:column;align-items:flex-start}.order-item-row{grid-template-columns:1fr 1fr}.item-row-number{display:none}}.order-item-row .form-field select:disabled{color:#8a98a8;cursor:not-allowed;background:#f3f6f8}.order-item-row .form-field label span{color:#dc2626}@media (width<=1100px){.order-item-row{grid-template-columns:35px 1fr 1fr .75fr .75fr .9fr 40px}}@media (width<=800px){.order-item-row{grid-template-columns:1fr 1fr}.order-item-row .item-row-amount,.order-item-row .remove-item-button{align-self:end}}.edit-packaging-order-page{min-height:100%;padding:28px}.edit-packaging-order-container{max-width:1100px;margin:0 auto}.edit-packaging-order-card{background:#fff;border:1px solid #d8e1e8;border-radius:10px;margin-bottom:20px;padding:22px}.form-card-heading{align-items:center;gap:12px;margin-bottom:22px;display:flex}.form-heading-icon{color:#008f8b;background:#edf7f7;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.form-card-heading h2,.items-card-header h2,.summary-heading h2{color:#172b46;margin:0 0 4px;font-size:18px}.form-card-heading p,.items-card-header p{color:#718096;margin:0;font-size:13px}.form-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.form-field{flex-direction:column;gap:7px;display:flex}.form-field label{color:#263b55;font-size:12px;font-weight:700}.form-field label span{color:#dc2626}.form-field input,.form-field select,.form-field textarea{box-sizing:border-box;color:#243b53;background:#fff;border:1px solid #cfdbe4;border-radius:7px;outline:none;width:100%;padding:10px 11px;font-size:14px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#009c9a;box-shadow:0 0 0 2px #009c9a14}.form-field input:disabled{color:#64748b;background:#f3f6f8}.form-field small{color:#8190a5;font-size:11px}.items-card-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.add-item-row-button{color:#008b89;cursor:pointer;background:#fff;border:1px solid #9ed6da;border-radius:7px;align-items:center;gap:6px;padding:9px 13px;font-weight:700;display:inline-flex}.add-item-row-button:hover{background:#eefafa}.no-order-items{color:#718096;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:180px;display:flex}.no-order-items p{margin:10px 0 15px;font-size:13px}.order-items-list{flex-direction:column;gap:12px;width:100%;min-width:0;display:flex}.edit-order-item-row{box-sizing:border-box;background:#fafcfc;border:1px solid #e0e7ec;border-radius:8px;grid-template-columns:42px minmax(190px,1.15fr) minmax(280px,1.75fr) 105px 115px 120px 44px;align-items:end;column-gap:14px;width:100%;min-width:0;max-width:100%;padding:16px;display:grid}.edit-order-item-row>*{box-sizing:border-box;width:100%;min-width:0}.edit-order-item-row .form-field,.edit-order-item-row .form-field input,.edit-order-item-row .form-field select{width:100%;min-width:0}.item-row-number{color:#008f8b;background:#edf7f7;border-radius:50%;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;margin-bottom:5px;font-size:12px;font-weight:700;display:flex}.item-row-amount{flex-direction:column;justify-content:center;height:41px;display:flex}.item-row-amount span{color:#718096;font-size:11px}.item-row-amount strong{color:#172b46;font-size:14px}.remove-item-button{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #ffb7b7;border-radius:7px;justify-content:center;align-items:center;width:38px;min-width:38px;height:39px;display:flex}.remove-item-button:hover{background:#fff1f1}.summary-heading{margin-bottom:18px}.payment-summary{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px;display:grid}.summary-box{background:#fafcfc;border:1px solid #dbe4ea;border-radius:8px;padding:16px}.summary-box span{color:#61738d;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.summary-box strong{color:#172b46;font-size:20px}.summary-box input{box-sizing:border-box;border:1px solid #cfdbe4;border-radius:6px;width:100%;padding:7px 9px;font-size:15px}.pending-summary strong{color:#d97706}.notes-field{margin-top:5px}.form-actions{justify-content:flex-end;gap:10px;margin-bottom:30px;display:flex}.cancel-button,.save-order-button{cursor:pointer;border-radius:7px;padding:11px 18px;font-weight:700}.cancel-button{color:#425466;background:#fff;border:1px solid #ccd7df}.save-order-button{color:#fff;background:#008f8b;border:none}.save-order-button:hover{background:#007c78}.save-order-button:disabled{opacity:.6;cursor:not-allowed}@media (width<=800px){.edit-packaging-order-page{padding:18px}.form-grid,.payment-summary{grid-template-columns:1fr}.items-card-header{flex-direction:column;align-items:flex-start}.edit-order-item-row{grid-template-columns:1fr 1fr}.item-row-number{display:none}}.order-item-helper{color:#8190a5;font-size:11px;line-height:1.3}.edit-order-item-row .form-field select:disabled{color:#8a98a8;cursor:not-allowed;background:#f3f6f8}.edit-order-item-row .form-field label span{color:#dc2626}@media (width<=1100px) and (width>=801px){.edit-order-item-row{grid-template-columns:36px minmax(160px,1.1fr) minmax(220px,1.5fr) 95px 105px 110px 42px;column-gap:10px;padding:13px}}@media (width<=800px){.edit-order-item-row{grid-template-columns:1fr 1fr;gap:12px;padding:13px}.item-row-number{grid-column:1/-1;margin-bottom:0}.edit-order-item-row .item-row-amount,.edit-order-item-row .remove-item-button{align-self:end}}.edit-packaging-order-header{margin-bottom:25px}.edit-packaging-order-header h1{color:#071b35;margin:4px 0;font-size:30px}.edit-packaging-order-header p{color:#61738d;margin:0;font-size:14px}.edit-packaging-order-error{color:#dc2626;background:#fff1f1;border:1px solid #ffb8b8;border-radius:8px;margin-bottom:18px;padding:12px 14px;font-size:14px}.edit-packaging-order-page .save-order-button{background:#007f80}.edit-packaging-order-page .save-order-button:hover{background:#006f70}.edit-packaging-order-page .form-field input:disabled{color:#64748b;background:#f3f6f8}@media (width<=800px){.edit-packaging-order-page{padding:18px}}.edit-packaging-order-page .order-items-list{flex-direction:column;width:100%;min-width:0;max-width:100%;display:flex}.edit-packaging-order-page .edit-order-item-row{box-sizing:border-box!important;grid-template-columns:42px minmax(190px,1.15fr) minmax(280px,1.75fr) 105px 115px 120px 44px!important;align-items:end!important;gap:14px!important;width:100%!important;min-width:0!important;max-width:none!important;display:grid!important}.edit-packaging-order-page .edit-order-item-row .form-field{width:100%!important;min-width:0!important}.edit-packaging-order-page .edit-order-item-row .form-field select,.edit-packaging-order-page .edit-order-item-row .form-field input{box-sizing:border-box!important;width:100%!important;min-width:0!important}@media (width<=1100px) and (width>=801px){.edit-packaging-order-page .edit-order-item-row{grid-template-columns:36px minmax(160px,1.1fr) minmax(220px,1.5fr) 95px 105px 110px 42px!important;gap:10px!important}}@media (width<=800px){.edit-packaging-order-page .edit-order-item-row{grid-template-columns:1fr 1fr!important;gap:12px!important}.edit-packaging-order-page .edit-order-item-row .item-row-number{grid-column:1/-1}}.packaging-order-details-page{min-height:100%;padding:28px}.packaging-order-details-container{max-width:1100px;margin:0 auto}.packaging-back-button{color:#007f80;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:22px;padding:0;font-weight:600;display:inline-flex}.order-details-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.order-details-header h1{color:#071b35;margin:4px 0;font-size:30px}.order-details-header p{color:#61738d;margin:0;font-size:14px}.order-details-header-actions{gap:8px;display:flex}.order-edit-button,.order-delete-button-large{cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:10px 14px;font-weight:700;display:inline-flex}.order-edit-button{color:#0071a8;background:#fff;border:1px solid #b9d5e3}.order-delete-button-large{color:#dc2626;background:#fff;border:1px solid #ffb6b6}.order-detail-status{color:#008f8b;background:#edf7f7;border-radius:20px;align-items:center;gap:8px;margin-bottom:20px;padding:7px 12px;font-size:12px;display:inline-flex}.order-detail-status span{color:#61738d}.details-grid{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;display:grid}.details-card{background:#fff;border:1px solid #d8e1e8;border-radius:10px;margin-bottom:18px;padding:22px}.details-grid .details-card{margin-bottom:0}.details-card-heading{color:#008f8b;align-items:center;gap:9px;margin-bottom:20px;display:flex}.details-card-heading h2{color:#172b46;margin:0;font-size:18px}.details-info-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.details-info-grid span,.payment-detail-list span{color:#718096;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.details-info-grid strong,.payment-detail-list strong{color:#243b53;font-size:14px}.payment-detail-list{flex-direction:column;gap:16px;display:flex}.detail-paid{color:#008f8b!important}.detail-pending{color:#d97706!important}.order-items-detail-card{padding-bottom:0}.order-items-detail-table-wrapper{overflow-x:auto}.order-items-detail-table{border-collapse:collapse;width:100%;min-width:600px}.order-items-detail-table th{color:#4d6681;text-align:left;background:#edf4f6;padding:11px;font-size:11px}.order-items-detail-table td{color:#334e68;border-bottom:1px solid #e2e8ee;padding:14px 11px;font-size:13px}.order-items-detail-table tbody tr:last-child td{border-bottom:none}.notes-detail-card h2{color:#172b46;margin:0 0 8px;font-size:17px}.notes-detail-card p{color:#61738d;margin:0;font-size:14px;line-height:1.6}.order-details-error{color:#dc2626;background:#fff1f1;border:1px solid #ffb8b8;border-radius:8px;margin-bottom:18px;padding:12px 14px;font-size:14px}@media (width<=750px){.packaging-order-details-page{padding:18px}.order-details-header{flex-direction:column}.order-details-header-actions{width:100%}.order-edit-button,.order-delete-button-large{flex:1;justify-content:center}.details-grid,.details-info-grid{grid-template-columns:1fr}}.packaging-category-page{box-sizing:border-box;background:#f5f9f9;min-height:100%;padding:28px 34px 50px}.packaging-category-container{width:100%;max-width:1120px;margin:0 auto}.packaging-category-back{color:#007e83;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-bottom:22px;padding:0;font-size:14px;font-weight:700;display:inline-flex}.packaging-category-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.packaging-category-header h1{color:#0b1f33;margin:5px 0;font-size:32px;line-height:1.1}.packaging-category-header p{color:#657b91;margin:0;font-size:14px}.packaging-category-primary-button{color:#fff;cursor:pointer;background:#009a94;border:0;border-radius:8px;align-items:center;gap:7px;padding:11px 16px;font-weight:800;display:inline-flex;box-shadow:0 7px 18px #00918b26}.packaging-category-primary-button:hover{background:#008680}.packaging-category-error{color:#c62828;background:#fff4f4;border:1px solid #fecaca;border-radius:8px;margin-bottom:18px;padding:12px 14px;font-size:13px}.packaging-category-card,.packaging-category-form-card{background:#fff;border:1px solid #d5e1e6;border-radius:12px;overflow:hidden;box-shadow:0 7px 24px #1c3d4e0d}.packaging-category-form-card{margin-bottom:20px;padding:22px}.packaging-category-form-header,.packaging-category-card-header{justify-content:space-between;align-items:center;gap:18px;display:flex}.packaging-category-form-header{margin-bottom:18px}.packaging-category-form-header h2,.packaging-category-card-header h2{color:#10253b;margin:0;font-size:18px}.packaging-category-form-header p,.packaging-category-card-header p{color:#73869a;margin:5px 0 0;font-size:12px}.packaging-category-card-header{color:#008d88;border-bottom:1px solid #e2eaed;padding:19px 22px}.packaging-category-close{color:#71869a;cursor:pointer;background:0 0;border:0;padding:4px}.packaging-category-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.packaging-category-field label{color:#29445e;margin-bottom:7px;font-size:12px;font-weight:800;display:block}.packaging-category-field label span{color:#dc2626}.packaging-category-field input{box-sizing:border-box;color:#172b40;border:1px solid #c8d9e0;border-radius:7px;outline:none;width:100%;padding:11px 12px;font-size:13px}.packaging-category-field input:focus{border-color:#62b9b7;box-shadow:0 0 0 3px #00979114}.packaging-category-form-actions{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.packaging-category-form-actions button{color:#36516a;cursor:pointer;background:#fff;border:1px solid #c8d9e0;border-radius:7px;padding:9px 13px;font-weight:700}.packaging-category-form-actions button[type=submit]{color:#fff;background:#009a94;border-color:#009a94}.packaging-category-form-actions .danger{color:#d22f2f;background:#fff;border-color:#f2aaaa}.packaging-category-list{flex-direction:column;display:flex}.packaging-category-row{cursor:pointer;border-bottom:1px solid #e3eaed;grid-template-columns:46px minmax(0,1fr) 85px auto 38px 38px;align-items:center;gap:15px;min-height:78px;padding:12px 18px;transition:background .15s;display:grid}.packaging-category-row:last-child{border-bottom:0}.packaging-category-row:hover{background:#f8fbfb}.packaging-category-row-icon{color:#008e89;background:#e7f7f6;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.packaging-category-row-info{min-width:0}.packaging-category-row-info strong{color:#0872b9;margin-bottom:4px;font-size:15px;display:block}.packaging-category-row-info span{color:#7a8ea1;white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.packaging-category-count{text-align:center}.packaging-category-count strong{color:#10263c;font-size:17px;display:block}.packaging-category-count span{color:#7b8fa1;text-transform:uppercase;letter-spacing:.4px;font-size:10px}.packaging-category-row-action{color:#00837f;cursor:pointer;background:#fff;border:1px solid #9ed2d2;border-radius:7px;align-items:center;gap:4px;padding:8px 11px;font-weight:800;display:inline-flex}.packaging-category-edit,.packaging-category-delete{cursor:pointer;background:#fff;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.packaging-category-edit{color:#0872b9;border:1px solid #bcd2dc}.packaging-category-delete{color:#d53a3a;border:1px solid #f0bcbc}.packaging-category-empty{color:#73869c;text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:270px;padding:25px;display:flex}.packaging-category-empty svg{color:#6cb9b8}.packaging-category-empty h3{color:#17324a;margin:4px 0 0;font-size:16px}.packaging-category-empty p{max-width:430px;margin:0;font-size:12px}.packaging-category-outline-button{color:#007e83;cursor:pointer;background:#fff;border:1px solid #83c8c8;border-radius:7px;align-items:center;gap:6px;margin-top:9px;padding:9px 13px;font-weight:800;display:inline-flex}.packaging-category-items-list{flex-direction:column;display:flex}.packaging-category-item-row{border-bottom:1px solid #e3eaed;grid-template-columns:52px minmax(190px,1.6fr) minmax(120px,1fr) 115px 80px auto;align-items:center;gap:16px;padding:14px 20px;display:grid}.packaging-category-item-row:last-child{border-bottom:0}.packaging-category-item-icon{color:#008e8a;background:#e8f7f6;border-radius:10px;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.packaging-category-item-icon img{object-fit:cover;width:100%;height:100%}.packaging-category-item-info strong,.packaging-category-item-row>div:not(.packaging-category-item-icon)>strong{color:#182b40;font-size:13px;display:block}.packaging-category-item-info strong{color:#0872b9;margin-bottom:3px;font-size:14px}.packaging-category-item-info span{color:#75899c;font-size:11px}.packaging-category-item-label{color:#7b8ea1;margin-bottom:3px;font-size:10px;display:block}.packaging-category-item-rate{color:#008d89!important}.packaging-category-item-edit{color:#0872b9;cursor:pointer;background:#fff;border:1px solid #bcd2dc;border-radius:7px;align-items:center;gap:5px;padding:8px 10px;font-weight:700;display:inline-flex}.packaging-category-modal-backdrop{z-index:1000;background:#0a1c2a52;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.packaging-category-modal{background:#fff;border-radius:12px;width:min(430px,100%);padding:24px;box-shadow:0 20px 60px #0000002e}.packaging-category-modal-icon{color:#d53a3a;background:#fff0f0;border-radius:10px;place-items:center;width:40px;height:40px;margin-bottom:12px;display:grid}.packaging-category-modal h2{color:#142a40;margin:0 0 8px;font-size:19px}.packaging-category-modal p{color:#6e8296;margin:0;font-size:13px;line-height:1.55}@media (width<=900px){.packaging-category-page{padding:22px 16px 40px}.packaging-category-item-row{grid-template-columns:48px 1fr 100px}.packaging-category-item-row>div:nth-child(3),.packaging-category-item-row>div:nth-child(4),.packaging-category-item-row>div:nth-child(5){display:none}}@media (width<=650px){.packaging-category-header{flex-direction:column;align-items:flex-start}.packaging-category-primary-button{justify-content:center;width:100%}.packaging-category-form-grid{grid-template-columns:1fr}.packaging-category-row{grid-template-columns:40px minmax(0,1fr) 58px 34px 34px;gap:9px;padding:11px 12px}.packaging-category-row-action{display:none}.packaging-category-count{text-align:right}.packaging-category-row-info span{display:none}}.packaging-category-icon-picker{flex-wrap:wrap;gap:8px;display:flex}.packaging-category-icon-option{color:#4e687e;cursor:pointer;background:#fff;border:1px solid #cbdde2;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:78px;min-height:58px;transition:all .15s;display:inline-flex}.packaging-category-icon-option:hover{color:#008b86;background:#f6fbfb;border-color:#65b9b7}.packaging-category-icon-option.selected{color:#008b86;background:#e8f7f6;border-color:#009a94;box-shadow:0 0 0 2px #009a9414}.packaging-category-icon-option span{text-align:center;font-size:10px;font-weight:700;line-height:1.1}.packaging-category-icon-field{grid-column:1/-1}@media (width<=650px){.packaging-category-icon-field{grid-column:auto}.packaging-category-icon-option{min-width:68px}}.packaging-category-header-icon{color:#008e89;background:#e7f7f6;border-radius:11px;place-items:center;width:44px;height:44px;display:grid}.packaging-category-card-header>.packaging-category-header-icon{flex:none}.packaging-category-selected-icon{background:#f8fbfb;border:1px solid #d7e6e9;border-radius:9px;align-items:center;gap:11px;margin-bottom:12px;padding:10px 12px;display:flex}.packaging-category-selected-icon-preview{color:#008e89;background:#e5f7f5;border-radius:10px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.packaging-category-selected-icon strong{color:#17324a;margin-bottom:3px;font-size:13px;display:block}.packaging-category-selected-icon span{color:#75899c;font-size:11px;display:block}.packaging-category-icon-option{min-width:88px;min-height:66px;padding:7px 8px}.packaging-category-icon-option.selected{transform:translateY(-1px)}.packaging-category-row-icon svg,.packaging-category-header-icon svg{stroke-width:2px}@media (width<=650px){.packaging-category-selected-icon{align-items:flex-start}.packaging-category-icon-option{min-width:76px;min-height:62px}}.packaging-category-item-name-button{color:#006fbd;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;margin:0 0 3px;padding:0;font-weight:700;display:block}.packaging-category-item-name-button:hover{color:#008f89;text-decoration:underline}.packaging-category-item-name-button:focus-visible{outline-offset:3px;border-radius:3px;outline:2px solid #008f89}.packaging-vendor-dashboard-page{min-height:100%;padding:32px}.packaging-vendor-dashboard-container{max-width:1250px;margin:0 auto}.vendor-dashboard-back{color:#007f80;cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;margin-bottom:22px;padding:0;font-size:14px;font-weight:700;display:inline-flex}.vendor-dashboard-back:hover{text-decoration:underline}.vendor-dashboard-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.vendor-dashboard-header-left{align-items:center;gap:15px;display:flex}.vendor-dashboard-icon{color:#008f8b;background:linear-gradient(135deg,#e8f8f7,#f1fbfa);border:1px solid #cce9e7;border-radius:16px;flex:none;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.section-eyebrow{color:#008f8b;letter-spacing:.12em;margin-bottom:6px;font-size:11px;font-weight:800}.vendor-dashboard-header h1{color:#071b35;margin:0;font-size:31px;line-height:1.15}.vendor-dashboard-header p{color:#61738d;margin:6px 0 0;font-size:14px}.vendor-dashboard-edit-button{color:#0071a8;cursor:pointer;background:#fff;border:1px solid #b9d5e3;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 15px;font-size:13px;font-weight:800;display:inline-flex}.vendor-dashboard-edit-button:hover{background:#eef8fb;border-color:#91c2d8}.vendor-profile-card,.vendor-dashboard-card{background:#fff;border:1px solid #d8e1e8;border-radius:13px;margin-bottom:20px;overflow:hidden;box-shadow:0 3px 10px #0f172a06,0 14px 30px #0f172a09}.vendor-profile-card{padding:23px}.vendor-profile-heading{align-items:center;gap:11px;margin-bottom:22px;display:flex}.vendor-profile-heading-icon{color:#008f8b;background:#eaf7f7;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.vendor-profile-heading h2,.vendor-card-header h2{color:#172b46;margin:0;font-size:18px}.vendor-profile-heading p,.vendor-card-header p{color:#718096;margin:4px 0 0;font-size:12px}.vendor-profile-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.vendor-profile-field{background:#fafcfc;border:1px solid #edf1f3;border-radius:10px;min-width:0;padding:14px}.vendor-profile-field span{color:#7b8995;text-transform:uppercase;align-items:center;gap:5px;margin-bottom:7px;font-size:10px;font-weight:800;display:flex}.vendor-profile-field strong{color:#263c55;text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.vendor-profile-notes{border-top:1px solid #edf1f3;margin-top:16px;padding-top:15px}.vendor-profile-notes span{color:#7b8995;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.vendor-profile-notes p{color:#52677d;margin:0;font-size:13px;line-height:1.6}.vendor-dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px;display:grid}.vendor-stat-card{background:#fff;border:1px solid #d8e1e8;border-radius:13px;min-height:145px;padding:19px;position:relative;overflow:hidden}.vendor-stat-card:after{content:"";background:#edf7f7;border-radius:50%;width:95px;height:95px;position:absolute;bottom:-45px;right:-42px}.vendor-stat-card.blue{border-color:#c9dff2}.vendor-stat-card.blue:after{background:#edf5ff}.vendor-stat-card.green{border-color:#c5e6df}.vendor-stat-card.green:after{background:#ebfaf5}.vendor-stat-card.orange{border-color:#f0d8b6}.vendor-stat-card.orange:after{background:#fff4e6}.vendor-stat-top{z-index:1;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.vendor-stat-top>span{color:#60748c;letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:800}.vendor-stat-card>strong{z-index:1;color:#071b35;margin-top:15px;font-size:27px;line-height:1.1;display:block;position:relative}.vendor-stat-card.blue>strong{color:#006bb3}.vendor-stat-card.green>strong{color:#008f8b}.vendor-stat-card.orange>strong{color:#c46b00}.vendor-stat-card small{z-index:1;color:#8191a5;margin-top:10px;font-size:11px;display:block;position:relative}.vendor-stat-icon{color:#008f8b;background:#eaf7f7;border-radius:11px;justify-content:center;align-items:center;width:39px;height:39px;display:inline-flex}.vendor-stat-icon.blue{color:#0875bd;background:#edf5ff}.vendor-stat-icon.green{color:#008f8b;background:#ebfaf5}.vendor-stat-icon.orange{color:#c46b00;background:#fff2df}.vendor-card-header{background:linear-gradient(#fff 0%,#fbfdfd 100%);border-bottom:1px solid #dce5eb;justify-content:space-between;align-items:center;gap:20px;padding:21px 23px;display:flex}.vendor-card-header>svg{color:#008f8b}.vendor-items-list{flex-direction:column;display:flex}.vendor-item-row{border-bottom:1px solid #edf1f3;grid-template-columns:42px minmax(0,1fr) 150px 100px;align-items:center;gap:15px;padding:15px 23px;display:grid}.vendor-item-row:last-child{border-bottom:none}.vendor-item-icon{color:#008f8b;background:#eaf7f7;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.vendor-item-info{min-width:0}.vendor-item-info strong{color:#006bb3;font-size:14px;display:block}.vendor-item-info span{color:#718096;margin-top:3px;font-size:11px;display:block}.vendor-item-rate span,.vendor-item-moq span{color:#8191a5;margin-bottom:4px;font-size:10px;display:block}.vendor-item-rate strong{color:#008f8b;font-size:14px}.vendor-item-moq strong{color:#243b53;font-size:13px}.vendor-orders-table-wrapper{width:100%;overflow-x:auto}.vendor-orders-table{border-collapse:collapse;width:100%;min-width:1050px}.vendor-orders-table th{color:#4d6681;text-align:left;white-space:nowrap;background:#eef5f7;padding:12px 13px;font-size:10px;font-weight:800}.vendor-orders-table td{color:#233b57;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #e2e8ee;padding:14px 13px;font-size:12px}.vendor-orders-table tbody tr:hover{background:#fbfdfd}.vendor-orders-table tbody tr:last-child td{border-bottom:none}.vendor-order-number{color:#006d9c;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:800}.vendor-order-number:hover{text-decoration:underline}.vendor-priority{border-radius:20px;justify-content:center;align-items:center;min-width:65px;padding:4px 9px;font-size:10px;font-weight:800;display:inline-flex}.priority-high{color:#d93b2b;background:#fff0ee;border:1px solid #ffb9b3}.priority-medium{color:#a56a00;background:#fff8df;border:1px solid #f2cf82}.priority-low{color:#07834d;background:#edf9f4;border:1px solid #b9dfd0}.vendor-date{align-items:center;gap:5px;display:inline-flex}.vendor-order-items{white-space:normal;flex-direction:column;gap:4px;min-width:170px;max-width:260px;display:flex}.vendor-order-items span{color:#334e68;padding-left:10px;font-size:11px;line-height:1.3;position:relative}.vendor-order-items span:before{content:"";background:#008f8b;border-radius:50%;width:4px;height:4px;position:absolute;top:6px;left:0}.vendor-paid{font-weight:700;color:#008f8b!important}.vendor-pending{font-weight:700;color:#d97706!important}.vendor-order-status{border-radius:20px;justify-content:center;align-items:center;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex}.status-pending{color:#b86b00;background:#fff4df}.status-ordered{color:#0875bd;background:#edf5ff}.status-delivered{color:#07834d;background:#dff5ea}.status-cancelled{color:#d22f2f;background:#ffe9e9}.vendor-view-order{color:#0071a8;cursor:pointer;background:#fff;border:1px solid #b9d5e3;border-radius:7px;justify-content:center;align-items:center;width:32px;height:31px;display:inline-flex}.vendor-view-order:hover{background:#eef8fb}.vendor-card-empty{text-align:center;color:#7b8995;flex-direction:column;justify-content:center;align-items:center;min-height:190px;padding:30px;display:flex}.vendor-card-empty svg{color:#008f8b;margin-bottom:10px}.vendor-card-empty strong{color:#263c55;margin-bottom:5px;font-size:14px}.vendor-card-empty span{color:#8191a5;max-width:440px;font-size:12px}.vendor-dashboard-loading,.vendor-dashboard-error{text-align:center;color:#64748b;background:#fff;border:1px solid #d8e1e8;border-radius:13px;padding:35px}.vendor-dashboard-error{color:#dc2626;text-align:left;background:#fff1f1;border-color:#ffb8b8;margin-bottom:20px}@media (width<=1050px){.vendor-dashboard-stats,.vendor-profile-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.packaging-vendor-dashboard-page{padding:18px}.vendor-dashboard-header{flex-direction:column}.vendor-dashboard-header-left{align-items:flex-start}.vendor-dashboard-edit-button{width:100%}.vendor-dashboard-stats,.vendor-profile-grid{grid-template-columns:1fr}.vendor-item-row{grid-template-columns:42px minmax(0,1fr)}.vendor-item-rate,.vendor-item-moq{grid-column:2}}.packaging-sale-list-page{background:#f5f9f9;min-height:100%;padding:32px}.packaging-sale-list-container{max-width:1200px;margin:0 auto}.sale-list-back-button{color:#008f8a;cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;margin-bottom:22px;padding:0;font-size:14px;font-weight:700;display:inline-flex}.sale-list-header{margin-bottom:24px}.sale-list-header h1{color:#10233d;margin:0;font-size:30px}.sale-list-header p{color:#64748b;margin:6px 0 0;font-size:14px}.sale-list-error{color:#dc2626;background:#fff1f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px;padding:12px 14px;font-size:14px}.sale-list-card{background:#fff;border:1px solid #d6e2e5;border-radius:12px;margin-bottom:20px;padding:24px}.sale-list-card-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.sale-list-card-header h2{color:#10233d;margin:0;font-size:19px}.sale-list-card-header p{color:#64748b;margin:6px 0 0;font-size:13px;line-height:1.5}.sale-list-card-header>svg{color:#008f8a}.sale-list-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.sale-list-field{flex-direction:column;gap:7px;display:flex}.sale-list-field label{color:#334155;align-items:center;gap:5px;font-size:13px;font-weight:700;display:flex}.sale-list-field label span{color:#dc2626}.sale-list-field label small{color:#94a3b8;margin-left:4px;font-weight:500}.sale-list-field input{box-sizing:border-box;color:#10233d;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;min-height:42px;padding:10px 12px;font-size:14px}.sale-list-field input:focus{border-color:#008f8a;box-shadow:0 0 0 3px #008f8a14}.sale-list-table-wrapper{width:100%;overflow-x:auto}.sale-list-table{border-collapse:collapse;width:100%;min-width:760px}.sale-list-table th{text-align:left;color:#475569;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px;font-size:12px;font-weight:700}.sale-list-table td{vertical-align:middle;border-bottom:1px solid #edf2f7;padding:12px}.sale-list-table select,.sale-list-table input{box-sizing:border-box;color:#10233d;background:#fff;border:1px solid #cbd5e1;border-radius:7px;outline:none;width:100%;min-height:40px;padding:8px 10px;font-size:13px}.sale-list-table select:focus,.sale-list-table input:focus{border-color:#008f8a;box-shadow:0 0 0 3px #008f8a14}.sale-list-rate{color:#475569;min-width:100px;font-size:14px;font-weight:700}.sale-list-delete-button{color:#dc2626;cursor:pointer;background:#fff1f2;border:1px solid #fecaca;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.sale-list-delete-button:hover{background:#fee2e2}.sale-list-delete-button:disabled{opacity:.35;cursor:not-allowed}.sale-list-add-button{color:#008f8a;cursor:pointer;background:#fff;border:1px solid #008f8a;border-radius:7px;align-items:center;gap:7px;margin-top:16px;padding:9px 14px;font-size:13px;font-weight:700;display:inline-flex}.sale-list-add-button:hover{background:#f0fdfa}.sale-list-terms{box-sizing:border-box;resize:vertical;color:#10233d;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;min-height:150px;padding:12px;font-family:inherit;font-size:14px;line-height:1.6}.sale-list-terms:focus{border-color:#008f8a;box-shadow:0 0 0 3px #008f8a14}.sale-list-loading,.sale-list-empty{text-align:center;color:#64748b;padding:30px;font-size:14px}.sale-list-empty button{color:#008f8a;cursor:pointer;background:0 0;border:none;margin:14px auto 0;font-weight:700;display:block}.sale-list-footer{justify-content:flex-end;align-items:center;gap:12px;margin-top:6px;padding-bottom:30px;display:flex}.sale-list-cancel-button{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-height:42px;padding:10px 18px;font-size:14px;font-weight:700}.sale-list-cancel-button:hover{background:#f8fafc}.sale-list-generate-button{color:#fff;cursor:pointer;background:#008f8a;border:none;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:10px 18px;font-size:14px;font-weight:700;display:inline-flex}.sale-list-generate-button:hover{background:#007b76}@media (width<=768px){.packaging-sale-list-page{padding:20px 14px}.sale-list-form-grid{grid-template-columns:1fr}.sale-list-card{padding:18px}.sale-list-header h1{font-size:26px}.sale-list-footer{flex-direction:column-reverse;align-items:stretch}.sale-list-cancel-button,.sale-list-generate-button{justify-content:center;width:100%}}*{box-sizing:border-box}.packaging-vendor-edit-page{background:radial-gradient(circle at 100% 0,#0f172a0b,#0000 32%),#f7f8fa;min-height:100%;padding:30px 24px 50px}.packaging-vendor-edit-container{width:min(1080px,100%);margin:0 auto}.packaging-vendor-edit-topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.vendor-edit-back-button{color:#475569;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:7px 0;font-size:14px;font-weight:700;display:inline-flex}.vendor-edit-back-button:hover{color:#111827}.vendor-edit-eyebrow{color:#94a3b8;letter-spacing:.14em;font-size:11px;font-weight:800}.vendor-edit-hero{align-items:center;gap:17px;margin-bottom:24px;display:flex}.vendor-edit-hero-icon{color:#fff;background:#111827;border-radius:17px;flex:none;justify-content:center;align-items:center;width:58px;height:58px;display:flex;box-shadow:0 12px 26px #0f172a24}.vendor-edit-hero h1{color:#111827;letter-spacing:-.035em;margin:0 0 5px;font-size:30px;line-height:1.15}.vendor-edit-hero p{color:#64748b;margin:0;font-size:14px;line-height:1.55}.vendor-edit-alert{border-radius:13px;align-items:center;gap:10px;margin-bottom:18px;padding:13px 15px;font-size:13px;font-weight:700;display:flex}.vendor-edit-alert-error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.vendor-edit-alert-success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.vendor-edit-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;overflow:hidden;box-shadow:0 18px 50px #0f172a12}.vendor-edit-card-header{border-bottom:1px solid #eef0f3;padding:24px 28px 20px}.vendor-edit-card-header h2{color:#111827;letter-spacing:-.02em;margin:0 0 5px;font-size:18px}.vendor-edit-card-header p{color:#64748b;margin:0;font-size:13px;line-height:1.5}.vendor-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:28px;display:grid}.vendor-edit-field{min-width:0}.vendor-edit-full{grid-column:1/-1}.vendor-edit-field label{color:#334155;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.vendor-edit-field label span{color:#dc2626}.vendor-edit-input-wrap,.vendor-edit-textarea-wrap{background:#fff;border:1px solid #dfe3e8;border-radius:13px;align-items:flex-start;gap:10px;width:100%;padding:0 13px;transition:border-color .18s,box-shadow .18s;display:flex}.vendor-edit-input-wrap{align-items:center;min-height:48px}.vendor-edit-textarea-wrap{padding-top:13px}.vendor-edit-input-wrap:focus-within,.vendor-edit-textarea-wrap:focus-within{border-color:#94a3b8;box-shadow:0 0 0 4px #94a3b81f}.vendor-edit-input-wrap svg,.vendor-edit-textarea-wrap svg{color:#94a3b8;flex:none}.vendor-edit-input-wrap input,.vendor-edit-textarea-wrap textarea{color:#111827;width:100%;font:inherit;background:0 0;border:0;outline:0;font-size:14px}.vendor-edit-input-wrap input{height:46px}.vendor-edit-textarea-wrap textarea{resize:vertical;min-height:92px;padding-bottom:12px;line-height:1.55}.vendor-edit-input-wrap input::placeholder,.vendor-edit-textarea-wrap textarea::placeholder{color:#a1a1aa}.vendor-edit-actions{background:#fafafa;border-top:1px solid #eef0f3;justify-content:flex-end;gap:11px;padding:20px 28px 24px;display:flex}.vendor-edit-cancel-button,.vendor-edit-save-button{cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 17px;font-size:13px;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.vendor-edit-cancel-button{color:#475569;background:#fff;border:1px solid #dfe3e8}.vendor-edit-save-button{color:#fff;background:#111827;border:1px solid #111827;min-width:142px}.vendor-edit-cancel-button:hover:not(:disabled){background:#f8fafc}.vendor-edit-save-button:hover:not(:disabled){background:#1f2937;transform:translateY(-1px);box-shadow:0 8px 18px #0f172a29}.vendor-edit-cancel-button:disabled,.vendor-edit-save-button:disabled{opacity:.6;cursor:not-allowed}.packaging-vendor-edit-loading{color:#64748b;justify-content:center;align-items:center;gap:10px;min-height:55vh;font-size:14px;font-weight:700;display:flex}.vendor-edit-spinner{animation:.9s linear infinite vendor-edit-spin}@keyframes vendor-edit-spin{to{transform:rotate(360deg)}}@media (width<=720px){.packaging-vendor-edit-page{padding:20px 14px 35px}.packaging-vendor-edit-topbar{flex-direction:column;align-items:flex-start;gap:7px}.vendor-edit-hero h1{font-size:26px}.vendor-edit-grid{grid-template-columns:1fr;padding:20px}.vendor-edit-full{grid-column:auto}.vendor-edit-card-header{padding:20px}.vendor-edit-actions{padding:17px 20px 20px}}.indian-supplier-page{background:#f7faf9;min-height:100%;padding:32px}.indian-supplier-container{box-sizing:border-box;width:100%;max-width:none;margin:0}.indian-supplier-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.indian-supplier-eyebrow{color:#008c88;letter-spacing:.13em;margin-bottom:7px;font-size:11px;font-weight:800}.indian-supplier-header h1{color:#071b34;letter-spacing:-.5px;margin:0;font-size:31px;font-weight:750}.indian-supplier-header p{color:#60738c;margin:7px 0 0;font-size:14px;line-height:1.5}.indian-supplier-error{color:#a5231c;background:#fff5f4;border:1px solid #f0c3c0;border-radius:11px;flex-direction:column;gap:5px;margin-bottom:20px;padding:14px 16px;font-size:13px;display:flex}.indian-supplier-error strong{font-size:13px}.indian-supplier-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.indian-supplier-stat-card{min-height:188px;color:inherit;background:linear-gradient(#fff 0%,#fbfdfd 100%);border:1px solid #dce5e7;border-radius:16px;padding:22px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden;box-shadow:0 2px 6px #0f172a06,0 8px 24px #0f172a0b}.indian-supplier-stat-card:before{content:"";opacity:0;background:linear-gradient(90deg,#008f89 0%,#00a39b 50%,#7acdc7 100%);height:3px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.indian-supplier-stat-card:hover{border-color:#c8dddd;transform:translateY(-3px);box-shadow:0 6px 14px #0f172a0d,0 16px 32px #0f172a13}.indian-supplier-stat-card:hover:before{opacity:1}.indian-supplier-stat-top{justify-content:space-between;align-items:center;display:flex}.indian-supplier-stat-icon{color:#00867f;background:#e7f7f4;border-radius:13px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.indian-supplier-stat-arrow{color:#9aa9ae;transition:color .2s,transform .2s}.indian-supplier-stat-card:hover .indian-supplier-stat-arrow{color:#00867f;transform:translate(3px)}.indian-supplier-stat-title{color:#53636c;letter-spacing:.25px;text-transform:uppercase;margin-top:22px;font-size:12px;font-weight:750}.indian-supplier-stat-value{color:#14202b;letter-spacing:-.6px;margin-top:6px;font-size:30px;font-weight:750;line-height:1.15}.indian-supplier-stat-description{color:#84919b;margin-top:7px;font-size:12px;line-height:1.4}.indian-supplier-stat-card.orders .indian-supplier-stat-icon{color:#1976a8;background:#eef7fb}.indian-supplier-stat-card.silver .indian-supplier-stat-icon{color:#66727d;background:#f2f4f7}.indian-supplier-stat-card.amount .indian-supplier-stat-icon{color:#16834c;background:#eef9f1}.indian-supplier-dashboard-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;margin-bottom:16px;display:flex}.indian-supplier-primary-button,.indian-supplier-secondary-button{white-space:nowrap;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;min-height:40px;padding:0 17px;font-family:inherit;font-size:13px;font-weight:700;line-height:1;text-decoration:none;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:inline-flex}.indian-supplier-primary-button{color:#fff;background:linear-gradient(135deg,#008f89 0%,#00827c 100%);border:1px solid #00827c;box-shadow:0 4px 10px #00898129}.indian-supplier-primary-button:hover{color:#fff;background:linear-gradient(135deg,#007f79 0%,#006f69 100%);border-color:#006f69;transform:translateY(-1px)}.indian-supplier-secondary-button{color:#007d76;background:#f0f8f7;border:1px solid #cde7e4}.indian-supplier-secondary-button:hover{color:#00756f;background:#e5f4f2;border-color:#b9ddd9;transform:translateY(-1px)}.indian-supplier-quick-actions{background:#fff;border:1px solid #dce5e7;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;margin-top:22px;padding:22px 24px;display:flex;box-shadow:0 4px 14px #0f172a09}.indian-supplier-quick-actions h2{color:#14202b;margin:0;font-size:18px;font-weight:700}.indian-supplier-quick-actions p{color:#687784;margin:5px 0 0;font-size:13px}.indian-supplier-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.indian-supplier-orders-section{background:#fff;border:1px solid #dce5e7;border-radius:16px;margin-top:0;overflow:hidden;box-shadow:0 4px 14px #0f172a09}.indian-supplier-orders-header{border-bottom:1px solid #e5ecee;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px 18px;display:flex}.indian-supplier-orders-header h2{color:#14202b;margin:0;font-size:18px;font-weight:700}.indian-supplier-orders-header p{color:#687784;margin:5px 0 0;font-size:13px}.indian-supplier-orders-table-wrap{width:100%;overflow-x:auto}.indian-supplier-orders-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:1180px}.indian-supplier-orders-table thead{background:#f7faf9}.indian-supplier-orders-table th{color:#53636c;letter-spacing:.05em;text-align:left;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid #e3eaec;padding:13px 14px;font-size:11px;font-weight:800}.indian-supplier-orders-table td{color:#38506a;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #e7edef;padding:14px;font-size:13px}.indian-supplier-orders-table tbody tr:last-child td{border-bottom:0}.indian-supplier-orders-table tbody tr{transition:background .15s}.indian-supplier-orders-table tbody tr:hover{background:#fbfdfd}.indian-supplier-orders-table td.supplier-cell{color:#173b58;font-weight:600}.indian-supplier-orders-table td.pending-silver-cell{color:#b42318;font-weight:650}.indian-supplier-orders-table td.paid-cell{color:#167346;font-weight:650}.indian-supplier-orders-table td.pending-amount-cell{color:#b42318;font-weight:700}.indian-supplier-order-number-link{color:#007d76;cursor:pointer;align-items:center;font-weight:800;text-decoration:none;display:inline-flex}.indian-supplier-order-number-link:hover{color:#005f5a;text-underline-offset:3px;text-decoration:underline}.indian-supplier-order-open{color:#00867f;background:#f7fbfa;border:1px solid #cde7e4;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;text-decoration:none;transition:background .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.indian-supplier-order-open:hover{color:#006f69;background:#eaf7f5;border-color:#a9d5d0;transform:translateY(-1px)}.indian-supplier-order-status{color:#007d76;white-space:nowrap;background:#eef9f7;border:1px solid #cde7e4;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:0 10px;font-size:11px;font-weight:750;line-height:1;display:inline-flex}.indian-supplier-order-status.pending,.indian-supplier-order-status.processing{color:#007d76;background:#eef9f7;border-color:#cde7e4}.indian-supplier-order-status.completed,.indian-supplier-order-status.complete,.indian-supplier-order-status.paid{color:#167346;background:#f0faf3;border-color:#cfe8d8}.indian-supplier-order-status.cancelled,.indian-supplier-order-status.canceled,.indian-supplier-order-status.rejected{color:#a5231c;background:#fff5f4;border-color:#f0c3c0}.indian-supplier-orders-state{color:#687784;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:110px;padding:24px;font-size:13px;display:flex}.indian-supplier-orders-state strong{color:#344b60;font-size:14px}.indian-supplier-orders-state span{color:#84919b}@media (width<=1050px){.indian-supplier-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.indian-supplier-page{padding:20px}.indian-supplier-header h1{font-size:27px}.indian-supplier-stats{grid-template-columns:1fr}.indian-supplier-stat-card{min-height:165px}.indian-supplier-dashboard-actions{flex-direction:column;align-items:stretch;width:100%}.indian-supplier-dashboard-actions .indian-supplier-primary-button,.indian-supplier-dashboard-actions .indian-supplier-secondary-button{width:100%}.indian-supplier-quick-actions{flex-direction:column;align-items:flex-start}.indian-supplier-actions{flex-direction:column;width:100%}.indian-supplier-primary-button,.indian-supplier-secondary-button{width:100%}.indian-supplier-orders-header{flex-direction:column;align-items:flex-start}.indian-supplier-orders-table th,.indian-supplier-orders-table td{padding-left:12px;padding-right:12px}}.orders-table th,.orders-table td{vertical-align:middle!important}.orders-table tbody td{padding-top:14px!important;padding-bottom:14px!important;line-height:1.4!important}.orders-table tbody td:nth-child(2){vertical-align:middle!important;padding-top:14px!important;padding-bottom:14px!important}.orders-table tbody td:nth-child(2)>*,.orders-table tbody td:nth-child(2) a,.orders-table tbody td:nth-child(2) span,.orders-table tbody td:nth-child(2) div{vertical-align:middle!important;margin-top:0!important;margin-bottom:0!important;line-height:1.4!important}.orders-table tbody tr{height:auto!important}.orders-table tbody tr td{border-bottom:1px solid #e1e7eb}.supplier-name{align-items:center;min-height:24px;margin:0;line-height:1.4;display:flex}.indian-create-order-page{background:#f7faf9;min-height:100%;padding:32px}.indian-create-order-container{width:100%;max-width:1280px;margin:0 auto}.indian-create-order-back{color:#007f7b;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin:0 0 18px;padding:0;font-size:13px;font-weight:700;display:inline-flex}.indian-create-order-back:hover{color:#005f5b}.indian-create-order-eyebrow{color:#008c88;letter-spacing:.13em;margin-bottom:7px;font-size:11px;font-weight:800}.indian-create-order-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.indian-create-order-header h1{color:#071b34;letter-spacing:-.5px;margin:0;font-size:31px;font-weight:750}.indian-create-order-header p{color:#60738c;margin:7px 0 0;font-size:14px}.indian-create-order-icon{color:#1976a8;background:#eef7fb;border-radius:14px;flex:0 0 54px;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.indian-create-order-alert{border-radius:11px;flex-direction:column;gap:5px;margin-bottom:18px;padding:14px 16px;font-size:13px;display:flex}.indian-create-order-alert.error{color:#a5231c;background:#fff5f4;border:1px solid #f0c3c0}.indian-create-order-alert.success{color:#16745f;background:#f0faf7;border:1px solid #b9ded4}.indian-create-order-card{background:#fff;border:1px solid #dce5e7;border-radius:16px;overflow:hidden;box-shadow:0 2px 6px #0f172a06,0 8px 24px #0f172a0b}.indian-order-section{border-bottom:1px solid #e3eaec;padding:26px 28px}.indian-order-section-heading{margin-bottom:22px}.indian-order-section-heading h2{color:#14202b;margin:0;font-size:18px;font-weight:700}.indian-order-section-heading p{color:#687784;margin:5px 0 0;font-size:13px}.indian-order-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;display:grid}.indian-order-field-wide{grid-column:1/-1}.indian-order-field label{color:#4f6370;letter-spacing:.04em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:800;display:block}.indian-order-field input,.indian-order-field select,.indian-order-field textarea{box-sizing:border-box;color:#172735;width:100%;font:inherit;background:#fff;border:1px solid #cfdde0;border-radius:9px;outline:none;font-size:13px;transition:border-color .18s,box-shadow .18s}.indian-order-field input:focus,.indian-order-field select:focus,.indian-order-field textarea:focus{border-color:#72bcb7;box-shadow:0 0 0 3px #008f8917}.indian-order-field input:disabled,.indian-order-field select:disabled,.indian-order-field textarea:disabled{color:#87949a;cursor:not-allowed;background:#f4f7f7}.indian-order-readonly{color:#52646e!important;background:#f4f7f7!important}.indian-order-helper{color:#87949a;margin-top:6px;font-size:11px;display:block}.indian-order-input-with-select{grid-template-columns:minmax(0,1fr) 78px;display:grid}.indian-order-input-with-select input{border-top-right-radius:0;border-bottom-right-radius:0}.indian-order-input-with-select select{background:#f8fbfb;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.indian-order-checkbox-field{flex-direction:column;justify-content:flex-start;display:flex}.indian-order-checkbox{cursor:pointer;align-items:center;gap:9px;width:fit-content;color:#172735!important;letter-spacing:0!important;text-transform:none!important;margin:0!important;font-size:13px!important;font-weight:700!important;display:inline-flex!important}.indian-order-checkbox input{accent-color:#008f89;width:17px;height:17px;margin:0}.indian-create-order-actions{background:#fbfdfd;justify-content:flex-end;gap:10px;padding:20px 28px;display:flex}.indian-order-cancel-button,.indian-order-save-button{min-height:42px;font:inherit;cursor:pointer;border-radius:9px;padding:0 18px;font-size:13px;font-weight:700;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}.indian-order-cancel-button:hover:not(:disabled){background:#f5f8f8;border-color:#b9cacc}.indian-order-save-button{color:#fff;background:linear-gradient(135deg,#008f89 0%,#00827c 100%);border:1px solid #00827c;justify-content:center;align-items:center;gap:7px;display:inline-flex;box-shadow:0 4px 10px #00898129}.indian-order-save-button:hover:not(:disabled){background:linear-gradient(135deg,#007f79 0%,#006f69 100%);border-color:#006f69;transform:translateY(-1px)}.indian-order-cancel-button:disabled,.indian-order-save-button:disabled{opacity:.65;cursor:not-allowed}.indian-order-spinner{animation:.8s linear infinite indian-order-spin}@keyframes indian-order-spin{to{transform:rotate(360deg)}}@media (width<=800px){.indian-create-order-page{padding:20px}.indian-order-grid{grid-template-columns:1fr}.indian-order-field-wide{grid-column:auto}.indian-create-order-header{align-items:flex-start}}@media (width<=560px){.indian-create-order-header h1{font-size:27px}.indian-create-order-icon{display:none}.indian-order-section{padding:22px 18px}.indian-create-order-actions{flex-direction:column-reverse;padding:18px}.indian-order-cancel-button,.indian-order-save-button{width:100%}}.indian-order-number-display{letter-spacing:.04em;cursor:not-allowed;color:#007c76!important;background:#f1f7f7!important;border-color:#b9d7d5!important;font-weight:800!important}.indian-order-details-page{box-sizing:border-box;color:#14202b;background:#f5f9f8;width:100%;min-height:100vh;padding:28px 48px 48px}.indian-order-details-container{width:100%;max-width:1500px;margin:0 auto}.indian-order-details-back{color:#00827c;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin:0 0 20px;padding:0;font-size:13px;font-weight:700;display:inline-flex}.indian-order-details-back:hover{color:#006f69}.indian-order-details-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px;display:flex}.indian-order-details-eyebrow{color:#00827c;letter-spacing:1.1px;margin-bottom:7px;font-size:11px;font-weight:800}.indian-order-details-header h1{color:#071b33;letter-spacing:-.4px;margin:0;font-size:32px;font-weight:750;line-height:1.15}.indian-order-details-header p{color:#5d7890;margin:8px 0 0;font-size:14px}.indian-order-edit-button,.indian-order-save-button,.indian-order-cancel-button{min-height:40px;font:inherit;cursor:pointer;border-radius:8px;padding:0 16px;font-size:13px;font-weight:700}.indian-order-edit-button{color:#007d76;background:#fff;border:1px solid #c9dfe0;align-items:center;gap:7px;display:inline-flex}.indian-order-edit-button:hover{background:#f4faf9;border-color:#a9cfcc}.indian-order-actions{align-items:center;gap:10px;display:flex}.indian-order-save-button{color:#fff;background:#16834c;border:1px solid #16834c;justify-content:center;align-items:center;gap:7px;display:inline-flex}.indian-order-save-button:hover{background:#11703f;border-color:#11703f}.indian-order-cancel-button{color:#52636e;background:#fff;border:1px solid #d6e0e2}.indian-order-cancel-button:hover{background:#f8fafb}.indian-order-save-button:disabled,.indian-order-cancel-button:disabled,.indian-order-edit-button:disabled{opacity:.55;cursor:not-allowed}.indian-order-alert{border-radius:9px;flex-direction:column;gap:4px;margin-bottom:16px;padding:13px 15px;font-size:13px;display:flex}.indian-order-alert.error{color:#b42318;background:#fff6f5;border:1px solid #efc0bc}.indian-order-alert.success{color:#16834c;background:#f1fbf5;border:1px solid #c7e7d5}.indian-order-details-panel{background:#fff;border:1px solid #dce5e7;border-radius:16px;padding:26px;box-shadow:0 4px 14px #0f172a09}.indian-order-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:28px;display:grid}.indian-order-summary-card{box-sizing:border-box;background:#fbfdfd;border:1px solid #dce6e8;border-radius:10px;min-height:105px;padding:16px 18px}.indian-order-summary-card.teal{border-left:3px solid #008f89}.indian-order-summary-card.blue{border-left:3px solid #3a82c4}.indian-order-summary-card.green{border-left:3px solid #16834c}.indian-order-summary-icon{color:#00827c;background:#eef8f7;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:9px;display:flex}.indian-order-summary-label{color:#60717a;letter-spacing:.3px;text-transform:uppercase;font-size:10px;font-weight:800}.indian-order-summary-card strong{color:#14202b;margin-top:4px;font-size:17px;font-weight:700;display:block}.indian-order-section-title{color:#14202b;border-left:3px solid #008f89;align-items:center;min-height:28px;margin:8px 0 18px;padding-left:11px;font-size:16px;font-weight:700;display:flex}.indian-order-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;display:grid}.indian-order-field{min-width:0}.indian-order-field.wide{grid-column:1/-1}.indian-order-field-label{color:#344c5e;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.indian-order-readonly-value,.indian-order-field input,.indian-order-field select,.indian-order-field textarea{box-sizing:border-box;color:#183047;width:100%;font:inherit;background:#fbfcfc;border:1px solid #cfdee2;border-radius:8px;font-size:13px}.indian-order-readonly-value{overflow-wrap:anywhere;align-items:center;min-height:42px;padding:10px 12px;line-height:1.4;display:flex}.indian-order-field input,.indian-order-field select{height:42px;padding:0 12px}.indian-order-field textarea{resize:vertical;min-height:98px;padding:11px 12px}.indian-order-field input:focus,.indian-order-field select:focus,.indian-order-field textarea:focus{border-color:#9dbbc0;outline:none;box-shadow:0 0 0 2px #00827c12}.indian-order-field input:disabled,.indian-order-field select:disabled,.indian-order-field textarea:disabled{opacity:.65;cursor:not-allowed}.indian-order-input-wrap{align-items:stretch;display:flex;position:relative}.indian-order-input-wrap input{min-width:0}.indian-order-input-prefix,.indian-order-input-suffix{color:#526774;background:#f8fafb;border:1px solid #cfdee2;justify-content:center;align-items:center;min-width:40px;padding:0 9px;font-size:13px;display:flex}.indian-order-input-prefix{border-right:0;border-radius:8px 0 0 8px}.indian-order-input-suffix{border-left:0;border-radius:0 8px 8px 0}.indian-order-input-prefix+input{border-radius:0 8px 8px 0}.indian-order-input-wrap input:has(+.indian-order-input-suffix){border-radius:8px 0 0 8px}.indian-order-field-helper{color:#82919a;margin-top:5px;font-size:11px;line-height:1.4}.indian-order-bottom-actions{border-top:1px solid #e4ebed;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:18px;display:flex}.indian-order-bottom-actions.silver-actions{margin-top:18px}.indian-order-entry-divider{border-top:1px solid #e4ebed;margin-top:18px;padding-top:18px}.indian-order-entry-divider span{color:#344c5e;font-size:13px;font-weight:700}.calculation-preview{background:#fbfcfc;border:1px solid #dce6e8;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px;display:grid}.calculation-preview>div{border-right:1px solid #e5ecee;padding:10px}.calculation-preview>div:last-child{border-right:0}.calculation-preview span{color:#72838c;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.calculation-preview strong{color:#14202b;font-size:14px;font-weight:700}.indian-order-history-section{border-top:1px solid #e2e9eb;margin-top:28px;padding-top:22px}.indian-order-history-heading{margin-bottom:14px}.indian-order-history-title{align-items:flex-start;gap:9px;display:flex}.indian-order-history-title>span{color:#00827c;background:#eef8f7;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.indian-order-history-title h2{color:#14202b;margin:1px 0 4px;font-size:16px;font-weight:700}.indian-order-history-title p{color:#7a8991;margin:0;font-size:12px}.indian-order-history-table-wrap{border:1px solid #dce5e7;border-radius:9px;width:100%;overflow-x:auto}.indian-order-history-table{border-collapse:collapse;width:100%;min-width:720px}.indian-order-history-table th{color:#60717a;letter-spacing:.25px;text-align:left;text-transform:uppercase;white-space:nowrap;background:#f7fafb;border-bottom:1px solid #dfe7e9;padding:11px 13px;font-size:10px;font-weight:800}.indian-order-history-table td{color:#3c4f5c;vertical-align:middle;border-bottom:1px solid #edf1f2;padding:12px 13px;font-size:12px}.indian-order-history-table tbody tr:last-child td{border-bottom:0}.indian-order-history-table tbody tr:hover{background:#fbfdfd}.indian-order-history-table td strong{color:#14202b;font-weight:700}.indian-order-history-empty{text-align:center;background:#fbfcfc;border:1px solid #e0e7e9;border-radius:9px;padding:28px 20px}.indian-order-history-empty h3{color:#34444e;margin:0 0 5px;font-size:14px;font-weight:700}.indian-order-history-empty p{color:#84919b;margin:0;font-size:12px}.indian-order-totals-card{background:#fbfcfc;border:1px solid #dce5e7;border-radius:10px;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin-top:28px;display:grid;overflow:hidden}.indian-order-totals-card>div{border-right:1px solid #e2e9eb;padding:14px}.indian-order-totals-card>div:last-child{border-right:0}.indian-order-totals-card span{color:#71818a;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.indian-order-totals-card strong{color:#14202b;font-size:14px;font-weight:700}.indian-order-totals-card .pending strong{color:#b42318}.indian-order-details-loading{color:#637782;justify-content:center;align-items:center;gap:9px;min-height:180px;font-size:13px;display:flex}.indian-order-details-error{color:#b42318;background:#fff6f5;border:1px solid #efc0bc;border-radius:10px;flex-direction:column;gap:5px;padding:18px;font-size:13px;display:flex}@media (width<=1100px){.indian-order-details-page{padding:24px 30px 40px}.indian-order-totals-card{grid-template-columns:repeat(3,minmax(0,1fr))}.indian-order-totals-card>div:nth-child(3n){border-right:0}.calculation-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.calculation-preview>div:nth-child(2){border-right:0}}@media (width<=800px){.indian-order-details-page{padding:20px 18px 32px}.indian-order-details-header{flex-direction:column;align-items:flex-start}.indian-order-actions{width:100%}.indian-order-actions>button{flex:1}.indian-order-details-panel{padding:18px}.indian-order-summary-grid,.indian-order-form-grid{grid-template-columns:1fr}.indian-order-field.wide{grid-column:auto}.indian-order-summary-card{min-height:95px}.indian-order-totals-card{grid-template-columns:1fr 1fr}.indian-order-totals-card>div{border-bottom:1px solid #e2e9eb;border-right:0}.indian-order-totals-card>div:last-child{border-bottom:0}.calculation-preview{grid-template-columns:1fr}.calculation-preview>div{border-bottom:1px solid #e5ecee;border-right:0}.calculation-preview>div:last-child{border-bottom:0}.indian-order-bottom-actions{flex-direction:column-reverse}.indian-order-bottom-actions button{width:100%}}@media (width<=520px){.indian-order-details-page{padding:16px 12px 26px}.indian-order-details-header h1{font-size:27px}.indian-order-details-panel{border-radius:12px;padding:14px}.indian-order-totals-card{grid-template-columns:1fr}.indian-order-totals-card>div{border-bottom:1px solid #e2e9eb}.indian-order-totals-card>div:last-child{border-bottom:0}}.indian-order-summary-card{box-sizing:border-box;background:#fff;border:0;border-right:1px solid #dce5e7;border-radius:0;min-height:76px;padding:12px 14px;position:relative}.indian-order-summary-card:first-child{border-radius:9px 0 0 9px}.indian-order-summary-card:last-child{border-right:0;border-radius:0 9px 9px 0}.indian-order-summary-card.blue{background:#f8fbff;border-top:2px solid #3182ce}.indian-order-summary-card.green{background:#f8fcf9;border-top:2px solid #16834c}.indian-order-summary-card{box-sizing:border-box!important;border:1px solid #dce5e7!important;border-top-width:3px!important;border-radius:0!important;min-height:76px!important;padding:14px 16px!important;position:relative!important;overflow:hidden!important}.indian-order-summary-card.blue{background:#eef5ff!important;border-top-color:#3182ce!important;border-left:4px solid #3182ce!important}.indian-order-summary-card.blue .indian-order-summary-label{color:#2868a8!important}.indian-order-summary-card.blue strong{color:#1769aa!important}.indian-order-summary-card.blue .indian-order-summary-icon{color:#3182ce!important;background:#dcecff!important}.indian-order-summary-card.green{background:#eef9f2!important;border-top-color:#16834c!important;border-left:4px solid #16834c!important}.indian-order-summary-card.green .indian-order-summary-label{color:#167246!important}.indian-order-summary-card.green strong{color:#16834c!important}.indian-order-summary-card.green .indian-order-summary-icon{color:#16834c!important;background:#dff3e7!important}.indian-order-summary-card.red{background:#fff0ef!important;border-top-color:#d93025!important;border-left:4px solid #d93025!important}.indian-order-summary-card.red .indian-order-summary-label{color:#b42318!important}.indian-order-summary-card.red strong{color:#d93025!important}.indian-order-summary-card.red .indian-order-summary-icon{color:#d93025!important;background:#ffe0dd!important}.indian-order-summary-card.teal{background:#eef9f8!important;border-top-color:#008f89!important;border-left:4px solid #008f89!important}.indian-order-summary-card.teal .indian-order-summary-label{color:#007d76!important}.indian-order-summary-card.teal strong{color:#00827c!important}.indian-order-summary-card.teal .indian-order-summary-icon{color:#00827c!important;background:#dff3f1!important}.indian-order-summary-icon{border-radius:7px!important;justify-content:center!important;align-items:center!important;width:30px!important;height:30px!important;margin-bottom:8px!important;display:flex!important}.indian-order-summary-label{letter-spacing:.25px!important;text-transform:uppercase!important;margin-bottom:4px!important;font-size:10px!important;font-weight:700!important;line-height:1.2!important}.indian-order-summary-card strong{font-size:17px!important;font-weight:700!important;line-height:1.25!important;display:block!important}@media (width>=1001px){.indian-order-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:0!important;padding:10px!important;display:grid!important}.indian-order-summary-card:first-child{border-radius:9px 0 0 9px!important}.indian-order-summary-card:last-child{border-radius:0 9px 9px 0!important}.indian-order-summary-card{border-right:0!important}}@media (width<=1000px){.indian-order-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;padding:10px!important;display:grid!important}.indian-order-summary-card{border-bottom:1px solid #dce5e7!important;border-right:1px solid #dce5e7!important}}@media (width<=600px){.indian-order-summary-grid{grid-template-columns:1fr!important}.indian-order-summary-card{border-bottom:1px solid #dce5e7!important;border-right:0!important;border-radius:0!important}.indian-order-summary-card:first-child{border-radius:9px 9px 0 0!important}.indian-order-summary-card:last-child{border-bottom:0!important;border-radius:0 0 9px 9px!important}}.indian-suppliers-back-button{color:#007f7b;font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;margin:0 0 14px;padding:0;font-size:13px;font-weight:700;display:inline-flex}.indian-suppliers-back-button:hover{color:#006b67}.indian-suppliers-page{box-sizing:border-box;background:#f7faf9;width:100%;min-height:100%;padding:28px 32px 36px}.indian-suppliers-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.indian-suppliers-header h1{color:#071b34;letter-spacing:-.5px;margin:0;font-size:31px;font-weight:750}.indian-suppliers-header p{color:#60738c;margin:7px 0 0;font-size:14px}.indian-suppliers-header-actions{align-items:center;gap:10px;display:flex}.indian-suppliers-view-toggle{background:#fff;border:1px solid #d8e3e5;border-radius:9px;align-items:center;gap:2px;padding:3px;display:inline-flex}.indian-suppliers-view-toggle button{color:#60727a;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:5px;padding:8px 11px;font-size:12px;font-weight:700;display:inline-flex}.indian-suppliers-view-toggle button.active{color:#007f7b;background:#e7f5f4}.indian-suppliers-add-button{color:#fff;background:linear-gradient(135deg,#008f89 0%,#00827c 100%);border:1px solid #00827c;border-radius:9px;justify-content:center;align-items:center;min-height:40px;padding:0 17px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 4px 10px #00898129}.indian-supplier-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.indian-supplier-grid.list-view{flex-direction:column;gap:12px;display:flex}.indian-supplier-card{background:#fff;border:1px solid #dce5e7;border-radius:14px;min-width:0;padding:20px;transition:transform .18s,box-shadow .18s;box-shadow:0 4px 14px #0f172a09}.indian-supplier-card:hover{transform:translateY(-2px);box-shadow:0 9px 22px #0f172a12}.indian-supplier-card-header{border-bottom:1px solid #e3eaec;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:16px;display:flex}.indian-supplier-title-area{align-items:center;gap:12px;min-width:0;display:flex}.indian-supplier-icon{color:#00867f;background:#e7f7f4;border-radius:11px;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.indian-supplier-title-area h2{color:#0d2137;margin:0;font-size:17px;font-weight:750}.indian-supplier-title-area p{color:#70818b;margin:4px 0 0;font-size:12px}.indian-supplier-status{color:#687780;background:#f3f5f6;border-radius:999px;flex-shrink:0;padding:5px 10px;font-size:11px;font-weight:750}.indian-supplier-status.active{color:#00826f;background:#e7f7f2}.indian-supplier-details{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px;display:grid}.indian-supplier-details>div{min-width:0;padding:10px 0}.indian-supplier-details>div:nth-child(2n){border-left:1px solid #edf1f2;padding-left:18px}.indian-supplier-details span{color:#6b7d88;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:800;display:block}.indian-supplier-details strong{color:#14202b;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;display:block;overflow:hidden}.indian-supplier-card-footer{border-top:1px solid #e3eaec;justify-content:flex-end;margin-top:10px;padding-top:16px;display:flex}.indian-supplier-open-button,.indian-supplier-empty-button{color:#007f7b;background:#fff;border:1px solid #9bd8d3;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 13px;font-size:12px;font-weight:750;text-decoration:none;display:inline-flex}.indian-supplier-open-button:hover,.indian-supplier-empty-button:hover{background:#f0f8f7}.indian-supplier-grid.list-view .indian-supplier-card{grid-template-columns:minmax(230px,1.05fr) minmax(0,2fr) auto;align-items:center;gap:22px;padding:18px 20px;display:grid}.indian-supplier-grid.list-view .indian-supplier-card-header{border-bottom:none;padding-bottom:0}.indian-supplier-grid.list-view .indian-supplier-details{margin-top:0}.indian-supplier-grid.list-view .indian-supplier-card-footer{border-top:none;margin-top:0;padding-top:0}.indian-suppliers-state{text-align:center;color:#667580;background:#fff;border:1px solid #dfe7e9;border-radius:14px;margin-top:24px;padding:34px 24px;box-shadow:0 4px 14px #0f172a09}.indian-suppliers-state.empty{grid-column:1/-1}.indian-suppliers-state h3{color:#14202b;margin:12px 0 5px;font-size:17px}.indian-suppliers-state p{margin:0 0 16px;font-size:13px}.indian-suppliers-error{color:#a5231c;background:#fff5f4;border:1px solid #f0c3c0;border-radius:11px;margin-top:20px;padding:16px 18px}.indian-suppliers-error strong{margin-bottom:5px;font-size:13px;display:block}.indian-suppliers-error p{margin:0;font-size:13px}@media (width<=1100px){.indian-supplier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.indian-supplier-grid.list-view .indian-supplier-card{grid-template-columns:1fr}.indian-supplier-grid.list-view .indian-supplier-card-footer{justify-content:flex-end}}@media (width<=700px){.indian-suppliers-page{padding:20px}.indian-suppliers-header{flex-direction:column;align-items:stretch}.indian-suppliers-header-actions{width:100%}.indian-suppliers-view-toggle,.indian-suppliers-add-button{flex:1}.indian-supplier-grid,.indian-supplier-details{grid-template-columns:1fr}.indian-supplier-details>div:nth-child(2n){border-left:none;padding-left:0}}.indian-supplier-form-page{box-sizing:border-box;background:#f7faf9;width:100%;min-height:100%;padding:28px 32px 36px}.indian-supplier-form-back{color:#007f7b;font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;padding:0;font-size:13px;font-weight:700;display:inline-flex}.indian-supplier-form-header{margin-top:20px;margin-bottom:24px}.indian-supplier-form-eyebrow{color:#008c88;letter-spacing:.13em;margin-bottom:7px;font-size:11px;font-weight:800}.indian-supplier-form-header h1{color:#071b34;letter-spacing:-.5px;margin:0;font-size:31px;font-weight:750}.indian-supplier-form-header p{color:#60738c;margin:7px 0 0;font-size:14px}.indian-supplier-form-error{color:#a5231c;background:#fff5f4;border:1px solid #f0c3c0;border-radius:11px;flex-direction:column;gap:5px;margin-bottom:20px;padding:14px 16px;font-size:13px;display:flex}.indian-supplier-form-card{box-sizing:border-box;background:#fff;border:1px solid #dce5e7;border-radius:16px;width:100%;padding:24px;box-shadow:0 4px 14px #0f172a09}.indian-supplier-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.indian-supplier-field{min-width:0}.indian-supplier-field.full-width{grid-column:1/-1}.indian-supplier-field label{color:#526570;margin-bottom:7px;font-size:11px;font-weight:800;display:block}.indian-supplier-field input,.indian-supplier-field select,.indian-supplier-field textarea{box-sizing:border-box;color:#14202b;width:100%;font:inherit;background:#fff;border:1px solid #d5e0e2;border-radius:9px;outline:none;padding:10px 12px;font-size:13px}.indian-supplier-field input,.indian-supplier-field select{min-height:42px}.indian-supplier-field textarea{resize:vertical}.indian-supplier-field input:focus,.indian-supplier-field select:focus,.indian-supplier-field textarea:focus{border-color:#74c9c4;box-shadow:0 0 0 3px #008f8914}.indian-supplier-form-actions{border-top:1px solid #e3eaec;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:20px;display:flex}.indian-supplier-cancel-button,.indian-supplier-save-button{min-height:40px;font:inherit;cursor:pointer;border-radius:9px;padding:0 17px;font-size:13px;font-weight:700}.indian-supplier-cancel-button{color:#53646d;background:#fff;border:1px solid #d5e0e2}.indian-supplier-save-button{color:#fff;background:linear-gradient(135deg,#008f89 0%,#00827c 100%);border:1px solid #00827c;box-shadow:0 4px 10px #00898129}.indian-supplier-save-button:disabled{opacity:.65;cursor:not-allowed}@media (width<=700px){.indian-supplier-form-page{padding:20px}.indian-supplier-form-grid{grid-template-columns:1fr}.indian-supplier-field.full-width{grid-column:auto}.indian-supplier-form-actions{flex-direction:column}.indian-supplier-cancel-button,.indian-supplier-save-button{width:100%}}.indian-supplier-details-page{background:#f7faf9;min-height:100%;padding:28px 32px 40px}.indian-supplier-details-container{width:100%;max-width:1480px;margin:0 auto}.indian-details-back{color:#007f7b;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin:0 0 18px;padding:0;font-size:13px;font-weight:700;display:inline-flex}.indian-details-back:hover{color:#006b67}.indian-details-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px;display:flex}.indian-details-heading{align-items:center;gap:15px;display:flex}.indian-details-icon{color:#00867f;background:#e7f7f4;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.indian-details-eyebrow{color:#008c88;letter-spacing:.13em;margin-bottom:4px;font-size:10px;font-weight:800}.indian-details-heading h1{color:#071b34;letter-spacing:-.5px;margin:0;font-size:29px;font-weight:750}.indian-details-code{color:#60738c;margin-top:3px;font-size:13px}.indian-details-header-actions{align-items:center;gap:10px;display:flex}.indian-details-status{color:#66727d;background:#f1f4f5;border-radius:999px;align-items:center;min-height:31px;padding:0 12px;font-size:11px;font-weight:800;display:inline-flex}.indian-details-status.active{color:#00806f;background:#e8f8f4}.indian-details-edit,.indian-details-view-orders{color:#007d76;background:#f0f8f7;border:1px solid #cde7e4;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 15px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.indian-details-edit:hover,.indian-details-view-orders:hover{background:#e5f4f2;border-color:#b9ddd9}.indian-details-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:20px;display:grid}.indian-details-stat{background:#fff;border:1px solid #dce5e7;border-radius:15px;align-items:center;gap:14px;min-height:112px;padding:20px;display:flex;box-shadow:0 5px 18px #0f172a0a}.indian-details-stat-icon{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.indian-details-stat-icon.orders{color:#1976a8;background:#eef7fb}.indian-details-stat-icon.silver{color:#66727d;background:#f2f4f7}.indian-details-stat-icon.amount{color:#16834c;background:#eef9f1}.indian-details-stat span,.indian-details-field>span,.indian-details-notes>span{color:#53636c;letter-spacing:.55px;text-transform:uppercase;font-size:10px;font-weight:800;display:block}.indian-details-stat strong{color:#14202b;margin-top:3px;font-size:27px;font-weight:750;display:block}.indian-details-stat small{color:#84919b;margin-top:2px;font-size:11px;display:block}.indian-details-main-grid{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:20px;display:grid}.indian-details-card{background:#fff;border:1px solid #dce5e7;border-radius:16px;overflow:hidden;box-shadow:0 5px 18px #0f172a09}.indian-details-card-title{border-bottom:1px solid #edf2f3;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;display:flex}.indian-details-card-title h2{color:#14202b;margin:0;font-size:18px;font-weight:750}.indian-details-card-title p{color:#687784;margin:5px 0 0;font-size:12px}.indian-details-fields{grid-template-columns:repeat(2,minmax(0,1fr));padding:4px 22px 12px;display:grid}.indian-details-field{min-height:67px;padding:14px 0}.indian-details-field:nth-child(2n){border-left:1px solid #eef2f3;padding-left:20px}.indian-details-field strong{color:#202b35;word-break:break-word;align-items:center;gap:6px;margin-top:5px;font-size:13px;font-weight:650;line-height:1.35;display:flex}.indian-details-field strong svg{color:#00867f;flex-shrink:0}.indian-details-notes{border-top:1px solid #edf1f2;margin:0 22px 20px;padding-top:16px}.indian-details-notes p{color:#53636c;white-space:pre-wrap;margin:6px 0 0;font-size:13px;line-height:1.55}.indian-details-empty-orders{text-align:center;color:#8a989f;flex-direction:column;justify-content:center;align-items:center;min-height:275px;padding:28px;display:flex}.indian-details-empty-orders svg{color:#9aa9ae}.indian-details-empty-orders h3{color:#26343d;margin:12px 0 5px;font-size:16px}.indian-details-empty-orders p{color:#84919b;max-width:280px;margin:0;font-size:12px;line-height:1.5}.indian-details-state,.indian-details-error{text-align:center;color:#687784;background:#fff;border:1px solid #dce5e7;border-radius:15px;padding:34px 24px}.indian-details-error{text-align:left;color:#a5231c;background:#fff5f4;border-color:#f0c3c0}.indian-details-error strong{margin-bottom:5px;display:block}.indian-details-error p{margin:0;font-size:13px}@media (width<=1050px){.indian-details-main-grid{grid-template-columns:1fr}}@media (width<=750px){.indian-supplier-details-page{padding:20px}.indian-details-header{flex-direction:column;align-items:flex-start}.indian-details-stats,.indian-details-fields{grid-template-columns:1fr}.indian-details-field:nth-child(2n){border-left:0;padding-left:0}.indian-details-header-actions{width:100%}.indian-details-edit{margin-left:auto}}.shipments-page{color:#08233f;background:#f5f9f9;min-height:100%}.shipments-container{box-sizing:border-box;width:100%;max-width:1700px;margin:0 auto;padding:28px 30px 44px}.shipments-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.shipments-eyebrow{color:#008f8a;letter-spacing:1.3px;margin-bottom:5px;font-size:11px;font-weight:800}.shipments-header h1{letter-spacing:-1.2px;margin:0;font-size:clamp(32px,3vw,46px);line-height:1.05}.shipments-header p{color:#61758d;margin:9px 0 0;font-size:14px}.shipments-header-actions{align-items:center;gap:10px;display:flex}.shipments-primary-button,.shipments-secondary-button,.shipments-empty-button{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 17px;font-size:13px;font-weight:800;transition:all .18s;display:inline-flex}.shipments-primary-button{color:#fff;background:#008f8a;border:1px solid #008f8a;box-shadow:0 8px 18px #008f8a2e}.shipments-primary-button:hover{background:#007d78;transform:translateY(-1px)}.shipments-secondary-button{color:#006e72;background:#fff;border:1px solid #cbdde2}.shipments-secondary-button:hover{background:#f7ffff;border-color:#86c5c7}.shipments-secondary-button:disabled{opacity:.65;cursor:not-allowed}.spin{animation:.8s linear infinite shipment-spin}@keyframes shipment-spin{to{transform:rotate(360deg)}}.shipments-error{color:#a52828;background:#fff5f5;border:1px solid #f2c7c7;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;padding:13px 15px;font-size:13px;display:flex}.shipments-error span{color:#7d4b4b}.shipments-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.shipment-summary-card{background:#fff;border:1px solid #d6e2e6;border-radius:13px;align-items:center;gap:15px;min-height:126px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 22px #102b420d}.shipment-summary-card:after{content:"";background:#008f8a0e;border-radius:50%;width:105px;height:105px;position:absolute;bottom:-35px;right:-25px}.shipment-summary-card-amount{border-color:#d8dff0}.shipment-summary-card-delayed{border-color:#ffd8b0}.shipment-summary-icon{z-index:1;border-radius:13px;flex:0 0 48px;place-items:center;width:48px;height:48px;font-weight:900;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff59}.shipment-icon-teal{color:#008f8a;background:#e9f8f7}.shipment-icon-blue{color:#2563aa;background:#edf3ff}.shipment-icon-green{color:#00865c;background:#eaf8f1}.shipment-icon-gold{color:#b66d00;background:#fff5df}.shipment-icon-red{color:#e08300;background:#fff0e1}.shipment-summary-card>div:last-child{z-index:1;min-width:0;position:relative}.shipment-summary-card span{color:#667c92;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:800;display:block}.shipment-summary-card strong{color:#0a2038;margin-top:7px;font-size:25px;line-height:1;display:block}.shipment-summary-card small{color:#8a9bae;margin-top:7px;font-size:11px;display:block}.shipments-list-card{background:#fff;border:1px solid #d6e2e6;border-radius:14px;overflow:hidden;box-shadow:0 10px 28px #102b420e}.shipments-list-header{border-bottom:1px solid #e1eaed;justify-content:space-between;align-items:flex-end;gap:22px;padding:20px 22px;display:flex}.shipments-list-header h2{margin:0;font-size:19px}.shipments-list-header p{color:#71849a;margin:5px 0 0;font-size:12px}.shipments-filters{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.shipment-search{color:#7790a2;background:#fff;border:1px solid #cddde1;border-radius:8px;align-items:center;gap:8px;width:280px;height:40px;padding:0 11px;display:flex}.shipment-search:focus-within{border-color:#55aaa8;box-shadow:0 0 0 3px #008f8a14}.shipment-search input{color:#122b43;width:100%;font:inherit;background:0 0;border:0;outline:0;font-size:12px}.shipment-filter{gap:5px;display:grid}.shipment-filter span{color:#6d8195;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:800}.shipment-filter select{color:#17324a;background:#fff;border:1px solid #cddde1;border-radius:8px;outline:0;min-width:118px;height:40px;padding:0 28px 0 10px;font-size:12px;font-weight:700}.shipments-table-wrap{width:100%;overflow-x:auto}.shipments-table{border-collapse:collapse;width:100%;min-width:1620px;font-size:12px}.shipments-table th{color:#637a90;text-align:left;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;background:#f3f7f8;padding:13px;font-size:10px;font-weight:900}.shipments-table td{color:#2d465d;vertical-align:middle;white-space:nowrap;border-top:1px solid #e5edef;padding:13px}.shipments-table tbody tr:hover{background:#fbfefe}.shipment-number-button{color:#007e83;cursor:pointer;background:0 0;border:0;padding:0;font-weight:900}.shipment-number-button:hover{text-decoration:underline}.shipment-item-cell{text-overflow:ellipsis;max-width:190px;overflow:hidden}.shipment-amount-cell{font-weight:900;color:#008b7f!important}.shipment-priority,.shipment-status{border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:10px;font-weight:900;display:inline-flex}.shipment-priority-high{color:#c62828;background:#ffe7e7}.shipment-priority-medium{color:#aa6900;background:#fff1d8}.shipment-priority-low{color:#1d7a45;background:#e9f7ed}.shipment-priority-dot{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.shipment-priority-dot-high{background:#c62828}.shipment-priority-dot-medium{background:#d88900}.shipment-priority-dot-low{background:#2d9b5f}.shipment-status-created{color:#2868a8;background:#e9f2ff}.shipment-status-started{color:#b96800;background:#fff0dc}.shipment-status-arrived{color:#007b57;background:#e6f7ee}.shipment-delivery-meta{white-space:nowrap;border-radius:999px;align-items:center;gap:7px;min-height:28px;padding:4px 9px;font-size:10px;font-weight:900;display:inline-flex}.shipment-delivery-arrived{color:#678;background:#f1f4f6}.shipment-delivery-remaining{color:#16804f;background:#e9f7ef}.shipment-delivery-today{color:#a86600;background:#fff3d9}.shipment-delivery-overdue{color:#c62828;background:#ffe8e8}.shipment-credit-status{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-width:124px;min-height:28px;padding:4px 9px;font-size:10px;font-weight:900;display:inline-flex}.shipment-credit-status-credited{color:#147a4b;background:#e7f7ee;border:1px solid #c9ead8}.shipment-credit-status-pending{color:#a56600;background:#fff3d9;border:1px solid #f4ddb0}.shipment-credit-status-not-applicable{color:#687888;background:#f1f4f6;border:1px solid #e1e6e9}.shipment-credit-status-dash{font-size:13px;line-height:1}.shipment-delayed-badge{color:#c62828;text-transform:uppercase;letter-spacing:.3px;background:#ffe7e7;border-radius:999px;align-items:center;padding:4px 7px;font-size:9px;font-weight:900;display:inline-flex}.shipment-status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.shipment-actions{gap:6px;display:flex}.shipment-action-button{color:#007c83;cursor:pointer;background:#fff;border:1px solid #c7dce1;border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.shipment-action-button:hover{background:#effafa;border-color:#72bfc0}.shipment-delete-button{color:#c43a3a;border-color:#f0cccc}.shipment-delete-button:hover{background:#fff4f4;border-color:#e7a9a9}.shipments-empty-state{color:#71869a;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:330px;display:flex}.shipments-empty-state svg{color:#77aaa9;margin-bottom:3px}.shipments-empty-state strong{color:#17324a;font-size:15px}.shipments-empty-state span{max-width:420px;font-size:12px}.shipments-empty-button{color:#007e83;background:#fff;border:1px solid #83c8c8;margin-top:10px}@media (width<=1100px){.shipments-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shipments-list-header{flex-direction:column;align-items:stretch}.shipments-filters{width:100%}.shipment-search{flex:260px}}@media (width<=700px){.shipments-container{padding:20px 14px 30px}.shipments-header{flex-direction:column;align-items:flex-start}.shipments-header-actions{width:100%}.shipments-header-actions button{flex:1}.shipments-summary-grid{grid-template-columns:1fr}.shipments-filters{grid-template-columns:1fr 1fr;display:grid}.shipment-search{grid-column:1/-1;width:auto}}.shipment-agent-value,.shipment-amount-value{align-items:center;gap:6px;display:inline-flex}.shipment-financial-lock-icon{opacity:.72;stroke-width:2.2px;flex:none}.add-shipment-page{color:#08233f;background:#f5f9f9;min-height:100%}.add-shipment-container{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:25px 30px 44px}.add-shipment-back{color:#00858a;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-bottom:18px;font-size:13px;font-weight:800;display:inline-flex}.add-shipment-back:hover{text-decoration:underline}.add-shipment-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.add-shipment-eyebrow{color:#008f8a;letter-spacing:1.3px;font-size:11px;font-weight:800}.add-shipment-header h1{letter-spacing:-1px;margin:5px 0 0;font-size:38px}.add-shipment-header p{color:#637a90;margin:7px 0 0;font-size:14px}.add-shipment-header-icon{color:#008f8a;background:#eaf8f7;border:1px solid #cfe6e5;border-radius:14px;place-items:center;width:58px;height:58px;display:grid}.add-shipment-error{color:#a52727;background:#fff5f5;border:1px solid #f1c5c5;border-radius:10px;flex-wrap:wrap;gap:9px;margin-bottom:18px;padding:13px 15px;font-size:13px;display:flex}.add-shipment-error span{color:#7e4b4b}.add-shipment-form{gap:16px;display:grid}.add-shipment-card{background:#fff;border:1px solid #d6e2e6;border-radius:14px;padding:22px;box-shadow:0 8px 24px #102b420b}.add-shipment-card-heading{border-bottom:1px solid #e5edef;margin-bottom:18px;padding-bottom:14px}.add-shipment-card-heading h2{margin:0;font-size:18px}.add-shipment-card-heading p{color:#71859a;margin:5px 0 0;font-size:12px}.add-shipment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 18px;display:grid}.add-shipment-field{gap:7px;min-width:0;display:grid}.add-shipment-field>span{color:#29445c;font-size:12px;font-weight:800}.add-shipment-field em{color:#d33b3b;font-style:normal}.add-shipment-field input,.add-shipment-field select,.add-shipment-field textarea{box-sizing:border-box;color:#18334b;width:100%;font:inherit;background:#fff;border:1px solid #cbdce1;border-radius:8px;outline:0;font-size:13px}.add-shipment-field input,.add-shipment-field select{height:43px;padding:0 12px}.add-shipment-field textarea{resize:vertical;min-height:105px;padding:11px 12px}.add-shipment-field input:focus,.add-shipment-field select:focus,.add-shipment-field textarea:focus{border-color:#55aaa8;box-shadow:0 0 0 3px #008f8a14}.add-shipment-field input:disabled,.add-shipment-field select:disabled{cursor:not-allowed;background:#f2f6f7}.add-shipment-field small{color:#8799aa;font-size:10px;line-height:1.35}.add-shipment-money-input{border:1px solid #cbdce1;border-radius:8px;align-items:center;height:43px;display:flex;overflow:hidden}.add-shipment-money-input:focus-within{border-color:#55aaa8;box-shadow:0 0 0 3px #008f8a14}.add-shipment-money-input>span{color:#008b80;background:#f7fbfb;border-right:1px solid #e0e9eb;place-items:center;height:100%;padding:0 12px;font-weight:900;display:grid}.add-shipment-money-input input{border:0;border-radius:0;height:100%;box-shadow:none!important}.add-shipment-actions{justify-content:flex-end;gap:10px;display:flex}.add-shipment-cancel,.add-shipment-save{cursor:pointer;border-radius:9px;min-height:43px;padding:0 18px;font-size:13px;font-weight:800}.add-shipment-cancel{color:#60768b;background:#fff;border:1px solid #cadde1}.add-shipment-save{color:#fff;background:#008f8a;border:1px solid #008f8a;align-items:center;gap:8px;display:inline-flex;box-shadow:0 8px 18px #008f8a29}.add-shipment-save:disabled,.add-shipment-cancel:disabled{opacity:.6;cursor:not-allowed}@media (width<=700px){.add-shipment-container{padding:20px 14px 30px}.add-shipment-header{align-items:flex-start}.add-shipment-header h1{font-size:31px}.add-shipment-grid{grid-template-columns:1fr}.add-shipment-card{padding:17px}.add-shipment-actions{flex-direction:column-reverse}.add-shipment-actions button{width:100%}}.shipment-details-page{color:#08233f;background:#f5f9f9;min-height:100%}.shipment-details-container{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:25px 30px 44px}.shipment-details-back{color:#00858a;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-bottom:18px;font-size:13px;font-weight:800;display:inline-flex}.shipment-details-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.shipment-details-eyebrow{color:#008f8a;letter-spacing:1.3px;font-size:11px;font-weight:800}.shipment-details-header h1{letter-spacing:-1px;margin:5px 0 0;font-size:36px}.shipment-details-header p{color:#637a90;margin:6px 0 0;font-size:14px}.shipment-details-status-box{color:#007653;background:#ecf9f2;border:1px solid #b9e1d1;border-radius:9px;align-items:center;gap:8px;padding:10px 13px;font-size:12px;font-weight:900;display:inline-flex}.shipment-details-message{border-radius:9px;margin-bottom:16px;padding:12px 14px;font-size:13px}.shipment-details-message-error{color:#a32828;background:#fff5f5;border:1px solid #f0c8c8}.shipment-details-message-success{color:#08754f;background:#effaf4;border:1px solid #b9e2d0}.shipment-details-overview{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.shipment-details-overview>div{background:#fff;border:1px solid #d6e2e6;border-radius:11px;padding:16px}.shipment-details-overview span{color:#71859a;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:900;display:block}.shipment-details-overview strong{color:#0b2943;margin-top:7px;font-size:17px;display:block}.shipment-details-form{gap:16px;display:grid}.shipment-details-card{background:#fff;border:1px solid #d6e2e6;border-radius:14px;padding:22px;box-shadow:0 8px 24px #102b420b}.shipment-details-card-heading{border-bottom:1px solid #e5edef;margin-bottom:18px;padding-bottom:14px}.shipment-details-card-heading h2{margin:0;font-size:18px}.shipment-details-card-heading p{color:#71859a;margin:5px 0 0;font-size:12px}.shipment-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 18px;display:grid}.shipment-details-grid label,.shipment-details-notes{gap:7px;display:grid}.shipment-details-grid label>span,.shipment-details-notes>span{color:#29445c;font-size:12px;font-weight:800}.shipment-details-grid input,.shipment-details-grid select,.shipment-details-grid textarea,.shipment-details-notes textarea{box-sizing:border-box;color:#18334b;width:100%;font:inherit;background:#fff;border:1px solid #cbdce1;border-radius:8px;outline:0;font-size:13px}.shipment-details-grid input,.shipment-details-grid select{height:43px;padding:0 12px}.shipment-details-grid input:focus,.shipment-details-grid select:focus,.shipment-details-notes textarea:focus{border-color:#55aaa8;box-shadow:0 0 0 3px #008f8a14}.shipment-details-grid input:disabled,.shipment-details-grid select:disabled{cursor:not-allowed;background:#f1f6f7}.shipment-details-grid small{color:#8295a6;font-size:10px;line-height:1.35}.shipment-details-money{border:1px solid #cbdce1;border-radius:8px;height:43px;display:flex;overflow:hidden}.shipment-details-money>span{color:#008b80;background:#f7fbfb;border-right:1px solid #e0e9eb;place-items:center;padding:0 12px;font-weight:900;display:grid}.shipment-details-money input{box-shadow:none!important;border:0!important;border-radius:0!important}.shipment-details-notes{margin-top:17px}.shipment-details-notes textarea{resize:vertical;min-height:105px;padding:11px 12px}.shipment-details-actions{justify-content:space-between;gap:10px;display:flex}.shipment-details-delete,.shipment-details-save{cursor:pointer;border-radius:9px;align-items:center;gap:8px;min-height:43px;padding:0 17px;font-size:13px;font-weight:800;display:inline-flex}.shipment-details-delete{color:#bd3333;background:#fff;border:1px solid #efcaca}.shipment-details-save{color:#fff;background:#008f8a;border:1px solid #008f8a;box-shadow:0 8px 18px #008f8a26}.shipment-details-delete:disabled,.shipment-details-save:disabled{opacity:.6;cursor:not-allowed}.shipment-details-loading{text-align:center;color:#70859a;padding:80px 30px}.shipment-details-error-card{background:#fff;border:1px solid #e3d0d0;border-radius:12px;max-width:650px;margin:80px auto;padding:25px}.shipment-details-error-card strong{color:#9e2929}.shipment-details-error-card p{color:#6c7d8d}.shipment-details-error-card button{color:#007e83;cursor:pointer;background:#fff;border:1px solid #bfdfe0;border-radius:8px;min-height:40px;padding:0 15px;font-weight:800}@media (width<=850px){.shipment-details-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.shipment-details-container{padding:20px 14px 30px}.shipment-details-header{flex-direction:column;align-items:flex-start}.shipment-details-grid,.shipment-details-overview{grid-template-columns:1fr}.shipment-details-card{padding:17px}.shipment-details-actions{flex-direction:column-reverse}.shipment-details-actions button{justify-content:center;width:100%}}.shipment-status-timeline-card{background:#fff;border:1px solid #dce7ea;border-radius:14px;margin-bottom:20px;padding:22px 24px 24px;box-shadow:0 4px 14px #1432410a}.shipment-status-timeline-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.shipment-status-timeline-heading h2{color:#17324a;margin:0 0 5px;font-size:18px;line-height:1.25}.shipment-status-timeline-heading p{color:#71869a;margin:0;font-size:12px}.shipment-status-timeline-current{color:#007e83;white-space:nowrap;background:#e8f5f4;border-radius:999px;justify-content:center;align-items:center;min-height:29px;padding:0 11px;font-size:10px;font-weight:900;display:inline-flex}.shipment-status-timeline{grid-template-columns:repeat(3,minmax(0,1fr));min-height:86px;display:grid;position:relative}.shipment-timeline-step{flex-direction:column;align-items:center;min-width:0;display:flex;position:relative}.shipment-timeline-marker{z-index:2;color:#a0afb8;background:#fff;border:2px solid #d7e1e5;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .18s;display:inline-flex;position:relative}.shipment-timeline-step.is-completed .shipment-timeline-marker{color:#fff;background:#008f8a;border-color:#008f8a}.shipment-timeline-step.is-current .shipment-timeline-marker{box-shadow:0 0 0 5px #008f8a1a}.shipment-timeline-label{text-align:center;flex-direction:column;align-items:center;gap:3px;margin-top:9px;display:flex}.shipment-timeline-label strong{color:#29445b;font-size:12px;font-weight:900}.shipment-timeline-label span{color:#8a9aa6;font-size:10px;font-weight:700}.shipment-timeline-step.is-completed .shipment-timeline-label strong{color:#007e83}.shipment-timeline-step.is-current .shipment-timeline-label strong{color:#17324a}.shipment-timeline-connector{z-index:1;background:#e2eaed;border-radius:999px;width:calc(100% - 34px);height:3px;position:absolute;top:16px;left:calc(50% + 17px)}.shipment-timeline-connector.is-completed{background:#008f8a}@media (width<=620px){.shipment-status-timeline-card{padding:18px 16px 20px}.shipment-status-timeline-heading{flex-direction:column;gap:10px}.shipment-status-timeline{min-height:80px}.shipment-timeline-label strong{font-size:11px}.shipment-timeline-label span{font-size:9px}}.loan-dashboard{box-sizing:border-box;color:#10243e;background:#f5f9f8;width:100%;min-height:100vh;padding:28px 32px 48px}.loan-dashboard-container{width:100%;max-width:none;margin:0 auto}.loan-dashboard-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px;display:flex}.loan-dashboard-header-content{min-width:0}.loan-dashboard-eyebrow{color:#008f8b;letter-spacing:1.2px;margin-bottom:8px;font-size:11px;font-weight:800}.loan-dashboard-header h1{color:#071b35;margin:0;font-size:32px;font-weight:700;line-height:1.15}.loan-dashboard-header p{color:#60748d;margin:8px 0 0;font-size:14px}.loan-new-button,.loan-list-new-button,.loan-empty-button{cursor:pointer;font-family:inherit}.loan-new-button{color:#fff;background:#008f89;border:1px solid #00827c;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 17px;font-size:13px;font-weight:700;display:inline-flex}.loan-new-button:hover{background:#006f69}.loan-new-button-icon{font-size:17px;line-height:1}.loan-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-bottom:24px;display:grid}.loan-summary-card{box-sizing:border-box;background:#fff;border:1px solid #dce6e7;border-radius:10px;min-height:92px;padding:17px 17px 15px 19px;position:relative;overflow:hidden}.loan-summary-card:before{content:"";background:#3478b9;width:4px;position:absolute;top:0;bottom:0;left:0}.loan-summary-card.green:before{background:#168653}.loan-summary-card.red:before{background:#d64545}.loan-summary-card.orange:before{background:#d68a16}.loan-summary-card.purple:before{background:#7c57c7}.loan-summary-card-label{color:#647783;letter-spacing:.25px;text-transform:uppercase;margin-bottom:9px;font-size:10px;font-weight:700;line-height:1.3}.loan-summary-card-value{color:#152d43;white-space:nowrap;font-size:21px;font-weight:700;line-height:1.15}.loan-summary-card.green .loan-summary-card-value{color:#168653}.loan-summary-card.red .loan-summary-card-value{color:#c93434}.loan-summary-card.orange .loan-summary-card-value{color:#b57918}.loan-summary-card.purple .loan-summary-card-value{color:#6c4eb0}.loan-list-card{background:#fff;border:1px solid #dce5e7;border-radius:12px;width:100%;overflow:hidden}.loan-list-header{border-bottom:1px solid #e9eeee;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.loan-list-header h2{color:#14202b;margin:0;font-size:18px;font-weight:700}.loan-list-header p{color:#6b7b85;margin:5px 0 0;font-size:12px}.loan-list-new-button{color:#fff;background:#00827c;border:1px solid #00827c;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:37px;padding:0 14px;font-size:12px;font-weight:700;display:inline-flex}.loan-list-new-button:hover{background:#006f69}.loan-list-new-button span{font-size:16px}.loan-table-wrapper{width:100%;overflow-x:auto}.loan-table{border-collapse:collapse;width:100%;min-width:1250px}.loan-table th{color:#60717a;letter-spacing:.3px;text-align:left;text-transform:uppercase;white-space:nowrap;background:#f8fbfa;border-bottom:1px solid #e5ebec;padding:12px 15px;font-size:10px;font-weight:800}.loan-table td{color:#40515d;white-space:nowrap;border-bottom:1px solid #edf1f2;padding:14px 15px;font-size:13px}.loan-table tbody tr:last-child td{border-bottom:none}.loan-table tbody tr:hover{background:#fbfdfd}.loan-number-cell{color:#007d76!important;font-weight:700!important}.loan-lender-cell{color:#17344c!important;font-weight:600!important}.loan-amount-cell{color:#2369a5!important;font-weight:600!important}.loan-principal-cell{color:#b57918!important;font-weight:600!important}.loan-available-cell{color:#168653!important;font-weight:600!important}.loan-interest-cell{color:#6c4eb0!important;font-weight:600!important}.loan-outstanding-cell{color:#c93434!important;font-weight:700!important}.loan-status{color:#16834c;background:#eaf8f0;border:1px solid #cce8d9;border-radius:999px;justify-content:center;align-items:center;min-height:26px;padding:0 9px;font-size:10px;font-weight:750;display:inline-flex}.loan-action-button{color:#00827c;cursor:pointer;background:#f8fbfa;border:1px solid #d5e4e4;border-radius:7px;min-height:30px;padding:0 10px;font-family:inherit;font-size:11px;font-weight:700}.loan-action-button:hover{background:#eaf7f5;border-color:#b9dcd9}.loan-empty-cell{padding:0!important}.loan-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:270px;padding:35px 20px;display:flex}.loan-empty-icon{color:#00827c;background:#eef8f7;border:1px solid #cde5e3;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:6px;font-size:18px;font-weight:700;display:flex}.loan-empty-state strong{color:#263b49;font-size:14px;font-weight:700}.loan-empty-state span{color:#7a8991;max-width:430px;font-size:12px;line-height:1.5}.loan-empty-button{color:#fff;background:#00827c;border:1px solid #00827c;border-radius:8px;min-height:36px;margin-top:9px;padding:0 14px;font-size:12px;font-weight:700}.loan-empty-button:hover{background:#006f69}@media (width<=1200px){.loan-dashboard{padding:26px 28px 42px}.loan-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.loan-dashboard{padding:22px 18px 36px}.loan-dashboard-header{flex-direction:column;align-items:stretch}.loan-new-button{width:100%}.loan-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.loan-list-header{flex-direction:column;align-items:flex-start}.loan-list-new-button{width:100%}}@media (width<=450px){.loan-summary-grid{grid-template-columns:1fr}}.loan-utilise-button{color:#fff;cursor:pointer;white-space:nowrap;background:#008f89;border:1px solid #00827c;border-radius:7px;min-height:30px;padding:0 10px;font-family:inherit;font-size:11px;font-weight:700}.loan-utilise-button:hover{background:#006f69;border-color:#006f69}.od-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#071b356b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.od-utilise-modal{background:#fff;border:1px solid #dce6e7;border-radius:14px;width:min(620px,100%);max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 24px 70px #071b3538}.od-modal-header{border-bottom:1px solid #e7eeee;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px;display:flex}.od-modal-eyebrow{color:#008f8b;letter-spacing:1px;margin-bottom:6px;font-size:10px;font-weight:800}.od-modal-header h2{color:#071b35;margin:0;font-size:23px;font-weight:700;line-height:1.2}.od-modal-header p{color:#667b8c;margin:7px 0 0;font-size:12px;line-height:1.5}.od-modal-close{color:#536a78;cursor:pointer;background:#f8fbfa;border:1px solid #d9e4e5;border-radius:8px;flex:none;width:34px;height:34px;font-family:inherit;font-size:23px;line-height:1}.od-modal-close:hover{color:#00827c;background:#eef7f6;border-color:#bfdedb}.od-utilise-account{background:#dfe8e9;border:1px solid #dfe8e9;border-radius:9px;grid-template-columns:1fr 1fr;gap:1px;margin:18px 24px 0;display:grid;overflow:hidden}.od-utilise-account>div{background:#f8fbfa;padding:13px 15px}.od-utilise-account span,.od-utilise-balance-grid span{color:#6a7b85;letter-spacing:.35px;text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.od-utilise-account strong{color:#17344c;font-size:13px;font-weight:700;display:block}.od-utilise-balance-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 24px 20px;display:grid}.od-utilise-balance-grid>div{background:#fff;border:1px solid #dce6e7;border-radius:9px;padding:13px}.od-utilise-balance-grid strong{color:#263b49;font-size:15px;font-weight:700;display:block}.od-utilise-balance-grid .available{background:#f3fbf6;border-color:#cce8d9}.od-utilise-balance-grid .available strong{color:#168653}.od-utilise-modal form{padding:0 24px 24px}.od-utilise-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.od-utilise-field{min-width:0}.od-utilise-field-full{grid-column:1/-1}.od-utilise-field label{color:#304b5e;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.od-utilise-field input,.od-utilise-field textarea{box-sizing:border-box;color:#18344b;background:#fff;border:1px solid #cfdee1;border-radius:8px;outline:none;width:100%;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.od-utilise-field input{height:42px;padding:0 12px}.od-utilise-field textarea{resize:vertical;min-height:86px;padding:11px 12px}.od-utilise-field input:focus,.od-utilise-field textarea:focus{border-color:#008f89;box-shadow:0 0 0 3px #008f8917}.od-amount-input{background:#fff;border:1px solid #cfdee1;border-radius:8px;height:42px;display:flex;overflow:hidden}.od-amount-input:focus-within{border-color:#008f89;box-shadow:0 0 0 3px #008f8917}.od-amount-input span{color:#536c7c;background:#f6faf9;border-right:1px solid #dfe8e9;align-items:center;padding:0 11px;font-size:11px;font-weight:700;display:flex}.od-amount-input input{color:#17344c;border:none;outline:none;width:100%;height:100%;padding:0 11px;font-family:inherit;font-size:13px}.od-utilise-error{color:#d43d3d;background:#fff5f5;border:1px solid #f1c7c7;border-radius:8px;flex-direction:column;gap:4px;margin-top:17px;padding:12px 14px;display:flex}.od-utilise-error strong{font-size:11px;font-weight:800}.od-utilise-error span{font-size:12px;line-height:1.45}.od-modal-actions{border-top:1px solid #e8eeee;justify-content:flex-end;gap:9px;margin-top:20px;padding-top:17px;display:flex}.od-modal-cancel,.od-modal-save{cursor:pointer;border-radius:8px;min-height:40px;padding:0 17px;font-family:inherit;font-size:12px;font-weight:700}.od-modal-cancel{color:#526875;background:#fff;border:1px solid #d4e0e2}.od-modal-cancel:hover{background:#f6faf9}.od-modal-save{color:#fff;background:#008f89;border:1px solid #00827c}.od-modal-save:hover{background:#006f69}.od-modal-save:disabled,.od-modal-cancel:disabled,.od-modal-close:disabled{opacity:.55;cursor:not-allowed}@media (width<=700px){.od-modal-overlay{align-items:flex-start;padding:12px}.od-utilise-modal{border-radius:12px;max-height:calc(100vh - 24px)}.od-modal-header{padding:18px}.od-utilise-account,.od-utilise-balance-grid{grid-template-columns:1fr;margin-left:18px;margin-right:18px}.od-utilise-modal form{padding-left:18px;padding-right:18px}.od-utilise-form-grid{grid-template-columns:1fr}.od-utilise-field-full{grid-column:auto}.od-modal-actions{flex-direction:column-reverse}.od-modal-cancel,.od-modal-save{width:100%}}.new-od-page{box-sizing:border-box;color:#10233f;background:#f5f8f8;width:100%;min-height:100vh;padding:28px 32px 48px}.new-od-container{box-sizing:border-box;width:100%;max-width:1500px;margin:0 auto}.new-od-back{color:#087f7d;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin:0 0 22px;padding:4px 0;font-size:14px;font-weight:700;display:inline-flex}.new-od-back:hover{color:#005f5d}.new-od-back:disabled{opacity:.55;cursor:not-allowed}.new-od-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.new-od-eyebrow{color:#008c88;letter-spacing:1.2px;margin-bottom:7px;font-size:12px;font-weight:800}.new-od-heading h1{color:#071a33;margin:0;font-size:32px;font-weight:800;line-height:1.15}.new-od-heading p{color:#68809c;margin:8px 0 0;font-size:14px;line-height:1.5}.new-od-error,.new-od-success{box-sizing:border-box;border-radius:10px;align-items:flex-start;gap:10px;width:100%;margin-bottom:18px;padding:13px 16px;font-size:14px;line-height:1.45;display:flex}.new-od-error{color:#c62828;background:#fff5f5;border:1px solid #f1b8b8;flex-direction:column}.new-od-error strong{font-size:14px;font-weight:800}.new-od-error span{color:#c62828}.new-od-success{color:#17743b;background:#f1fbf4;border:1px solid #b7dfc2}.new-od-form{flex-direction:column;gap:20px;display:flex}.new-od-section{box-sizing:border-box;background:#fff;border:1px solid #d7e2e7;border-radius:14px;width:100%;padding:24px;box-shadow:0 3px 14px #122d410b}.new-od-section-heading{border-left:4px solid #008f8c;margin-bottom:22px;padding-left:12px}.new-od-section-heading h2{color:#10233f;margin:0;font-size:18px;font-weight:800;line-height:1.3}.new-od-section-heading p{color:#71869d;margin:4px 0 0;font-size:13px;line-height:1.4}.new-od-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;display:grid}.new-od-field{flex-direction:column;gap:7px;min-width:0;display:flex}.new-od-field-full{grid-column:1/-1}.new-od-field label{color:#163250;font-size:13px;font-weight:750;line-height:1.3}.required-mark{color:#d32f2f;margin-left:4px}.new-od-field input,.new-od-field select{box-sizing:border-box;color:#172f4d;background:#fff;border:1px solid #c9d9e0;border-radius:8px;outline:none;width:100%;min-height:46px;padding:0 13px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.new-od-field select{cursor:pointer}.new-od-field input::placeholder{color:#9aabb8}.new-od-field input:focus,.new-od-field select:focus{border-color:#008f8c;box-shadow:0 0 0 3px #008f8c1a}.new-od-field input:disabled,.new-od-field select:disabled{cursor:not-allowed;background:#f1f4f5}.new-od-help{color:#8192a3;font-size:12px;line-height:1.4}.new-od-input-with-suffix{position:relative}.new-od-input-with-suffix input{padding-right:45px}.new-od-input-with-suffix>span{color:#5d7287;pointer-events:none;font-size:13px;font-weight:700;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.new-od-calculation{background:#f8fbfb;border:1px solid #dce6ea;border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px;display:grid;overflow:hidden}.new-od-calculation>div{border-right:1px solid #dce6ea;min-width:0;padding:15px 17px}.new-od-calculation>div:last-child{border-right:0}.new-od-calculation span{color:#71869a;text-transform:uppercase;letter-spacing:.45px;margin-bottom:5px;font-size:11px;font-weight:800;display:block}.new-od-calculation strong{color:#142c48;font-size:17px;font-weight:800;display:block}.new-od-calculation .available strong{color:#16824c}.new-od-actions{justify-content:flex-end;align-items:center;gap:12px;padding-top:2px;display:flex}.new-od-cancel,.new-od-save{cursor:pointer;border-radius:8px;min-width:120px;min-height:44px;padding:0 20px;font-family:inherit;font-size:14px;font-weight:750;transition:background .15s,border-color .15s,box-shadow .15s,opacity .15s}.new-od-cancel{color:#35516e;background:#fff;border:1px solid #c9d9e0}.new-od-cancel:hover{background:#f7fafb;border-color:#9db5c1}.new-od-save{color:#fff;background:#008f8c;border:1px solid #008f8c;box-shadow:0 4px 10px #008f8c29}.new-od-save:hover{background:#007875;border-color:#007875}.new-od-cancel:disabled,.new-od-save:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}@media (width<=900px){.new-od-page{padding:22px 18px 40px}.new-od-grid{grid-template-columns:1fr}.new-od-field-full{grid-column:auto}.new-od-calculation{grid-template-columns:1fr}.new-od-calculation>div{border-bottom:1px solid #dce6ea;border-right:0}.new-od-calculation>div:last-child{border-bottom:0}}@media (width<=600px){.new-od-page{padding:16px 12px 32px}.new-od-heading h1{font-size:27px}.new-od-section{border-radius:11px;padding:18px 15px}.new-od-actions{flex-direction:column-reverse;align-items:stretch}.new-od-cancel,.new-od-save{width:100%}}
