:root{--brand:#2962ff;--brand-dk:#1a4fd4;--brand-soft:#2962ff24;--brand-mid:#2962ff73;--brand-grad:linear-gradient(135deg,#ff6a00,#ff2d7a 38%,#7b2dff 68%,#2962ff);--energy-grad:linear-gradient(135deg,#eff32f,#ff6a00 22%,#ff2d7a 44%,#7b2dff 70%,#2962ff 85%,#00e5c3);--green:#00e5c3;--green-soft:#00e5c31f;--green-mid:#00e5c359;--amber:#ff6a00;--amber-soft:#ff6a001f;--amber-mid:#ff6a0059;--red:#ff2d7a;--red-soft:#ff2d7a1f;--red-mid:#ff2d7a59;--dark:#0a0a0f;--dark-2:#111118;--surface:#131320;--bg:#0a0a0f;--text:#fff;--text-2:#fff9;--text-3:#ffffff52;--border:#ffffff12;--radius:16px;--radius-sm:12px;--pill:999px;--sidebar:240px;--shadow:0 1px 3px #00000080,0 4px 16px #00000059;--shadow-lg:0 4px 24px #2962ff33,0 1px 4px #00000080;--shadow-xl:0 8px 40px #2962ff47,0 2px 8px #0009}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}body{background-attachment:fixed;background-color:#0a0a0f;background-image:radial-gradient(ellipse at 12% 20%,#ff6a0021 0,#0000 45%),radial-gradient(ellipse at 88% 80%,#2962ff26 0,#0000 45%),radial-gradient(ellipse at 65% 5%,#ff2d7a17 0,#0000 40%),radial-gradient(ellipse at 30% 90%,#7b2dff14 0,#0000 40%);color:#fff;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{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0a12bf;border-right:1px solid #ffffff0f;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;padding:20px 12px 16px;width:240px;width:var(--sidebar)}.sidebar:before{background:linear-gradient(90deg,#eff32f,#ff6a00,#ff2d7a,#7b2dff,#2962ff,#00e5c3);content:"";display:block;flex-shrink:0;height:3px;margin:-20px -12px 18px}.main-col{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.topbar{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:#0a0a12a6;background-image:linear-gradient(90deg,#ff6a00,#ff2d7a,#7b2dff,#2962ff,#00e5c3);background-position:bottom;background-repeat:no-repeat;background-size:100% 2px;border-bottom:none;box-shadow:0 2px 12px #0000004d;display:flex;flex-shrink:0;gap:14px;justify-content:space-between;padding:12px 20px}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#eff32f,#ff6a00 22%,#ff2d7a 44%,#7b2dff 70%,#2962ff 85%,#00e5c3);background:var(--energy-grad);-webkit-background-clip:text;background-clip: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:#ffffff1a;border-radius:2px}.inner{margin:0 auto;max-width:1180px;padding:22px 20px 36px}.bottom-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0a12cc;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:#ffffff47;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:#2962ff;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 #0a0a0f;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:#ff2d7a;background:var(--red);color:#fff}.bn-badge.blue{background:#2962ff;background:var(--brand);color:#fff}.s-nav{align-items:center;background:#0000;border:1px solid #0000;border-radius:10px;color:#ffffff61;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:#ffffff0f;border-color:#ffffff0d;color:#ffffffd9}.s-nav.active{background:linear-gradient(135deg,#ff6a0024,#ff2d7a1f 40%,#7b2dff1f 70%,#2962ff1a);border-color:#ff2d7a4d;box-shadow:inset -3px 0 0 0 #ff2d7a,0 2px 12px #ff2d7a1f;color:#fff}.s-nav svg{stroke:currentColor;stroke-width:2;fill:none;flex-shrink:0;height:17px;width:17px}.s-sep{background:#ffffff0f;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:#ff2d7a;background:var(--red);color:#fff}.nav-badge.amber{background:#ff6a00;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:#2962ff24;background:var(--brand-soft);color:#2962ff;color:var(--brand)}.b-pending{background:#ff6a001f;background:var(--amber-soft);color:#ff6a00;color:var(--amber)}.b-paid{background:#00e5c31f;background:var(--green-soft);color:#00e5c3;color:var(--green)}.b-cancelled{background:#ff2d7a1f;background:var(--red-soft);color:#ff2d7a;color:var(--red)}.b-overdue{background:#ff6a0024;color:#ff6a00}.btn-primary{background:linear-gradient(135deg,#ff6a00,#ff2d7a 38%,#7b2dff 68%,#2962ff);background:var(--brand-grad);border:none;border-radius:12px;border-radius:var(--radius-sm);box-shadow:0 2px 12px #2962ff66;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 28px #ff2d7a73,0 2px 12px #7b2dff4d;filter:brightness(1.08);transform:translateY(-1px)}.btn-primary:active{box-shadow:0 2px 8px #ff2d7a4d;transform:translateY(0)}.btn-ghost{background:#ffffff0a;border:1.5px solid #ffffff12;border:1.5px solid var(--border);border-radius:12px;border-radius:var(--radius-sm);color:#fff9;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:#ffffff12;border-color:#2962ff59;color:#2962ff;color:var(--brand)}.btn-danger{background:#ff2d7a;background:var(--red);border:none;border-radius:12px;border-radius:var(--radius-sm);box-shadow:0 2px 10px #ff2d7a59;color:#fff;cursor:pointer;font-family:Outfit,sans-serif;font-size:14px;font-weight:800;padding:13px 20px;transition:all .2s}.btn-danger:hover{box-shadow:0 4px 16px #ff2d7a80;filter:brightness(1.12);transform:translateY(-1px)}.card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#131320d1;border:1.5px solid #ffffff0f;border-radius:16px;border-radius:var(--radius);box-shadow:0 1px 3px #00000080,0 4px 16px #00000059;box-shadow:var(--shadow);padding:18px}.card-hover{transition:all .22s cubic-bezier(.22,1,.36,1)}.card-hover:hover{border-color:#ff2d7a33;box-shadow:0 4px 24px #7b2dff2e,0 1px 4px #00000080,0 0 0 1px #ff2d7a14;transform:translateY(-2px)}.form-group{margin-bottom:16px}.form-label{color:#ffffff52;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:#ffffff0a;border:1.5px solid #ffffff12;border:1.5px solid var(--border);border-radius:12px;border-radius:var(--radius-sm);color:#fff;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:#ffffff0f;border-color:#2962ff;border-color:var(--brand);box-shadow:0 0 0 3px #2962ff26}.form-textarea{background:#ffffff0a;border:1.5px solid #ffffff12;border:1.5px solid var(--border);border-radius:12px;border-radius:var(--radius-sm);color:#fff;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:#ffffff0f;border-color:#2962ff;border-color:var(--brand);box-shadow:0 0 0 3px #2962ff26}.overlay{align-items:flex-end;animation:fi .2s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#000000bf;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:#131320;background:var(--surface);border-radius:24px 24px 0 0;border-top:1px solid #ffffff14;box-shadow:0 -4px 40px #00000080;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:#ffffff1f;border-radius:2px;height:4px;margin:14px auto 20px;width:40px}.sheet-title{color:#fff;color:var(--text);font-size:20px;font-weight:900;letter-spacing:-.4px}.sheet-sub{color:#ffffff52;color:var(--text-3);font-size:13px;margin-bottom:20px;margin-top:3px}.sheet-row{align-items:center;border-bottom:1px solid #ffffff12;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:#ffffff52;color:var(--text-3)}.sheet-row-value{color:#fff;color:var(--text);font-weight:600}.total-row{align-items:center;display:flex;justify-content:space-between;padding:16px 0 0}.total-label{color:#fff;color:var(--text);font-size:16px;font-weight:800}.total-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#eff32f,#ff6a00 22%,#ff2d7a 44%,#7b2dff 70%,#2962ff 85%,#00e5c3);background:var(--energy-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,#131320,#1a1a2e);border:1px solid #ffffff14;border-radius:999px;border-radius:var(--pill);box-shadow:0 8px 32px #00000080,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.33a73938.css.map*/