*{box-sizing:border-box}body{margin:0;padding:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c8bfb3;border-radius:10px}.material-symbols-outlined{font-family:Material Symbols Outlined;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24;vertical-align:middle;user-select:none}.font-serif{font-family:"Noto Serif",serif}.font-sans{font-family:Manrope,sans-serif}:root{--bg-page:#fff8f2;--bg-sidebar:rgba(250,249,246,0.85);--bg-card:rgba(255,255,255,0.75);--bg-card-solid:#ffffff;--bg-input:#f5f0eb;--bg-hover:rgba(0,0,0,0.04);--bg-header:rgba(255,248,242,0.9);--border:rgba(0,0,0,0.10);--border-strong:rgba(0,0,0,0.16);--text-primary:#1f1b14;--text-secondary:#6b6560;--text-muted:#9c978f;--text-link:#00516c;--accent:#00516c;--accent-hover:#003d52;--accent-text:#ffffff;--accent-subtle:rgba(0,81,108,0.08);--chip-active-bg:#00516c;--chip-active-text:#ffffff;--chip-idle-bg:#ffffff;--chip-idle-text:#1f1b14;--chip-idle-border:rgba(0,0,0,0.12);--nav-active-bg:rgba(0,81,108,0.08);--nav-active-text:#00516c;--nav-active-border:#00516c;--nav-idle-text:#6b6560;--nav-hover-bg:rgba(0,0,0,0.04);--send-btn-bg:#00516c;--send-btn-text:#ffffff;--teal-heading:#003d52;--price-color:#00516c;--total-color:#003d52;--shadow-card:0 2px 12px rgba(0,0,0,0.06);--shadow-card-hover:0 8px 32px rgba(0,81,108,0.10);--backdrop:blur(16px)}html.dark{--bg-page:transparent;--bg-sidebar:rgba(10,16,30,0.55);--bg-card:rgba(18,30,47,0.62);--bg-card-solid:rgba(22,35,55,0.90);--bg-input:rgba(255,255,255,0.06);--bg-hover:rgba(255,255,255,0.05);--bg-header:rgba(255,255,255,0.04);--border:rgba(156,163,175,0.14);--border-strong:rgba(156,163,175,0.22);--text-primary:#f3f0eb;--text-secondary:#a09890;--text-muted:#6b6560;--text-link:#8dcff1;--accent:#7A8C5F;--accent-hover:#8fa070;--accent-text:#ffffff;--accent-subtle:rgba(122,140,95,0.15);--chip-active-bg:rgba(122,140,95,0.18);--chip-active-text:#bacd9b;--chip-active-border:rgba(122,140,95,0.40);--chip-idle-bg:transparent;--chip-idle-text:#a09890;--chip-idle-border:transparent;--nav-active-bg:rgba(255,255,255,0.06);--nav-active-text:#5eead4;--nav-active-border:#5eead4;--nav-idle-text:#94a3b8;--nav-hover-bg:rgba(255,255,255,0.04);--send-btn-bg:#7A8C5F;--send-btn-text:#ffffff;--teal-heading:#99f6e4;--price-color:#5eead4;--total-color:#99f6e4;--shadow-card:0 2px 16px rgba(0,0,0,0.35);--shadow-card-hover:0 8px 32px rgba(0,0,0,0.50)}html.dark body{background:radial-gradient(circle at top right,#1a2a44,#121e2f),linear-gradient(180deg,#121e2f,#2e261a);background-attachment:fixed;min-height:100vh}html:not(.dark) body{background-color:var(--bg-page)}.glass-card{background:var(--bg-card);backdrop-filter:var(--backdrop);border:1px solid var(--border);box-shadow:var(--shadow-card);transition:box-shadow .2s ease,border-color .2s ease}.glass-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--border-strong)}.inp{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;padding:10px 14px;font-family:Manrope,sans-serif;font-size:14px;outline:none;transition:border-color .15s;width:100%}.inp:focus{border-color:var(--accent)}.inp::placeholder{color:var(--text-muted)}select{background-color:var(--bg-input)!important;color:var(--text-primary)!important;border:1px solid var(--border);border-radius:8px;padding:10px 14px;font-family:Manrope,sans-serif;font-size:14px;outline:none;width:100%;cursor:pointer;appearance:auto}select option{background-color:#1a2535!important;color:#f1f5f9!important;padding:8px 12px}html:not(.dark) select{background-color:#f5f0eb!important;color:#1f1b14!important}html:not(.dark) select option{background-color:#ffffff!important;color:#1f1b14!important}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center}.modal-box{background:var(--bg-card-solid);border:1px solid var(--border);border-radius:12px;box-shadow:0 24px 64px rgba(0,0,0,.25);padding:32px;width:100%;max-width:480px}.chip{display:inline-flex;align-items:center;padding:6px 18px;border-radius:999px;font-family:Manrope,sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .15s;border:1px solid transparent;white-space:nowrap}.chip-active{background:var(--chip-active-bg);color:var(--chip-active-text);border-color:var(--chip-active-border,transparent)}.chip-idle{background:var(--chip-idle-bg);color:var(--chip-idle-text);border-color:var(--chip-idle-border)}.chip-idle:hover{background:var(--accent-subtle);color:var(--accent)}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.05em}.badge-green{background:rgba(34,197,94,.12);color:#16a34a}.badge-amber{background:rgba(245,158,11,.12);color:#d97706}.badge-red{background:rgba(239,68,68,.12);color:#dc2626}.badge-blue{background:rgba(59,130,246,.12);color:#2563eb}.badge-teal{background:rgba(20,184,166,.12);color:#0d9488}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--send-btn-bg);color:var(--send-btn-text);font-family:"Noto Serif",serif;font-size:13px;letter-spacing:.12em;text-transform:uppercase;border:none;border-radius:8px;padding:14px 28px;cursor:pointer;transition:filter .15s,transform .1s}.btn-primary:hover{filter:brightness(1.1)}.btn-primary:active{transform:scale(.97)}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--accent);border:1px solid var(--accent);font-family:"Noto Serif",serif;font-size:12px;letter-spacing:.1em;text-transform:uppercase;border-radius:8px;padding:10px 20px;cursor:pointer;transition:background .15s}.btn-outline:hover{background:var(--accent-subtle)}body,html{max-width:100vw;overflow-x:hidden}@media (max-width:768px){.mobile-grid-2{grid-template-columns:repeat(2,1fr)!important}.mobile-grid-1{grid-template-columns:1fr!important}.mobile-hidden{display:none!important}.mobile-full{width:100%!important;max-width:100%!important}.mobile-pad{padding:16px!important}.mobile-stack{flex-direction:column!important}}@supports (padding-bottom:env(safe-area-inset-bottom)){.bottom-nav-bar{padding-bottom:calc(8px + env(safe-area-inset-bottom))}.main-with-bottom-nav{padding-bottom:calc(72px + env(safe-area-inset-bottom))}}