@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--sidebar-width: 260px;--bp-navy: #0b0f17;--bp-logo-bosa: #111827;--bp-orange: #eb9232;--bp-cream: #ffffff;--bp-silver: #d7dce1;--bp-white: #ffffff;--bp-success-dark: #2E6E4E;--bp-success-mid: #4A9E72;--bp-success-light: #EAF4EE;--bp-warn-dark: #B56F14;--bp-warn-mid: #E09030;--bp-warn-light: #FDF3E3;--bp-danger-dark: #9E3224;--bp-danger-mid: #C84B3A;--bp-danger-light: #FAF0EE;--bp-info-dark: #2A5F8A;--bp-info-mid: #4080B0;--bp-info-light: #EDF3FA;--bp-text-main: #1f2937;--bp-text-soft: #6b7280;--bp-text-muted: #4b5563;--bp-table-head: #f8fafc;--bp-orange-15: rgba(235, 146, 50, .12);--bp-silver-50: rgba(215, 220, 225, .55);--bp-silver-22: rgba(215, 220, 225, .22);--bp-silver-18: rgba(215, 220, 225, .18);--bp-silver-08: rgba(215, 220, 225, .08);--bp-white-96: rgba(255, 255, 255, .96);--bp-white-02: rgba(255, 255, 255, .02);--bp-white-15: rgba(255, 255, 255, .15);--bp-white-08: rgba(255, 255, 255, .08);--radius: 16px;--radius-md: 14px;--radius-sm: 10px;--radius-xs: 8px;--shadow-flat: 0 8px 24px rgba(17, 24, 39, .04)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bp-white);color:var(--bp-text-main);font-family:Inter,sans-serif;font-size:13.5px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.login-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top left,rgba(242,148,49,.18),transparent 25%),radial-gradient(circle at bottom right,rgba(59,130,246,.15),transparent 30%),linear-gradient(135deg,#0b1220,#111827);display:flex;align-items:center;justify-content:center}.login-card{background:#fff;border:none;border-radius:20px;padding:40px 36px;width:380px;box-shadow:0 20px 50px #00000040}.login-logo{text-align:center;margin-bottom:28px}.login-logo img{display:block;max-width:220px;width:100%;height:auto;margin:0 auto}.login-logo .logo-sub{font-size:11px;color:var(--bp-text-soft);letter-spacing:1.5px;text-transform:uppercase;margin-top:8px;font-weight:500}.login-title{font-size:18px;font-weight:700;color:var(--bp-navy);margin-bottom:6px;text-align:center}.login-subtitle{font-size:12.5px;color:var(--bp-text-soft);text-align:center;margin-bottom:28px}.login-field{margin-bottom:14px}.login-label{display:block;font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--bp-text-soft);margin-bottom:5px}.login-input{width:100%;background:var(--bp-white);border:1px solid var(--bp-silver);border-radius:var(--radius-xs);padding:11px 14px;color:var(--bp-navy);font-family:Inter,sans-serif;font-size:14px;transition:border-color .14s,box-shadow .14s;outline:none}.login-input:focus{border-color:var(--bp-orange);box-shadow:0 0 0 3px #eb92321f}.login-btn{width:100%;padding:12px;background:var(--bp-orange);color:var(--bp-white);border:none;border-radius:var(--radius-xs);font-family:Inter,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s;margin-top:8px}.login-btn:hover{filter:brightness(.98);transform:translateY(-1px)}.login-btn:active{transform:translateY(0)}.login-error{background:var(--bp-danger-light);border:1px solid var(--bp-danger-mid);color:var(--bp-danger-dark);border-radius:var(--radius-xs);padding:9px 14px;font-size:13px;font-weight:600;margin-top:12px;text-align:center;animation:fadeUp .15s ease}.login-security{display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;color:var(--bp-text-soft);margin-top:22px}.portal{display:flex;min-height:100vh;background:var(--bp-white)}.sidebar{width:var(--sidebar-width);min-height:100vh;background:#0b0f17;color:var(--bp-text-main);border-right:1px solid var(--bp-silver-50);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-logo{padding:20px 16px}.sidebar-logo img{display:block;max-width:170px;width:100%;height:auto}.logo-sub{font-size:10px;color:var(--bp-text-soft);letter-spacing:1.5px;text-transform:uppercase;margin-top:8px;font-weight:500}.sidebar-company{padding:0 16px 14px;margin-top:20px}.company-badge{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.company-info{display:flex;flex-direction:column;justify-content:center}.company-avatar{width:36px;height:36px;border-radius:50%;background:var(--bp-orange);color:#fff;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center}.company-info .name{color:#fff;font-size:14px;font-weight:600;line-height:1.2}.company-info .role{color:#ffffff80;font-size:12px;margin-top:2px}.sidebar-nav{flex:1;padding:10px 0;overflow-y:auto}.nav-section-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#9ca3af;padding:16px 22px 8px;font-weight:700}.nav-item{width:100%;display:flex;align-items:center;gap:12px;background:transparent;border:none;cursor:pointer;text-align:left;padding:14px 16px;color:#c7cfdb;font:inherit;font-size:13px;font-weight:500;line-height:1.2;border-radius:14px;-moz-appearance:none;appearance:none;-webkit-appearance:none}.nav-item:hover{color:#fff;color:var(--bp-navy);background:#ffffff0d}.nav-item.active{color:#fff;border-left-color:var(--bp-orange);background:#eb92322e;font-weight:700}.nav-icon-img{width:20px;height:20px;object-fit:contain;flex-shrink:0;display:block}.nav-item:not(.active) .nav-icon-img{filter:none;opacity:1}.nav-badge{margin-left:auto;background:var(--bp-danger-dark);color:var(--bp-white);font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px}.sidebar-footer{padding:16px 22px;border-top:1px solid var(--bp-silver-50);display:flex;flex-direction:column;gap:12px}.sidebar-footer .email{font-size:11px;color:var(--bp-text-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{height:40px;font-size:12px;color:#fffc;cursor:pointer;transition:all .14s;font-weight:600;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:10px;font-family:inherit;padding:0 14px}.logout-btn:hover{border-color:var(--bp-orange);color:var(--bp-orange)}.main{margin-left:var(--sidebar-width);flex:1;min-height:100vh;background:#fcfcfc;transition:margin-left .2s ease}.topbar{height:64px;border-bottom:1px solid var(--bp-silver-50);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50}.page-title{font-weight:700;font-size:17px;color:var(--bp-navy);letter-spacing:-.2px}.content{padding:28px 30px;animation:fadeUp .18s ease}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px}.stat-card{border-radius:18px;padding:20px;position:relative;overflow:hidden;min-height:160px;border:1px solid transparent;box-shadow:var(--shadow-flat)}.stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:14px}.stat-label{font-size:13px;font-weight:700;color:inherit;margin-bottom:10px;opacity:.92}.stat-value{font-size:38px;font-weight:800;color:inherit;letter-spacing:-1px;line-height:1}.stat-sub{font-size:12px;color:inherit;margin-top:8px;opacity:.86}.progress-bar{margin-top:12px;height:6px;background:#ffffff2e;border-radius:999px;overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:var(--bp-orange);transition:width .5s ease}.stat-card.orange{background:var(--bp-orange);color:var(--bp-white)}.stat-card.orange .stat-icon{background:#ffffff26}.stat-card.green{background:var(--bp-success-dark);color:var(--bp-white)}.stat-card.green .stat-icon{background:#ffffff26}.stat-card.blue{background:var(--bp-navy);color:var(--bp-white)}.stat-card.blue .stat-icon{background:#ffffff1f}.stat-card.red{background:var(--bp-white);color:var(--bp-danger-dark);border:2px solid var(--bp-danger-mid)}.stat-card.red .stat-icon{background:var(--bp-danger-light)}.stat-card.white{background:var(--bp-white);color:var(--bp-navy);border:1px solid var(--bp-silver-50)}.stat-card.white .stat-icon{background:var(--bp-info-light)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:10px}.section-title{font-weight:700;font-size:15px;color:var(--bp-navy);letter-spacing:-.2px}.section-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.table-wrap{background:var(--bp-white);border:1px solid var(--bp-silver-50);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-flat)}table{width:100%;border-collapse:collapse}thead th{padding:14px 16px;text-align:left;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--bp-navy);background:var(--bp-table-head);border-bottom:1px solid var(--bp-silver-50);font-weight:700;white-space:nowrap}tbody tr{border-bottom:1px solid var(--bp-silver-50);transition:background .1s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#fafafa}td{padding:16px;vertical-align:middle;color:var(--bp-navy)}.inv-num{font-weight:800;font-size:13px;color:var(--bp-navy)}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap;border:1px solid transparent}.status-pending{color:var(--bp-warn-dark);background:var(--bp-warn-light);border-color:var(--bp-warn-mid)}.status-overdue{color:var(--bp-danger-dark);background:var(--bp-danger-light);border-color:var(--bp-danger-mid)}.status-paid{color:var(--bp-success-dark);background:var(--bp-success-light);border-color:var(--bp-success-mid)}.btn{height:38px;padding:0 14px;border-radius:10px;font-size:12px;cursor:pointer;font-family:Inter,sans-serif;font-weight:700;transition:all .14s;display:inline-flex;align-items:center;gap:6px;text-decoration:none}.btn-primary{background:var(--bp-orange);color:var(--bp-white);border:none}.btn-primary:hover{filter:brightness(.98);transform:translateY(-1px)}.btn-ghost{background:transparent;border:none;color:var(--bp-navy)}.btn-ghost:hover{color:var(--bp-orange)}.btn-secondary{background:var(--bp-white);border:1px solid var(--bp-navy);color:var(--bp-navy)}.table-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.alert-overdue{background:var(--bp-danger-light);border-left:4px solid var(--bp-danger-dark);border-radius:12px;padding:16px 18px;margin-bottom:22px;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--bp-danger-dark);font-weight:700;box-shadow:var(--shadow-flat)}.card{background:var(--bp-white);border:1px solid var(--bp-silver-50);border-radius:var(--radius);padding:22px;margin-bottom:18px;box-shadow:var(--shadow-flat)}.card-title{font-weight:700;font-size:14px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--bp-silver-50);color:var(--bp-navy)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--bp-silver-50);font-size:13px;gap:12px}.info-row:last-child{border-bottom:none}.info-label{color:var(--bp-text-soft);font-weight:500}.info-value{font-weight:600;color:var(--bp-navy);text-align:right}.stripe-badge{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--bp-text-soft);padding:14px 0 4px;font-weight:500}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}select{padding:10px 12px;border-radius:10px;border:1px solid var(--bp-silver);background:var(--bp-white);color:var(--bp-navy);font-size:14px;min-width:220px;font-family:inherit;outline:none}select:focus{border-color:var(--bp-orange)}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.account-grid{grid-template-columns:1fr}}@media (max-width: 900px){.sidebar{position:static;width:100%;min-height:auto;border-right:none;border-bottom:1px solid var(--bp-silver-50)}.main{margin-left:0}.portal{flex-direction:column}}@media (max-width: 700px){.content{padding:20px 16px}.topbar{padding:0 16px}.stats-grid{grid-template-columns:1fr}.table-wrap{overflow-x:auto}table{min-width:760px}.login-card{padding:28px 22px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bp-silver);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#b8c0c8}.badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:700}.badge-success{background:var(--bp-success-light);color:var(--bp-success-dark)}.badge-danger{background:var(--bp-danger-light);color:var(--bp-danger-dark)}.badge-warn{background:var(--bp-warn-light);color:var(--bp-warn-dark)}.pay-btn.secondary{background:var(--bp-white);color:var(--bp-navy);border:1px solid var(--bp-silver)}.card{background:var(--bp-white);border:1px solid var(--bp-silver-50);border-radius:var(--radius);box-shadow:var(--shadow-flat);padding:18px}.admin-entry-screen{min-height:100vh;background:radial-gradient(circle at top left,rgba(242,148,49,.18),transparent 25%),radial-gradient(circle at bottom right,rgba(59,130,246,.15),transparent 30%),linear-gradient(135deg,#0b1220,#111827);display:flex;align-items:center;justify-content:center;padding:32px}.admin-entry-card{width:min(980px,100%);background:var(--bp-white);border:1px solid var(--bp-silver-50);border-radius:28px;box-shadow:0 24px 60px #0f172a14;padding:36px}.admin-entry-logo{width:180px;height:auto;margin-bottom:26px}.admin-entry-kicker{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--bp-orange);margin-bottom:10px}.admin-entry-title{font-size:34px;font-weight:800;color:var(--bp-navy);letter-spacing:-.04em;margin-bottom:10px}.admin-entry-subtitle{font-size:15px;color:#6b7280;margin-bottom:24px}.admin-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.admin-entry-option{border:1px solid var(--bp-silver-50);background:#fff;border-radius:22px;padding:24px;text-align:left;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.admin-entry-option:hover{transform:translateY(-2px);border-color:#f2943180;box-shadow:0 16px 34px #0f172a12}.admin-entry-option-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--bp-orange);margin-bottom:12px}.admin-entry-option-title{font-size:24px;font-weight:800;color:var(--bp-navy);letter-spacing:-.03em;margin-bottom:8px}.admin-entry-option-text{font-size:14px;line-height:1.6;color:#6b7280}.admin-entry-logout{margin-top:6px;border:none;background:transparent;color:#6b7280;font-weight:700;cursor:pointer}.buyers-page .stats-grid{margin-bottom:22px}.buyers-overview-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin-bottom:24px}.buyers-panel{background:var(--bp-white);border:1px solid var(--bp-silver-50);border-radius:18px;box-shadow:var(--shadow-flat);padding:20px}.buyers-panel-title{font-size:14px;font-weight:800;color:var(--bp-navy);margin-bottom:16px}.buyers-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.buyers-mini-card{border:1px solid var(--bp-silver-50);border-radius:16px;padding:16px;background:#fafbfd}.buyers-mini-card strong{display:block;margin-top:8px;font-size:24px;color:var(--bp-navy);letter-spacing:-.03em}.buyers-mini-label{font-size:12px;color:#6b7280;display:block}.buyers-risk-list{display:grid;gap:12px}.buyers-risk-row{border-radius:14px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700}.buyers-risk-row.good{background:#edf8f1;color:#18794e}.buyers-risk-row.warn{background:#fff7e8;color:#b76a00}.buyers-risk-row.bad{background:#fff0f0;color:#c23030}.buyers-risk-row.neutral{background:#f4f6fb;color:#344054}.buyers-table{margin-bottom:24px}.buyers-name{font-size:13px;font-weight:800;color:var(--bp-navy);line-height:1.2}.buyers-subid{font-size:12px;color:#8a94a6;margin-top:6px}.buyers-behavior-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.buyers-behavior-card{background:var(--bp-white);border:1px solid var(--bp-silver-50);border-radius:18px;box-shadow:var(--shadow-flat);padding:18px}.buyers-behavior-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.buyers-metric{margin-bottom:16px}.buyers-metric-top{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#667085;margin-bottom:8px}.buyers-metric-top strong{color:var(--bp-navy)}.buyers-progress{height:8px;border-radius:999px;background:#e7f3ec;overflow:hidden}.buyers-progress-orange{background:#fff1de}.buyers-progress-fill{height:100%;border-radius:inherit;background:var(--bp-success-dark)}.buyers-progress-orange .buyers-progress-fill{background:var(--bp-orange)}.buyers-behavior-footer{display:flex;justify-content:space-between;font-size:12px;color:#667085;padding-top:2px}@media (max-width: 1100px){.buyers-overview-grid,.buyers-behavior-grid,.admin-entry-grid{grid-template-columns:1fr}}@media (max-width: 768px){.buyers-mini-grid{grid-template-columns:1fr}.admin-entry-card{padding:24px}.admin-entry-title{font-size:28px}}