:root{--brand:#1b6bf5;--brand-dk:#1455c8;--brand-soft:#ebf2ff;--brand-mid:#93c5fd;--brand-grad:linear-gradient(135deg,#1b6bf5,#6366f1);--green:#16a34a;--green-soft:#f0fdf4;--green-mid:#bbf7d0;--amber:#d97706;--amber-soft:#fffbeb;--amber-mid:#fde68a;--red:#dc2626;--red-soft:#fef2f2;--red-mid:#fecaca;--dark:#0f172a;--dark-2:#1e293b;--surface:#fff;--bg:#f8faff;--text:#0d1117;--text-2:#4b5563;--text-3:#9ca3af;--border:#e5eeff;--radius:16px;--radius-sm:12px;--pill:999px;--sidebar:240px;--shadow:0 1px 3px #0000000a,0 4px 16px #1b6bf50f;--shadow-lg:0 4px 24px #1b6bf529,0 1px 4px #0000000f;--shadow-xl:0 8px 40px #1b6bf533,0 2px 8px #00000014}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}body{background:#f8faff;background:var(--bg);color:#0d1117;color:var(--text);overflow:hidden}body,button{font-family:Outfit,sans-serif}button{cursor:pointer}input,select,textarea{cursor:text;font-family:Outfit,sans-serif}.layout{display:flex;height:100dvh;overflow:hidden}.sidebar{background:linear-gradient(180deg,#0c1524,#0f172a 50%,#111827);border-right:1px solid #ffffff0a;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;padding:20px 12px 16px;width:240px;width:var(--sidebar)}.main-col{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.topbar{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #e5eeff;border-bottom:1px solid var(--border);box-shadow:0 1px 0 #1b6bf50d,0 2px 8px #00000008;display:flex;flex-shrink:0;gap:14px;justify-content:space-between;padding:12px 20px}.page-title{color:#0d1117;color:var(--text);font-size:18px;font-weight:800;letter-spacing:-.4px}.scroll-area{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto}.scroll-area::-webkit-scrollbar{width:4px}.scroll-area::-webkit-scrollbar-thumb{background:#e5eeff;background:var(--border);border-radius:2px}.inner{margin:0 auto;max-width:1180px;padding:22px 20px 36px}.bottom-nav{background:#0f172a;background:var(--dark);border-top:1px solid #ffffff0f;display:none;flex-shrink:0;padding-bottom:env(safe-area-inset-bottom,0)}.bn-btn{align-items:center;background:#0000;border:none;color:#ffffff59;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:3px;padding:9px 0 7px;position:relative;transition:color .15s}.bn-btn.active{color:#1b6bf5;color:var(--brand)}.bn-btn svg{stroke:currentColor;stroke-width:2;fill:none;height:21px;width:21px}.bn-btn.active svg{stroke-width:2.5}.bn-lbl{font-size:9px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.bn-badge{align-items:center;border:2px solid #0f172a;border:2px solid var(--dark);border-radius:999px;border-radius:var(--pill);display:flex;font-size:9px;font-weight:800;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:calc(50% - 18px);top:5px}.bn-badge.red{background:#dc2626;background:var(--red);color:#fff}.bn-badge.blue{background:#1b6bf5;background:var(--brand);color:#fff}.s-nav{align-items:center;background:#0000;border:1px solid #0000;border-radius:10px;color:#ffffff6b;cursor:pointer;display:flex;font-family:Outfit,sans-serif;font-size:14px;font-weight:600;gap:10px;letter-spacing:-.1px;padding:10px 12px;position:relative;text-align:left;transition:all .18s ease;width:100%}.s-nav:hover{background:#ffffff14;border-color:#ffffff0d;color:#ffffffe0}.s-nav.active{background:linear-gradient(135deg,#1b6bf538,#6366f126);border-color:#1b6bf559;box-shadow:inset 0 0 0 1px #1b6bf51a,0 2px 8px #1b6bf526;color:#fff}.s-nav svg{stroke:currentColor;stroke-width:2;fill:none;flex-shrink:0;height:17px;width:17px}.s-sep{background:#ffffff12;height:1px;margin:8px 0}.nav-sec-lbl{color:#ffffff2e;font-size:10px;font-weight:700;letter-spacing:1.4px;padding:8px 10px 4px;text-transform:uppercase}.nav-badge{border-radius:999px;border-radius:var(--pill);font-size:10px;font-weight:800;margin-left:auto;min-width:18px;padding:2px 7px;text-align:center}.nav-badge.red{background:#dc2626;background:var(--red);color:#fff}.nav-badge.amber{background:#d97706;background:var(--amber);color:#fff}.badge{border-radius:999px;border-radius:var(--pill);display:inline-block;font-size:10px;font-weight:700;letter-spacing:.2px;padding:4px 10px;white-space:nowrap}.b-confirmed{background:#ebf2ff;background:var(--brand-soft);color:#1b6bf5;color:var(--brand)}.b-pending{background:#fffbeb;background:var(--amber-soft);color:#d97706;color:var(--amber)}.b-paid{background:#f0fdf4;background:var(--green-soft);color:#16a34a;color:var(--green)}.b-cancelled{background:#fef2f2;background:var(--red-soft);color:#dc2626;color:var(--red)}.b-overdue{background:#fff7ed;color:#c2410c}.btn-primary{background:linear-gradient(135deg,#1b6bf5,#6366f1);background:var(--brand-grad);border:none;border-radius:12px;border-radius:var(--radius-sm);box-shadow:0 2px 12px #1b6bf559;color:#fff;cursor:pointer;font-family:Outfit,sans-serif;font-size:14px;font-weight:800;letter-spacing:-.1px;padding:13px 20px;transition:all .2s cubic-bezier(.22,1,.36,1)}.btn-primary:hover{box-shadow:0 6px 24px #1b6bf573;filter:brightness(1.08);transform:translateY(-1px)}.btn-primary:active{box-shadow:0 2px 8px #1b6bf54d;transform:translateY(0)}.btn-ghost{background:#0000;border:1.5px solid #e5eeff;border:1.5px solid var(--border);border-radius:12px;border-radius:var(--radius-sm);color:#4b5563;color:var(--text-2);cursor:pointer;font-family:Outfit,sans-serif;font-size:14px;font-weight:700;padding:13px 20px;transition:all .18s}.btn-ghost:hover{background:#f8faff;background:var(--bg);border-color:#1b6bf54d;color:#1b6bf5;color:var(--brand)}.btn-danger{background:#dc2626;background:var(--red);border:none;border-radius:12px;border-radius:var(--radius-sm);box-shadow:0 2px 10px #dc26264d;color:#fff;cursor:pointer;font-family:Outfit,sans-serif;font-size:14px;font-weight:800;padding:13px 20px;transition:all .2s}.btn-danger:hover{background:#b91c1c;box-shadow:0 4px 16px #dc262666;transform:translateY(-1px)}.card{background:#fff;background:var(--surface);border:1.5px solid #e5eeff;border:1.5px solid var(--border);border-radius:16px;border-radius:var(--radius);box-shadow:0 1px 3px #0000000a,0 4px 16px #1b6bf50f;box-shadow:var(--shadow);padding:18px}.card-hover{transition:all .22s cubic-bezier(.22,1,.36,1)}.card-hover:hover{border-color:#1b6bf533;box-shadow:0 4px 24px #1b6bf529,0 1px 4px #0000000f;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.form-group{margin-bottom:16px}.form-label{color:#9ca3af;color:var(--text-3);display:block;font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:8px;text-transform:uppercase}.form-input,.form-select{background:#f8faff;background:var(--bg);border:1.5px solid #e5eeff;border:1.5px solid var(--border);border-radius:12px;border-radius:var(--radius-sm);color:#0d1117;color:var(--text);font-family:Outfit,sans-serif;font-size:14px;font-weight:500;outline:none;padding:12px 14px;transition:border-color .15s,box-shadow .15s;width:100%}.form-input:focus,.form-select:focus{background:#fff;border-color:#1b6bf5;border-color:var(--brand);box-shadow:0 0 0 3px #1b6bf51f}.form-textarea{background:#f8faff;background:var(--bg);border:1.5px solid #e5eeff;border:1.5px solid var(--border);border-radius:12px;border-radius:var(--radius-sm);color:#0d1117;color:var(--text);font-family:Outfit,sans-serif;font-size:14px;font-weight:500;line-height:1.5;min-height:80px;outline:none;padding:12px 14px;resize:vertical;transition:border-color .15s,box-shadow .15s;width:100%}.form-textarea:focus{background:#fff;border-color:#1b6bf5;border-color:var(--brand);box-shadow:0 0 0 3px #1b6bf51f}.overlay{align-items:flex-end;animation:fi .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#080814a6;display:flex;inset:0;justify-content:center;position:fixed;z-index:600}@keyframes fi{0%{opacity:0}to{opacity:1}}.sheet{animation:su .3s cubic-bezier(.22,1,.36,1);background:#fff;background:var(--surface);border-radius:24px 24px 0 0;border-top:1px solid #ffffffe6;box-shadow:0 -4px 40px #0000001f;max-height:88dvh;max-width:500px;overflow-y:auto;padding:0 20px 32px;width:100%}@keyframes su{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{background:#e2e8f0;border-radius:2px;height:4px;margin:14px auto 20px;width:40px}.sheet-title{color:#0d1117;color:var(--text);font-size:20px;font-weight:900;letter-spacing:-.4px}.sheet-sub{color:#9ca3af;color:var(--text-3);font-size:13px;margin-bottom:20px;margin-top:3px}.sheet-row{align-items:center;border-bottom:1px solid #e5eeff;border-bottom:1px solid var(--border);display:flex;font-size:13px;justify-content:space-between;padding:12px 0}.sheet-row:last-of-type{border-bottom:none}.sheet-row-label{color:#9ca3af;color:var(--text-3)}.sheet-row-value{color:#0d1117;color:var(--text);font-weight:600}.total-row{align-items:center;display:flex;justify-content:space-between;padding:16px 0 0}.total-label{color:#0d1117;color:var(--text);font-size:16px;font-weight:800}.total-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1b6bf5,#6366f1);background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:900;letter-spacing:-.8px}.toast{animation:tIn .22s cubic-bezier(.22,1,.36,1),tOut .2s ease 2.2s forwards;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid #ffffff14;border-radius:999px;border-radius:var(--pill);box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff14;color:#fff;font-size:13px;font-weight:700;left:50%;letter-spacing:-.1px;padding:12px 24px;position:fixed;top:20px;transform:translateX(-50%);white-space:nowrap;z-index:700}@keyframes tIn{0%{opacity:0;transform:translateX(-50%) translateY(-12px) scale(.96)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes tOut{to{opacity:0;transform:translateX(-50%) translateY(-8px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .28s cubic-bezier(.22,1,.36,1) both}@media (max-width:720px){.sidebar{display:none}.bottom-nav{display:flex}.topbar{padding:12px 14px}.inner{padding:14px 12px 24px}.hide-mobile{display:none}}@media (min-width:721px){.hide-desktop{display:none}}
/*# sourceMappingURL=main.aab4bfbb.css.map*/