.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(160deg,var(--ink) 0%,var(--ink-3) 45%,#0f1218 100%)}.login-card{width:100%;max-width:420px;background:#fff;border-radius:20px;padding:28px 32px 36px;overflow:hidden}.login-brand{display:flex;justify-content:center;background:#fff;margin:0 0 12px;padding:0}.login-brand img{width:88px;height:88px;object-fit:contain;display:block;background:#fff;border-radius:16px}.login-card h1{margin:0 0 6px;font-size:24px}.login-card .sub{color:var(--slate-500);margin:0 0 24px}.login-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--slate-100);border-radius:10px;padding:4px;margin-bottom:18px}.login-tabs button{border:0;background:transparent;padding:8px;border-radius:8px;font-weight:700;color:var(--slate-500)}.login-tabs button.active{background:#fff;color:var(--ink)}.login-card form{display:grid;gap:12px}.login-card .btn{width:100%}.login-card .otp-row{display:flex;gap:8px}.login-card .otp-row input{text-align:center;letter-spacing:4px;font-size:20px;font-weight:800}.app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar);flex-shrink:0;background:linear-gradient(180deg,var(--ink) 0%,var(--slate-900) 100%);color:#fff;display:flex;flex-direction:column;padding:20px 14px;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:40}.sidebar::-webkit-scrollbar{width:0}.sb-brand{display:flex;flex-direction:row;align-items:center;gap:10px;padding:2px 6px 10px;text-decoration:none;color:#fff}.sb-logo{width:42px;height:42px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;padding:3px}.sb-logo img{width:100%;height:100%;object-fit:contain;display:block;background:#fff}.sb-brand-text b{font-size:14.5px;font-weight:800;display:block;line-height:1.2;color:#fff;font-family:Sora,Inter,sans-serif}.sb-brand-text b span{color:var(--amber-bright)}.sb-role-pill{display:inline-flex;align-items:center;gap:5px;margin-top:5px;font-size:10px;font-weight:700;color:var(--amber-bright);background:#f59e0b24;border:1px solid rgba(245,158,11,.25);padding:3px 9px;border-radius:99px}.sb-role-pill .dot{width:5px;height:5px;border-radius:50%;background:var(--amber-bright)}.sb-group{font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--slate-500);padding:20px 10px 8px}.sb-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;font-size:13.5px;font-weight:600;color:var(--slate-300);width:100%;text-align:left;transition:.15s;margin-bottom:2px;position:relative;text-decoration:none;border:0;background:none}.sb-item svg{width:17px;height:17px;flex-shrink:0;opacity:.8}.sb-item:hover{background:#ffffff0b;color:#fff}.sb-item.active{background:linear-gradient(90deg,#f59e0b2e,#f59e0b0d);color:#fff;font-weight:700}.sb-item.active svg{opacity:1;color:var(--amber-bright)}.sb-item.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--amber-bright),var(--amber-deep))}.sb-nav{flex:1}.sb-foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--ink-line)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{padding:16px 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10;gap:12px}.crumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--slate-500);font-weight:600;min-width:0}.crumb b{color:var(--slate-800);font-weight:700}.crumb svg{width:14px;height:14px;color:var(--slate-400);flex-shrink:0}.top-right{display:flex;align-items:center;gap:12px}.top-context-pill{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--slate-600);font-weight:700;background:var(--slate-50);border:1px solid var(--line);padding:7px 13px;border-radius:99px}.top-context-pill .dot{width:6px;height:6px;border-radius:50%;background:var(--teal)}.top-av{width:34px;height:34px;border-radius:10px;background:var(--ink);color:var(--amber-bright);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}.menu-btn{display:none;width:36px;height:36px;border-radius:10px;background:var(--slate-50);border:1px solid var(--line);align-items:center;justify-content:center;color:var(--slate-700);flex-shrink:0}.menu-btn svg{width:18px;height:18px}.body-pad{padding:26px 30px 60px;max-width:1220px;width:100%}.sidebar-backdrop{display:none}@media (max-width: 900px){.sidebar{position:fixed;left:0;top:0;transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:translate(0)}.menu-btn{display:inline-flex}.sidebar-backdrop.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#181b2673;z-index:30}.topbar{padding:14px 16px}.body-pad{padding:18px 16px 40px}.top-context-pill{display:none}}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}.stats-strip .stat-card{position:relative;overflow:hidden}.stats-strip .stat-card:after{content:"";position:absolute;right:-24px;bottom:-24px;width:80px;height:80px;border-radius:50%;background:var(--stat-tint, var(--amber-50));opacity:.6}.stat-top{display:flex;align-items:center;justify-content:space-between;position:relative}.stat-ic{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--stat-tint, var(--amber-50));color:var(--stat-color, var(--amber-deep))}.stat-ic svg{width:15px;height:15px}.stats-strip .stat-val,.stats-strip .stat-lbl{position:relative}.import-card{background:linear-gradient(135deg,var(--ink) 0%,var(--ink-3) 100%);border-radius:var(--radius);padding:26px 28px;margin-top:20px;color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow-pop)}.import-card:after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.22),transparent 70%)}.import-row{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;position:relative}.import-left{display:flex;gap:16px;align-items:flex-start}.import-ic{width:46px;height:46px;border-radius:13px;background:#f59e0b29;border:1px solid rgba(245,158,11,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--amber-bright)}.import-ic svg{width:21px;height:21px}.import-title{font-size:16.5px;font-weight:800;font-family:Sora,Inter,sans-serif}.import-desc{font-size:12.5px;color:#fff9;margin-top:6px;line-height:1.6;max-width:52ch}.import-msg{margin-top:10px;font-size:12.5px;color:var(--amber-bright);font-weight:600}.btn-choose{height:44px;padding:0 22px;border-radius:11px;background:linear-gradient(135deg,var(--amber-bright),var(--amber-deep));color:#1a1204;font-weight:800;font-size:13.5px;display:inline-flex;align-items:center;gap:8px;flex-shrink:0;box-shadow:0 12px 24px -10px #f59e0b80;transition:.15s;border:0;cursor:pointer}.btn-choose:hover{transform:translateY(-2px)}.btn-choose:disabled,.btn-choose.is-busy{opacity:.7;transform:none;pointer-events:none;cursor:not-allowed}.btn-choose svg{width:15px;height:15px}.search-box{position:relative;flex:1;min-width:260px}.search-box svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--slate-400)}.search-box input{width:100%;height:46px;border-radius:12px;border:1.5px solid var(--line);padding:0 16px 0 42px;font-size:13.5px;outline:none;background:#fff;color:var(--slate-800)}.search-box input:focus{border-color:var(--amber-deep);box-shadow:0 0 0 4px var(--amber-50)}.btn-add{height:46px;padding:0 20px;border-radius:12px;background:var(--ink);color:#fff;font-weight:700;font-size:13.5px;display:inline-flex;align-items:center;gap:8px;flex-shrink:0;border:0;transition:.15s}.btn-add:hover{background:var(--ink-3)}.btn-add svg{width:15px;height:15px;color:var(--amber-bright)}.page-size{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--slate-500)}.page-size .select{height:46px}.filter-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.chip{height:32px;padding:0 14px;border-radius:99px;border:1px solid var(--line);background:#fff;font-size:12px;font-weight:700;color:var(--slate-600)}.chip:hover{border-color:var(--amber-deep);color:var(--amber-deep)}.chip.sel{background:var(--ink);border-color:var(--ink);color:#fff}.results-count{font-size:12.5px;color:var(--slate-500);margin-top:16px}.results-count b{color:var(--slate-800);font-weight:700}.table-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);margin-top:12px;overflow:hidden;padding:0}.table-card table{width:100%;border-collapse:collapse;min-width:860px}.table-card thead th{text-align:left;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--slate-500);padding:14px 20px;border-bottom:1px solid var(--line);background:var(--slate-50);white-space:nowrap}.table-card tbody td{padding:14px 20px;font-size:13.5px;border-bottom:1px solid var(--slate-100);color:var(--slate-700);vertical-align:middle;white-space:nowrap}.table-card tbody tr:last-child td{border-bottom:none}.table-card tbody tr:hover{background:var(--amber-50)}.name-cell{display:flex;align-items:center;gap:11px}.name-av{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:800;color:#fff;flex-shrink:0}.td-strong{font-weight:700;color:var(--slate-900)}.area-cell{display:flex;align-items:center;gap:6px}.area-cell svg{width:12px;height:12px;color:var(--slate-400);flex-shrink:0}.type-pill{font-size:11px;font-weight:700;padding:4px 10px;border-radius:99px;background:var(--teal-50);color:var(--teal-deep);white-space:nowrap}.row-actions{display:flex;gap:6px;opacity:1}.table-card tbody tr:hover .row-actions{opacity:1}.ra-btn{width:28px;height:28px;border-radius:8px;border:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;color:var(--slate-500)}.ra-btn:hover{border-color:var(--amber-deep);color:var(--amber-deep)}.ra-btn svg{width:13px;height:13px}.consumer-form{margin-top:16px}.consumer-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#181b267a;display:flex;align-items:flex-start;justify-content:center;padding:28px 16px 40px;overflow:auto}.consumer-modal-card{width:min(920px,100%);background:#fff;border-radius:16px;padding:22px 24px 18px;box-shadow:var(--shadow-pop);margin:auto}.consumer-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.consumer-modal-head h3{margin:0;font-size:20px}.consumer-section{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.consumer-section h4{margin:0 0 10px;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--slate-500)}.detail-value{min-height:42px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--slate-50);color:var(--slate-800);font-weight:600;font-size:13.5px}.excel-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 14px}.excel-field{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--slate-500)}.excel-field b{color:var(--slate-800);font-weight:700;word-break:break-word}.consumer-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}@media (hover: none){.row-actions{opacity:1}}@media (max-width: 900px){.stats-strip{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.toolbar{flex-direction:column;align-items:stretch}.import-row{flex-direction:column;align-items:flex-start}.stats-strip{grid-template-columns:1fr}.btn-choose,.btn-add{width:100%;justify-content:center}}:root{--amber: #F59E0B;--amber-deep: #D97706;--amber-bright: #FBBF24;--amber-50: #FEF6E6;--teal: #0EA5A0;--teal-deep: #0B7F7A;--teal-50: #E6F7F6;--red: #DC2626;--red-50: #FDECEC;--green: #16A34A;--green-50: #E9F8EE;--blue: #2F5CE0;--blue-deep: #2449B8;--blue-50: #EEF2FF;--purple: #7C3AED;--purple-50: #F1EEFE;--ink: #181B26;--ink-2: #1F2333;--ink-3: #282D42;--ink-line: rgba(255, 255, 255, .07);--slate-900: #151821;--slate-800: #1E2230;--slate-700: #333849;--slate-600: #4B5163;--slate-500: #6B7284;--slate-400: #98A0B3;--slate-300: #C7CCD9;--slate-200: #E3E6EE;--slate-100: #EFF1F6;--slate-50: #F8F9FB;--bg: #F6F5F2;--surface: #FFFFFF;--line: #EAE7E0;--sidebar: 264px;--radius: 14px;--shadow-card: 0 1px 2px rgba(20, 17, 10, .04), 0 1px 0 rgba(255, 255, 255, .6) inset;--shadow-pop: 0 20px 44px -20px rgba(20, 17, 10, .22)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Inter,system-ui,sans-serif;color:var(--slate-800);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5;font-size:14px}h1,h2,h3{font-family:Sora,Inter,sans-serif;font-weight:700;letter-spacing:-.01em}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}button{cursor:pointer}.icon{width:1em;height:1em;stroke-width:2;flex-shrink:0}.page-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--slate-500)}.spinner{width:40px;height:40px;border:4px solid var(--slate-200);border-top-color:var(--amber);border-radius:50%;animation:spin .8s linear infinite;margin:24px auto}@keyframes spin{to{transform:rotate(360deg)}}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.badge-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.badge-green,.b-active{background:var(--green-50);color:var(--green)}.badge-blue{background:var(--blue-50);color:var(--blue)}.badge-amber{background:var(--amber-50);color:var(--amber-deep)}.badge-red{background:var(--red-50);color:var(--red)}.badge-purple{background:var(--purple-50);color:var(--purple)}.badge-slate,.b-inactive{background:var(--slate-100);color:var(--slate-500)}.btn{border:0;border-radius:12px;padding:10px 16px;font-weight:700;font-size:14px}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:var(--ink-3)}.btn-primary:disabled{opacity:.65;cursor:not-allowed}.btn-ghost{background:var(--slate-100);color:var(--slate-700)}.btn-danger{background:var(--red-50);color:var(--red)}.input,.select,.textarea{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;font-size:14px;background:#fff;color:var(--slate-800)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--amber-deep);box-shadow:0 0 0 4px var(--amber-50)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-card)}.page-header{margin-bottom:8px}.page-header h1,.page-title{margin:0;font-size:27px;font-weight:800;color:var(--slate-900)}.page-header p,.page-sub{margin:6px 0 0;color:var(--slate-500);font-size:13.5px;max-width:60ch}.page-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-card)}.stat-card .label,.stat-lbl{color:var(--slate-500);font-size:11.5px;font-weight:600}.stat-card .value,.stat-val{font-size:22px;font-weight:800;margin-top:12px;color:var(--slate-900);font-family:Sora,Inter,sans-serif}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:13.5px}table.data th,table.data td{text-align:left;padding:14px 20px;border-bottom:1px solid var(--slate-100);white-space:nowrap}table.data th{color:var(--slate-500);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;background:var(--slate-50);border-bottom:1px solid var(--line)}table.data tbody tr:hover{background:var(--amber-50)}table.data tbody tr:last-child td{border-bottom:none}.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:22px}.toolbar .grow{flex:1;min-width:180px}.toolbar .select{width:auto;min-width:88px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:12px}.form-grid label,.field label{display:block;font-size:12px;font-weight:700;color:var(--slate-600);margin-bottom:4px}.muted{color:var(--slate-500);font-size:13px}.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid var(--line)}.pager-pages{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.pager-btn{min-width:34px;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--slate-700);font-size:13px;font-weight:600}.pager-btn.active{background:var(--ink);color:#fff;border-color:var(--ink)}.pager-btn:disabled{opacity:.45;cursor:not-allowed}.error{color:var(--red);font-size:13px}.success{color:var(--green);font-size:13px}.empty{padding:32px;text-align:center;color:var(--slate-400)}.app-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,30px);z-index:300;background:var(--ink);color:#fff;font-size:12.5px;font-weight:600;padding:11px 18px;border-radius:10px;box-shadow:0 10px 28px -8px #0006;opacity:0;pointer-events:none;transition:.25s;display:flex;align-items:center;gap:8px}.app-toast.show{opacity:1;transform:translate(-50%)}.app-toast svg{width:15px;height:15px;color:var(--amber-bright)}