:root{--saffron: #e8821e;--saffron-deep: #c9690c;--maroon: #7a1f2b;--maroon-deep: #5c1620;--gold: #d4a017;--cream: #fdf6ec;--cream-deep: #f6e8d4;--ink: #2a1d14;--ink-soft: #6b5645;--leaf: #3f7d4e;--paper: #fffdf9;--line: #e7d6bf;--danger: #c0392b;--shadow: 0 8px 30px rgba(122, 31, 43, .12);--shadow-sm: 0 2px 10px rgba(122, 31, 43, .08);--shadow-lg: 0 20px 45px rgba(122, 31, 43, .16);--radius: 16px;--radius-sm: 10px;--font-display: "Fraunces", Georgia, serif;--font-body: "Plus Jakarta Sans", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);background:radial-gradient(1200px 600px at 100% -10%,rgba(232,130,30,.1),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(122,31,43,.08),transparent 55%),var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}button{font-family:var(--font-body);cursor:pointer;border:none}input,select,textarea{font-family:var(--font-body)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--radius-sm);font-weight:600;font-size:15px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease}.btn:active{transform:translateY(1px) scale(.99)}.btn-primary{background:linear-gradient(135deg,var(--saffron),var(--saffron-deep));color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:0 6px 18px #c9690c59}.btn-maroon{background:linear-gradient(135deg,var(--maroon),var(--maroon-deep));color:#fff}.btn-ghost{background:transparent;color:var(--maroon);border:1.5px solid var(--line)}.btn-ghost:hover{background:var(--cream-deep)}.btn-danger{background:var(--danger);color:#fff}.btn-lg{padding:16px 26px;font-size:17px}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:600;color:var(--ink-soft)}.input,.select{padding:12px 14px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);font-size:15px;color:var(--ink);width:100%;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.input:focus,.select:focus{outline:none;border-color:var(--saffron);box-shadow:0 0 0 3px #e8821e26}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-hover{transition:transform .16s ease,box-shadow .16s ease}.card-hover:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600;background:var(--cream-deep);color:var(--maroon);border:1px solid transparent;transition:background .12s ease,color .12s ease,border-color .12s ease}.chip-active{background:var(--maroon);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:10px}.muted{color:var(--ink-soft)}.right{text-align:right}.row{display:flex;gap:12px;align-items:center}.spread{display:flex;justify-content:space-between;align-items:center}.fade-in{animation:fadeIn .35s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--cream);padding:14px 22px;border-radius:999px;box-shadow:var(--shadow);z-index:9999;font-weight:600;animation:fadeIn .25s ease}.toast.error{background:var(--danger)}.toast.success{background:var(--leaf)}.header-shell{position:sticky;top:0;z-index:1200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.nav-link{padding:12px 18px;font-weight:600;font-size:15px;color:#fff;white-space:nowrap;text-decoration:none;border-bottom:3px solid transparent;border-radius:10px 10px 0 0;opacity:.78;transition:opacity .12s ease,background .12s ease,border-color .12s ease}.nav-link:hover{opacity:.95;background:#ffffff14}.nav-link-active{opacity:1;border-bottom-color:var(--saffron);background:#ffffff1f}.bill-type-toggle{display:inline-flex;padding:4px;border-radius:999px;background:var(--cream-deep);border:1px solid var(--line);box-shadow:inset 0 1px 2px #2a1d140d}.bill-type-option{min-width:82px;padding:9px 14px;border-radius:999px;background:transparent;color:var(--ink-soft);font-weight:800;font-size:13px;letter-spacing:.01em}.bill-type-active{background:linear-gradient(135deg,var(--maroon),var(--maroon-deep));color:#fff;box-shadow:var(--shadow-sm)}.billing-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(340px,1fr);gap:18px;align-items:start}table thead tr{background:var(--cream-deep)}table tbody tr{transition:background .12s ease}table tbody tr:hover{background:#7a1f2b08}@media (max-width: 1080px){.billing-grid{grid-template-columns:1fr}}@media (max-width: 860px){main{padding:14px!important}}@media (max-width: 740px){.header-row{height:auto!important;min-height:64px;padding:10px 0;align-items:flex-start!important}.header-right{flex-direction:column;align-items:flex-end!important;gap:8px!important}}