:root{--clay-bg:#edf2f7;--clay-card-bg:#fff;--clay-card-shadow:8px 10px 24px #a0afc859, -6px -6px 18px #fffffff2;--clay-card-inner:inset 2px 2px 4px #fffffff2, inset -2px -2px 4px #0000000a;--clay-card-hover-shadow:12px 16px 32px #a0afc873, -8px -8px 24px #fff;--clay-btn-bg:#1e293b;--clay-btn-text:#fff;--clay-btn-shadow:5px 6px 14px #00000029, -2px -2px 6px #fff9;--clay-btn-inner:inset 1.5px 1.5px 3px #ffffff4d, inset -1.5px -1.5px 3px #0000004d;--clay-input-bg:#e8eef5;--clay-input-shadow:inset 3px 3px 6px #a0afc866, inset -3px -3px 6px #ffffffe6}html{scrollbar-gutter:stable;scroll-behavior:smooth}html.dark{--clay-bg:#0b0f17;--clay-card-bg:#141923;--clay-card-shadow:8px 10px 26px #05070a, -4px -4px 14px #ffffff05;--clay-card-inner:inset 1.5px 1.5px 3px #ffffff12, inset -2px -2px 5px #0009;--clay-card-hover-shadow:12px 16px 34px #030407, -6px -6px 18px #ffffff08;--clay-btn-bg:#f8fafc;--clay-btn-text:#0b0f17;--clay-btn-shadow:5px 6px 16px #0000008c, -2px -2px 8px #ffffff0a;--clay-btn-inner:inset 1.5px 1.5px 3px #ffffffe6, inset -1.5px -1.5px 3px #0003;--clay-input-bg:#0d1119;--clay-input-shadow:inset 3px 3px 6px #06080c, inset -2px -2px 4px #ffffff05}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}body{background-color:var(--clay-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:env(safe-area-inset-bottom);font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;transition:background-color .25s cubic-bezier(.16,1,.3,1),color .25s;overflow-x:hidden}.clay-card{background-color:var(--clay-card-bg);box-shadow:var(--clay-card-shadow), var(--clay-card-inner);border:1px solid #ffffff14;border-radius:20px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,background-color .25s}.clay-card-interactive{cursor:pointer;transform:translateZ(0)}@media (hover:hover) and (pointer:fine){.clay-card-interactive:hover{box-shadow:var(--clay-card-hover-shadow), var(--clay-card-inner);transform:translateY(-3px)translateZ(0)}}.clay-panel{background-color:var(--clay-card-bg);box-shadow:var(--clay-card-shadow), var(--clay-card-inner)}.clay-btn{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:13px;justify-content:center;align-items:center;font-weight:700;transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s,filter .15s,background-color .2s;display:inline-flex;transform:translateZ(0)}.clay-btn-primary{background-color:var(--clay-btn-bg);color:var(--clay-btn-text);box-shadow:var(--clay-btn-shadow), var(--clay-btn-inner)}@media (hover:hover) and (pointer:fine){.clay-btn-primary:hover{filter:brightness(1.05);transform:translateY(-1.5px)translateZ(0)}}.clay-btn-primary:active{transform:translateY(1px)scale(.98)translateZ(0);box-shadow:inset 3px 3px 6px #00000059,inset -1.5px -1.5px 3px #ffffff1a}.clay-btn-secondary{color:#1e293b;background-color:#f1f5f9;box-shadow:3px 3px 8px #a0afc859,-3px -3px 8px #fff,inset 1.5px 1.5px 3px #ffffffe6}html.dark .clay-btn-secondary{color:#f1f5f9;background-color:#1a202c;box-shadow:3px 3px 8px #06080c,-2px -2px 6px #ffffff05,inset 1.5px 1.5px 3px #ffffff0f}@media (hover:hover) and (pointer:fine){.clay-btn-secondary:hover{transform:translateY(-1.5px)translateZ(0)}}.clay-btn-secondary:active{transform:translateY(1px)scale(.98)translateZ(0)}.clay-input{border-radius:13px;transition:box-shadow .2s,border-color .2s,background-color .25s;background-color:var(--clay-input-bg)!important;box-shadow:var(--clay-input-shadow)!important;border:1px solid #ffffff0d!important}.clay-input:focus{outline:none;box-shadow:var(--clay-input-shadow), 0 0 0 3px #6366f12e!important;border-color:#6366f199!important}.clay-badge{border-radius:9999px;transition:transform .2s,box-shadow .2s;box-shadow:2px 2px 6px #0000000f,-2px -2px 5px #fff9,inset 1px 1px 2px #fffc}html.dark .clay-badge{box-shadow:2px 2px 6px #05070a,-1.5px -1.5px 5px #ffffff05,inset 1px 1px 2px #ffffff14}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-page-enter{animation:pageFadeIn .25s cubic-bezier(.16, 1, .3, 1) ease-out}@keyframes claySpringIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-clay-spring{animation:claySpringIn .3s cubic-bezier(.16, 1, .3, 1) ease-out}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-tab-fade{animation:tabFadeIn .2s cubic-bezier(.16, 1, .3, 1) ease-out}@keyframes clayFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-clay-float{animation:3.5s ease-in-out infinite clayFloat}@keyframes clayPulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.92;transform:scale(1.02)}}.animate-clay-pulse{animation:3s ease-in-out infinite clayPulseGlow}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:12s linear infinite spinSlow}@keyframes modalBackdropFade{0%{opacity:0}to{opacity:1}}@keyframes modalContentPop{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-backdrop-animate{animation:.2s ease-out forwards modalBackdropFade}.modal-content-animate{animation:modalContentPop .25s cubic-bezier(.16, 1, .3, 1) ease-out forwards}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#8c96aa4d;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#8c96aa80}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@media print{body *{visibility:hidden}#printable-invoice,#printable-invoice *{visibility:visible}#printable-invoice{width:100%;margin:0;padding:20px;position:absolute;top:0;left:0;color:#000!important;box-shadow:none!important;background:#fff!important;border:none!important}}