html,body,#root{height:100%;overflow:hidden}:root{--eclipse-950: #0F0E47;--eclipse-900: #272757;--eclipse-600: #505081;--eclipse-300: #8686AC;--eclipse-100: #E8E8F2;--eclipse-50: #F6F6FA;--espresso-900: var(--eclipse-950);--espresso-800: var(--eclipse-900);--espresso-700: var(--eclipse-600);--amber-500: var(--eclipse-600);--amber-600: var(--eclipse-900);--amber-100: var(--eclipse-100);--cream-50: #FFFFFF;--cream-100: var(--eclipse-50);--cream-200: var(--eclipse-100);--ink: var(--eclipse-950);--ink-soft: #6B6B93;--success: #16A34A;--success-bg: #ECFDF5;--danger: #DC2626;--danger-bg: #FEF2F2;--warning: #D97706;--gold-500: var(--eclipse-600);--gold-600: var(--eclipse-900);--teal-400: var(--eclipse-300);--sapphire-700: var(--eclipse-950);--sapphire-600: var(--eclipse-900);--line: #E1E1EE;--radius: 14px;--shadow: 0 2px 14px rgba(15, 14, 71, .07);--shadow-lg: 0 22px 48px rgba(15, 14, 71, .18)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,sans-serif;background:var(--cream-50);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,h3,.display{font-family:Sora,sans-serif;letter-spacing:-.01em}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}::selection{background:var(--eclipse-600);color:#fff}.hidden{display:none!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}#loginScreen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 15% 12%,rgba(80,80,129,.1),transparent 45%),radial-gradient(circle at 88% 85%,rgba(15,14,71,.06),transparent 50%),var(--cream-50);position:relative;overflow:hidden}#loginScreen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(28,30,36,.06) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(circle at 50% 40%,#000 0%,transparent 70%);mask-image:radial-gradient(circle at 50% 40%,#000 0%,transparent 70%);pointer-events:none}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.login-card{position:relative;width:100%;max-width:400px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:36px 32px 28px;box-shadow:var(--shadow-lg);animation:riseIn .6s cubic-bezier(.2,.8,.2,1)}.brand-logo-badge{width:60px;height:60px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 6px 16px #10121a24;display:flex;align-items:center;justify-content:center;padding:8px;margin:0 auto 18px}.brand-logo-badge img{width:100%;height:100%;object-fit:contain;border-radius:8px}.login-card h1{font-size:26px;margin:0 0 4px;text-align:center;color:var(--espresso-900);font-weight:600}.login-sub{text-align:center;color:var(--ink-soft);font-size:13.5px;margin:0 0 28px;letter-spacing:.02em}.field{margin-bottom:16px}.field label{display:block;font-size:12.5px;font-weight:600;color:var(--espresso-700);margin-bottom:6px;letter-spacing:.02em}.field input,.field select{width:100%;padding:12px 14px;border-radius:10px;border:1.5px solid var(--line);background:#fff;font-size:14.5px;color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus{border-color:var(--amber-500);box-shadow:0 0 0 3px #0f0e472e}.btn-primary{width:100%;padding:13px 16px;border:none;border-radius:10px;background:var(--amber-500);color:#fff;font-weight:700;font-size:15px;letter-spacing:.02em;transition:background .15s,transform .1s,box-shadow .15s;box-shadow:0 6px 16px #0f0e474d}.btn-primary:hover{background:var(--gold-600);box-shadow:0 10px 22px #0f0e474d,0 0 0 3px #0f0e471a;transform:translateY(-1px)}.btn-primary:active{transform:scale(.98)}.login-foot{margin-top:18px;text-align:center;font-size:12px;color:var(--ink-soft)}.login-error{display:none;background:var(--danger-bg);color:var(--danger);font-size:12.5px;padding:9px 12px;border-radius:8px;margin-bottom:14px;font-weight:600}.powered-by{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:22px;padding-top:18px;border-top:1px solid var(--cream-200);font-size:11.5px;color:var(--ink-soft);font-weight:600}.powered-by img{height:26px;width:auto;object-fit:contain}#app{display:none;min-height:100vh}.shell{display:flex;height:100vh;height:100dvh}.sidebar{width:230px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);color:var(--eclipse-950);display:flex;flex-direction:column;padding:22px 16px;height:100%;overflow-y:auto;box-shadow:2px 0 14px #0f0e470d}.side-brand{display:flex;align-items:center;gap:10px;padding:12px;margin:0 0 20px;border-radius:14px;background:linear-gradient(120deg,var(--eclipse-100) 0%,var(--eclipse-50) 100%);border:1px solid rgba(80,80,129,.18);box-shadow:0 3px 10px #0f0e470f}.side-brand .mark{width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid rgba(80,80,129,.4);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #0f0e4724;overflow:hidden;padding:4px}.side-brand .mark img{width:100%;height:100%;object-fit:contain;border-radius:50%}.side-brand .brand-wordmark{font-family:Sora,sans-serif;font-size:17px;letter-spacing:.01em;display:inline-flex;align-items:center;background:linear-gradient(135deg,var(--eclipse-600) 0%,var(--eclipse-950) 100%);color:#fff;padding:6px 12px;border-radius:9px;box-shadow:0 4px 10px #0f0e4759}.side-brand .brand-sauda{font-weight:800}.side-brand .brand-desk{font-weight:500;opacity:.88}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;margin-bottom:4px;color:var(--ink-soft);font-size:14px;font-weight:500;text-decoration:none;border:none;background:none;width:100%;text-align:left;transition:background .18s ease,color .18s ease,transform .15s ease}.nav-item svg{flex-shrink:0;opacity:.8;transition:opacity .15s ease}.nav-item svg path,.nav-item svg circle{stroke:currentColor}.nav-item:hover{background:var(--eclipse-100);color:var(--eclipse-900);transform:translate(2px)}.nav-item.active{background:var(--gold-500);color:#fff;font-weight:700;box-shadow:0 2px 8px #50508159;position:relative}.nav-item.active:before{content:"";position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:0 4px 4px 0;background:#fff}.nav-item.active svg{opacity:1}.nav-item.active svg path,.nav-item.active svg circle{stroke:#fff}.sidebar-foot{margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}.user-chip{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:linear-gradient(120deg,var(--eclipse-100) 0%,var(--eclipse-50) 100%);border:1px solid rgba(80,80,129,.2);box-shadow:0 3px 10px #0f0e470f}.user-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--eclipse-600),var(--eclipse-900));border:1px solid rgba(80,80,129,.35);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}.user-name{font-size:13.5px;font-weight:600;color:var(--eclipse-950);line-height:1.2}.user-role{font-size:11.5px;color:var(--ink-soft)}.logout-btn{width:100%;background:#fff;border:1.5px solid var(--line);color:var(--eclipse-900);font-size:12.5px;font-weight:700;margin-top:10px;padding:9px 12px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 2px 6px #0f0e470f;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .1s ease,box-shadow .15s ease}.logout-btn:hover{background:var(--danger-bg);border-color:var(--danger);color:var(--danger);box-shadow:0 4px 12px #dc262626;transform:translateY(-1px)}.logout-btn:active{transform:scale(.98)}.topbar-logout-icon-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#ffffff24;border:1.5px solid rgba(255,255,255,.4);color:#fff;cursor:pointer;box-shadow:0 3px 10px #0f0e4733;transition:background .15s ease,color .15s ease,transform .1s ease,box-shadow .15s ease}.topbar-logout-icon-btn:hover{background:#fff;color:var(--eclipse-900);box-shadow:0 5px 14px #0f0e474d}.topbar-logout-icon-btn:active{transform:scale(.92)}.main{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--cream-50)}.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px;padding:12px 24px;background:var(--eclipse-600);border-bottom:1px solid var(--eclipse-900);border-top:3px solid var(--eclipse-300);box-shadow:0 5px 16px #0f0e472e;flex-shrink:0;isolation:isolate}.topbar h2{margin:0;font-size:18px;color:#fff;font-weight:700;letter-spacing:-.01em}.topbar .sub{font-size:12px;color:#ffffffad;margin-top:1px}.topbar-titles{flex:1 1 200px;min-width:0}.topbar-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.topbar-company-badge{display:inline-flex;align-items:center;gap:7px;min-width:0;max-width:220px;background:linear-gradient(120deg,#fff 0%,var(--eclipse-50) 100%);border:1.5px solid var(--eclipse-300);padding:4px 10px 4px 4px;border-radius:9px;box-shadow:0 3px 10px #0f0e4759}.topbar-company-icon{width:24px;height:24px;border-radius:6px;flex-shrink:0;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:2px}.topbar-company-icon img{width:100%;height:100%;object-fit:contain;border-radius:4px}.topbar-company-name{font-size:11.5px;font-weight:800;color:var(--eclipse-950);letter-spacing:.03em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hamburger{display:none;background:none;border:none;padding:6px}.content{padding:20px 24px 90px;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;background:radial-gradient(circle at 100% 0%,rgba(80,80,129,.07),transparent 42%),radial-gradient(circle at 0% 30%,rgba(15,14,71,.05),transparent 45%)}.content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(rgba(28,30,36,.045) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:radial-gradient(circle at 50% 0%,#000 0%,transparent 65%);mask-image:radial-gradient(circle at 50% 0%,#000 0%,transparent 65%)}.content>section{position:relative;z-index:1;animation:fadeUp .4s cubic-bezier(.2,.8,.2,1) backwards}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.search-wrap{position:relative;flex:1;min-width:200px}.search-wrap input{width:100%;padding:10px 14px 10px 38px;border-radius:10px;border:1.5px solid var(--line);background:#fff;font-size:14px;outline:none;box-shadow:inset 0 1px 2px #10121a08;transition:border-color .15s,box-shadow .15s}.search-wrap input:focus{border-color:var(--amber-500);box-shadow:0 0 0 3px #50508129}.search-wrap svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);opacity:.5}.filter-select{padding:10px 12px;border-radius:10px;border:1.5px solid var(--line);background:#fff;font-size:13.5px;color:var(--ink);outline:none;box-shadow:inset 0 1px 2px #10121a08}.chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.branch-actions-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.branch-actions-row .chip-row{flex:1 1 auto;min-width:0;margin-bottom:0}.approve-all-btn{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:8px 16px;border-radius:999px;border:none;background:linear-gradient(135deg,var(--eclipse-600),var(--eclipse-900));color:#fff;font-weight:700;font-size:12.5px;flex-shrink:0;box-shadow:0 3px 10px #0f0e4740;transition:background .15s ease,transform .1s ease,opacity .15s ease}.approve-all-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--eclipse-900),var(--eclipse-950))}.approve-all-btn:active:not(:disabled){transform:scale(.97)}.approve-all-btn:disabled{opacity:.55;cursor:not-allowed}.chip{flex-shrink:0}.chip{padding:6px 13px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font-size:12.5px;font-weight:600;color:var(--ink-soft);transition:all .18s ease}.chip.active{background:linear-gradient(135deg,var(--gold-500),var(--gold-600));border-color:var(--gold-500);color:#fff;box-shadow:0 4px 12px #50508159}.chip:not(.active):hover{border-color:var(--gold-500);color:var(--gold-600);background:var(--amber-100);transform:translateY(-1px)}.commodity-tag{padding:4px 11px;border-radius:999px;font-size:12px;font-weight:700;display:inline-block;letter-spacing:.01em}.table-wrap{background:#fff;border-radius:var(--radius);border:1px solid var(--line);border-top:3px solid var(--gold-500);overflow:hidden;box-shadow:var(--shadow-lg)}table{width:100%;border-collapse:collapse}thead th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--eclipse-900);padding:14px 16px;background:var(--eclipse-100);border-bottom:2px solid var(--eclipse-600);font-weight:700}tbody td{padding:14px 16px;font-size:13.5px;border-bottom:1px solid var(--cream-200);color:var(--ink)}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .18s ease;animation:fadeUp .35s ease both}tbody tr:hover{background:var(--cream-100)}tbody tr:nth-child(1){animation-delay:.02s}tbody tr:nth-child(2){animation-delay:.05s}tbody tr:nth-child(3){animation-delay:.08s}tbody tr:nth-child(4){animation-delay:.11s}tbody tr:nth-child(5){animation-delay:.14s}tbody tr:nth-child(6){animation-delay:.17s}.mono{font-variant-numeric:tabular-nums;text-align:right}th.num{text-align:right}.party-name{font-weight:600}.sub-line{font-size:11.5px;color:var(--ink-soft);margin-top:1px}.approve-btn{position:relative;overflow:visible;padding:6px 10px;border-radius:8px;border:1.5px solid var(--success);background:var(--success-bg);color:var(--success);font-weight:700;font-size:11.5px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease}.approve-btn:hover{background:var(--success);color:#fff;transform:translateY(-1px);box-shadow:0 4px 10px #16a34a40}.approve-btn:active{transform:scale(.95)}.row-fade-out{animation:rowOut .5s ease forwards}@keyframes rowOut{0%{opacity:1}40%{opacity:1}to{opacity:0;transform:scale(.97);max-height:0;padding:0}}.stamp-ring{position:absolute;top:50%;left:50%;width:64px;height:64px;transform:translate(-50%,-50%) scale(0) rotate(-25deg);pointer-events:none;z-index:50;opacity:0}.stamp-ring.play{animation:stampIn .55s cubic-bezier(.2,1.4,.4,1) forwards}@keyframes stampIn{0%{opacity:0;transform:translate(-50%,-50%) scale(2.2) rotate(-25deg)}35%{opacity:1;transform:translate(-50%,-50%) scale(.85) rotate(-14deg)}50%{transform:translate(-50%,-50%) scale(1.05) rotate(-16deg)}75%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-15deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1) rotate(-15deg)}}.card-list{display:flex;flex-direction:column;gap:10px}.data-card{background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold-500);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow);position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease;animation:fadeUp .35s ease both}.data-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-list .data-card:nth-child(1),.card-list .party-card:nth-child(1),.card-list .credit-card:nth-child(1){animation-delay:.02s}.card-list .data-card:nth-child(2),.card-list .party-card:nth-child(2),.card-list .credit-card:nth-child(2){animation-delay:.05s}.card-list .data-card:nth-child(3),.card-list .party-card:nth-child(3),.card-list .credit-card:nth-child(3){animation-delay:.08s}.card-list .data-card:nth-child(4),.card-list .party-card:nth-child(4),.card-list .credit-card:nth-child(4){animation-delay:.11s}.card-list .data-card:nth-child(5),.card-list .party-card:nth-child(5),.card-list .credit-card:nth-child(5){animation-delay:.14s}.card-list .data-card:nth-child(6),.card-list .party-card:nth-child(6),.card-list .credit-card:nth-child(6){animation-delay:.17s}.data-card .row1{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px}.data-card .row1-main{min-width:0;flex:1 1 auto}.data-card .row1-side{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.data-card .row1-side .pill{white-space:nowrap}.data-card .sauda-no-sub{font-size:11px;font-weight:600;color:var(--ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap}.data-card .title{font-weight:700;font-size:14.5px;color:var(--espresso-900)}.data-card .meta{font-size:12px;color:var(--ink-soft);margin-top:2px}.data-card .meta-item-wrap{margin-top:4px}.data-card .meta-item{display:inline-block;font-size:11.5px;font-weight:700;color:var(--gold-600);border:1.5px solid var(--gold-500);border-radius:6px;padding:2px 8px}.data-card .stat-row{display:flex;gap:18px;margin:10px 0;flex-wrap:wrap}.data-card .stat{font-size:12px;color:var(--ink-soft)}.data-card .stat b{display:block;font-size:14px;color:var(--ink);font-weight:700;margin-top:1px}.data-card .actions{display:flex;justify-content:flex-end;margin-top:6px}.party-card{background:#fff;border-radius:16px;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;position:relative;animation:fadeUp .35s ease both;transition:transform .18s ease,box-shadow .18s ease;display:flex}.party-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.party-card .status-stripe{width:5px;flex-shrink:0}.party-card .status-stripe.is-approved{background:var(--success)}.party-card .status-stripe.is-pending{background:var(--eclipse-600)}.party-card .party-body{flex:1;min-width:0;padding:14px 16px}.party-card .party-top{display:flex;align-items:flex-start;gap:12px}.party-card .party-avatar{width:40px;height:40px;border-radius:12px;flex-shrink:0;background:linear-gradient(135deg,var(--eclipse-300),var(--eclipse-600));color:#fff;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center}.party-card .party-info{flex:1;min-width:0}.party-card .party-name-lg{font-weight:700;font-size:14.5px;color:var(--eclipse-950);line-height:1.3}.party-card .party-meta{font-size:12px;color:var(--ink-soft);margin-top:2px}.party-card .party-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--cream-200)}.credit-card{background:#fff;border-radius:16px;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;position:relative;animation:fadeUp .35s ease both;transition:transform .18s ease,box-shadow .18s ease}.credit-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.credit-card .credit-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:14px 16px 12px}.credit-card .credit-name{font-weight:700;font-size:14.5px;color:var(--eclipse-950)}.credit-card .credit-code{font-size:11.5px;color:var(--ink-soft);margin-top:2px}.credit-card .credit-outstanding{text-align:right;flex-shrink:0}.credit-card .credit-outstanding .amt{font-weight:700;font-size:15px;color:var(--eclipse-950);font-variant-numeric:tabular-nums}.credit-card .credit-outstanding .lbl{font-size:10.5px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em}.credit-card .credit-progress{padding:0 16px 14px}.credit-card .credit-progress-top{display:flex;justify-content:space-between;font-size:11px;color:var(--ink-soft);margin-bottom:5px}.credit-card .credit-edit{background:var(--eclipse-50);border-top:1px solid var(--line);padding:12px 16px;display:flex;align-items:center;gap:10px}.credit-card .credit-edit label{font-size:11px;font-weight:700;color:var(--eclipse-700);text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.credit-card .credit-input-wrap{flex:1}.credit-card .credit-input{width:100%}.status-open{background:var(--amber-100);color:var(--amber-600)}.status-over{background:var(--danger-bg);color:var(--danger)}.status-ok{background:var(--success-bg);color:var(--success)}.credit-bar-bg{width:100%;height:7px;border-radius:5px;background:var(--cream-200);overflow:hidden;margin-top:6px;box-shadow:inset 0 1px 2px #10121a0f}.credit-bar-fill{height:100%;border-radius:5px;background:var(--amber-500);transition:width .4s ease}.credit-input-wrap{display:flex;align-items:center;gap:8px}.credit-input{width:170px;padding:8px 10px;border-radius:8px;border:1.5px solid var(--line);font-size:13.5px;text-align:right;font-variant-numeric:tabular-nums}.credit-input:focus{outline:none;border-color:var(--amber-500);box-shadow:0 0 0 3px #0f0e4724}.save-btn{padding:8px 14px;border-radius:8px;border:none;background:var(--sapphire-700);color:#fff;font-weight:700;font-size:12px;transition:background .15s}.save-btn:hover{background:var(--gold-600)}.save-btn.saved{background:var(--success)}.pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:18px}.page-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid var(--line);background:#fff;font-size:13px;font-weight:600;color:var(--ink-soft);display:flex;align-items:center;justify-content:center}.page-btn.active{background:var(--sapphire-700);border-color:var(--sapphire-700);color:#fff}.page-btn:not(.active):hover{border-color:var(--gold-500);color:var(--gold-600)}.page-btn:disabled{opacity:.4}.page-nav{padding:0 10px}.empty-state{text-align:center;padding:60px 20px;color:var(--ink-soft)}.empty-state .ring{width:56px;height:56px;border-radius:50%;border:2.5px dashed var(--line);margin:0 auto 14px;display:flex;align-items:center;justify-content:center}.empty-state h3{margin:0 0 6px;color:var(--espresso-900);font-size:16px}.empty-state p{margin:0;font-size:13px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);background:var(--sapphire-700);color:#fff;padding:12px 20px;border-radius:10px;border-left:3px solid var(--gold-500);font-size:13.5px;font-weight:600;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:all .3s ease;z-index:9999;display:flex;align-items:center;gap:8px}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--sapphire-700);padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:100;box-shadow:0 -4px 18px #0000002e;border-top:1px solid rgba(255,255,255,.08)}.bottom-nav-inner{display:flex;justify-content:space-around;gap:6px}.bnav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;color:#9a9ac2;font-size:10.5px;font-weight:600;padding:7px 10px;border-radius:12px;flex:1;transition:background .18s ease,color .18s ease}.bnav-item.active{color:#fff;background:var(--eclipse-600);box-shadow:0 3px 10px #50508166}.bnav-item svg{opacity:.85}.bnav-item.active svg{opacity:1}.desktop-only{display:block}.mobile-only{display:none}@media (max-width:880px){.sidebar{display:none}.content{padding:16px 14px 96px}.topbar{padding:10px 12px;flex-wrap:nowrap;gap:8px}.topbar h2{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .sub{display:none}.topbar-titles{flex:1 1 auto;min-width:0}.topbar-right{flex-shrink:0;gap:8px}.topbar-company-badge{max-width:185px}.topbar-company-name{font-size:10.5px}.bottom-nav{display:block}.desktop-only{display:none}.mobile-only{display:block}.login-card{padding:32px 24px 26px}.toolbar{flex-wrap:nowrap}.search-wrap{min-width:0}.filter-select{flex-shrink:0}.chip-row{flex-wrap:nowrap;overflow-x:auto;margin:0 -14px 16px;padding:0 14px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.chip-row::-webkit-scrollbar{display:none}}@media (min-width:881px){.mobile-only.card-list{display:none}}.mre-header-card{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,var(--eclipse-950),var(--eclipse-600));border-radius:var(--radius);padding:18px 20px;color:#fff;margin-bottom:16px;box-shadow:var(--shadow);flex-wrap:wrap}.mre-invno{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mre-invno .pill{background:#ffffff29;color:#fff}.mre-date{display:inline-flex;align-items:center;gap:5px;font-size:13px;opacity:.85}.mre-date-edit-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-left:4px;border:1px solid rgba(255,255,255,.4);border-radius:8px;background:#ffffff2e;color:#fff;cursor:pointer;opacity:1;flex-shrink:0}.mre-date-edit-btn:hover{background:#ffffff52;border-color:#fff9}.mre-date-edit-btn svg{width:15px;height:15px}.mre-datetime-edit{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;background:#ffffff1a;border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:6px 8px}.mre-date-input,.mre-time-input{border:1px solid var(--eclipse-200, #d6d9e6);border-radius:7px;padding:7px 10px;font-size:14px;font-weight:500;font-family:inherit;color:var(--eclipse-950);background:#fff}.mre-date-input{min-width:148px}.mre-time-input{min-width:108px}.mre-datetime-save,.mre-datetime-cancel{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:38px;height:38px;border-radius:8px;cursor:pointer;flex-shrink:0}.mre-datetime-save svg,.mre-datetime-cancel svg{width:17px;height:17px}.mre-datetime-save{background:#16a34a;border:1px solid #16a34a;color:#fff}.mre-datetime-save:hover{background:#15803d;border-color:#15803d}.mre-datetime-save:disabled{opacity:.6;cursor:default}.mre-datetime-cancel{background:#fff;border:1px solid var(--eclipse-200, #d6d9e6);color:var(--eclipse-950)}.mre-datetime-cancel:hover{background:#f1f2f6;border-color:#c3c7d9}@media (max-width: 640px){.mre-datetime-edit{width:100%;flex-wrap:nowrap;gap:5px;padding:5px 6px}.mre-date-input,.mre-time-input{flex:1 1 auto;min-width:0;padding:6px;font-size:12.5px}.mre-date-input{flex:1.3 1 0}.mre-time-input{flex:1 1 0}.mre-datetime-save,.mre-datetime-cancel{width:34px;height:34px;flex-shrink:0}.mre-datetime-save svg,.mre-datetime-cancel svg{width:15px;height:15px}}@media (max-width: 380px){.mre-date-input,.mre-time-input{font-size:11.5px;padding:6px 4px}.mre-datetime-save,.mre-datetime-cancel{width:30px;height:30px}}.mre-copy-btn{background:#fff;color:var(--eclipse-950);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.mre-copy-btn:hover{background:var(--eclipse-100)}.rate-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;padding-bottom:90px}.rate-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow);animation:fadeUp .25s ease}.rate-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.rate-item-name{font-weight:700;font-size:14.5px;color:var(--ink)}.rate-card-actions{display:flex;gap:4px}.icon-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:none;background:var(--eclipse-50);color:var(--eclipse-900)}.icon-btn:hover{background:var(--eclipse-100)}.icon-btn.danger{color:var(--danger)}.icon-btn.danger:hover{background:var(--danger-bg)}.rate-chip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rate-chip{background:var(--cream-100);border-radius:10px;padding:7px 8px;text-align:center}.rate-chip.filled{background:var(--eclipse-100)}.rate-chip-label{display:block;font-size:10.5px;color:var(--ink-soft);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.rate-chip-value{display:block;font-size:13.5px;font-weight:700;color:var(--ink);margin-top:2px}.rate-chip:not(.filled) .rate-chip-value{color:var(--ink-soft);font-weight:500}.fab{position:fixed;right:24px;bottom:88px;width:56px;height:56px;border-radius:50%;border:none;background:var(--eclipse-600);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);z-index:40}.fab:hover{background:var(--eclipse-900)}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0e4773;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.sheet{display:flex;flex-direction:column;width:100%;max-width:480px;background:#fff;border-radius:var(--radius);max-height:min(88vh,88dvh);overflow:hidden;animation:sheetUp .22s cubic-bezier(.2,.8,.2,1)}@keyframes sheetUp{0%{transform:translateY(12px) scale(.97);opacity:0}to{transform:translateY(0);opacity:1}}.sheet-handle{display:none}.sheet-header{display:flex;align-items:center;justify-content:space-between;padding:8px 20px 14px;flex-shrink:0}.sheet-header h3{margin:0;font-size:17px}.sheet-body{display:flex;flex-direction:column;gap:14px;padding:0 20px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:0}.sheet-required-note{margin:0;padding:10px 12px;border-radius:8px;background:#fff7e6;border:1px solid #f5c94f;color:#7a5b00;font-size:12.5px;font-weight:600;line-height:1.4}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:12px;font-weight:600;color:var(--ink-soft)}.field input,.item-select,.item-readonly{border:1.4px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;background:#fff;color:var(--ink)}.field input:focus,.item-select:focus{outline:none;border-color:var(--eclipse-600)}.item-readonly{background:var(--cream-100);color:var(--ink-soft);font-weight:600}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.sheet-footer{display:flex;gap:10px;flex-shrink:0;padding:14px 20px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff}.sheet-footer button{flex:1;justify-content:center;display:inline-flex;align-items:center;gap:6px}.btn-secondary{background:var(--cream-100);color:var(--ink);border:1.4px solid var(--line);border-radius:10px;padding:10px}@media (min-width: 881px){.sheet{max-height:80vh}.fab{bottom:32px}}.mre-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;min-width:0}.mre-invno{min-width:0}.mre-tag{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:3px 8px;border-radius:999px;white-space:nowrap}.mre-tag.editable{background:#ffffff2e;color:#fff}.mre-tag.readonly{background:#ffffff1f;color:#ffffffd9}.mre-header-btns{display:flex;align-items:center;gap:8px;flex-shrink:0}.mre-new-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;width:auto;min-width:150px;padding:10px 18px;border-radius:8px;font-weight:700;font-size:14px;background:#fff;color:var(--eclipse-950);flex-shrink:0;box-shadow:none}.mre-new-btn:hover{background:var(--eclipse-100)}.mre-delete-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;min-width:150px;padding:10px 18px;border-radius:8px;border:1px solid rgba(248,113,113,.45);background:#f8717124;color:#fecaca;font-weight:700;font-size:14px;cursor:pointer;flex-shrink:0;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .1s ease}.mre-delete-btn svg{color:#fca5a5}.mre-delete-btn:hover{background:#f8717142;border-color:#f87171cc;color:#fff}.mre-delete-btn:hover svg{color:#fff}.mre-delete-btn:active{transform:scale(.97)}.mre-nav-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;flex-wrap:wrap;min-width:0}.mre-nav-controls{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 auto}.mre-nav-btns{display:flex;align-items:center;gap:6px;flex-shrink:0}.nav-icon-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:none;background:#ffffff24;color:#fff;flex-shrink:0}.nav-icon-btn:hover:not(:disabled){background:#ffffff42}.nav-icon-btn:disabled{opacity:.35;cursor:not-allowed}.mre-entry-select{background:#ffffff24;color:#fff;border:none;border-radius:8px;padding:6px 10px;font-size:12.5px;font-weight:600;min-width:0;flex:1 1 auto;max-width:none;width:27ch}.mre-entry-select option{color:var(--ink)}.mre-readonly-banner{display:flex;align-items:center;gap:8px;background:var(--eclipse-50);color:var(--eclipse-900);border:1.4px solid var(--eclipse-100);border-radius:10px;padding:9px 14px;font-size:12.5px;font-weight:600;margin-bottom:14px}.rate-card.readonly{background:var(--cream-100)}.rate-card.readonly .rate-item-name{color:var(--ink-soft)}@media (max-width: 880px){.mre-header-card{padding:14px 16px;margin-bottom:14px}.mre-header-top{gap:10px}.mre-header-btns{width:100%;flex-direction:column;align-items:stretch}.mre-new-btn{width:100%;justify-content:center;padding:10px}.mre-delete-btn{width:100%;justify-content:center;padding:10px;order:2}.mre-new-btn{order:1}.mre-nav-row{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:6px -16px 0;padding:6px 16px 4px}.mre-nav-row::-webkit-scrollbar{display:none}.mre-nav-controls{flex-shrink:0}.mre-entry-select{width:27ch;min-width:27ch;max-width:27ch;flex:none;padding:8px 10px;font-size:12.5px}.mre-nav-btns{flex-shrink:0}.nav-icon-btn{flex:none;width:30px;height:30px}.rate-chip-grid{grid-template-columns:repeat(2,1fr)}.rate-grid{grid-template-columns:1fr}.toolbar{flex-wrap:nowrap}}@media (max-width: 420px){.rate-chip-value{font-size:12.5px}.rate-item-name{font-size:13.5px}}