@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap");body,html{padding:0;margin:0}.cc-root{--bg:#f2f5f3;--surface:#fff;--ink:#16241f;--ink-soft:#5a6b64;--primary:#0e5c46;--primary-dark:#0a4636;--primary-tint:#e4f0ea;--amber:#c97f1e;--amber-tint:#fbf0de;--red:#b03a2e;--red-tint:#fbe9e6;--blue:#2e6e8e;--blue-tint:#e7f1f5;--line:#dde4df;font-family:Inter,sans-serif;color:var(--ink);background:var(--bg);min-height:100vh;width:100%}.cc-root *{box-sizing:border-box}.cc-display{font-family:Space Grotesk,sans-serif}.cc-mono{font-family:IBM Plex Mono,monospace}.cc-btn{font-family:Inter,sans-serif;font-weight:600;font-size:14px;border-radius:8px;padding:10px 18px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.cc-btn:active{transform:scale(.97)}.cc-btn-primary{background:var(--primary);color:#fff}.cc-btn-primary:hover{background:var(--primary-dark)}.cc-btn-ghost{background:transparent;color:var(--ink-soft);border:1px solid var(--line)}.cc-btn-ghost:hover{background:#fff;border-color:var(--primary);color:var(--primary)}.cc-btn:disabled{opacity:.55;cursor:not-allowed}.cc-card{background:var(--surface);border:1px solid var(--line);border-radius:14px}.cc-input{width:100%;font-family:IBM Plex Mono,monospace;font-size:14px;padding:9px 10px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--ink)}.cc-input:focus{outline:2px solid var(--primary);outline-offset:1px;border-color:var(--primary)}.cc-input.text{font-family:Inter,sans-serif}.cc-label{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);display:block;margin-bottom:5px}.cc-receipt{background:#fff;border:1px solid var(--line);border-radius:4px;position:relative;-webkit-clip-path:polygon(0 3%,4% 0,8% 3%,12% 0,16% 3%,20% 0,24% 3%,28% 0,32% 3%,36% 0,40% 3%,44% 0,48% 3%,52% 0,56% 3%,60% 0,64% 3%,68% 0,72% 3%,76% 0,80% 3%,84% 0,88% 3%,92% 0,96% 3%,100% 0,100% 100%,0 100%);clip-path:polygon(0 3%,4% 0,8% 3%,12% 0,16% 3%,20% 0,24% 3%,28% 0,32% 3%,36% 0,40% 3%,44% 0,48% 3%,52% 0,56% 3%,60% 0,64% 3%,68% 0,72% 3%,76% 0,80% 3%,84% 0,88% 3%,92% 0,96% 3%,100% 0,100% 100%,0 100%);padding-top:18px}.cc-dashed{border-top:1.5px dashed var(--line);margin:10px 0}.cc-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;letter-spacing:.03em;padding:4px 9px;border-radius:999px}.cc-badge-ok{background:var(--primary-tint);color:var(--primary-dark)}.cc-badge-pending{background:var(--amber-tint);color:var(--amber)}.cc-badge-diff{background:var(--red-tint);color:var(--red)}.cc-badge-neutral{background:var(--line);color:var(--ink-soft)}.cc-badge-info{background:var(--blue-tint);color:var(--blue)}.cc-scrollbar::-webkit-scrollbar{width:6px;height:6px}.cc-scrollbar::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}@keyframes cc-spin{to{transform:rotate(1turn)}}.cc-spin{animation:cc-spin .9s linear infinite}.mobile-hamburger,.mobile-nav-panel,.mobile-overlay{display:none!important}.desktop-nav{display:flex!important}.mobile-bottom-nav,.mobile-subnav-overlay,.mobile-subnav-sheet{display:none!important}@media (max-width:768px){.desktop-nav,.desktop-only{display:none!important}.mobile-bottom-nav{display:flex!important}.mobile-subnav-overlay{display:block!important}.mobile-subnav-sheet{display:flex!important}.admin-page-content{padding-bottom:80px!important}}.dash-mobile{display:none}.dash-desktop{display:block}@media (max-width:768px){.dash-mobile{display:block}.dash-desktop{display:none}}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:62px;background:var(--card,#fff);border-top:1px solid var(--line,#e8e8e4);z-index:200;align-items:stretch;justify-content:space-around;box-shadow:0 -2px 12px rgba(0,0,0,.08)}.mobile-bottom-nav button{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;cursor:pointer;padding:6px 2px 4px;color:var(--ink-soft,#888);font-size:9px;font-family:inherit;font-weight:500;position:relative;transition:color .15s}.mobile-bottom-nav button.mbn-active{color:var(--primary-dark,#1a6b3c)}.mobile-bottom-nav button.mbn-active:before{content:"";position:absolute;top:0;left:20%;right:20%;height:2.5px;background:var(--primary-dark,#1a6b3c);border-radius:0 0 3px 3px}.mobile-subnav-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:190}.mobile-subnav-sheet{position:fixed;bottom:62px;left:0;right:0;background:var(--card,#fff);border-radius:16px 16px 0 0;z-index:195;padding:8px 12px 12px;flex-direction:column;max-height:70vh;overflow-y:auto;box-shadow:0 -4px 20px rgba(0,0,0,.12)}.mobile-subnav-sheet-handle{width:36px;height:4px;background:var(--line,#ddd);border-radius:2px;margin:4px auto 10px}.mobile-subnav-sheet button{width:100%;display:flex;align-items:center;gap:12px;padding:11px 10px;border-radius:10px;border:none;background:transparent;color:var(--ink,#1a1a1a);font-size:14px;font-family:inherit;font-weight:500;cursor:pointer;text-align:left}.mobile-subnav-sheet button.mbs-active{background:var(--primary-tint,#e8f5ef);color:var(--primary-dark,#1a6b3c);font-weight:700}.mobile-subnav-sheet button:active{background:var(--primary-tint,#e8f5ef)}