:root{--cocoa:#4a2c1a;--cocoa-deep:#2f1a10;--caramel:#c47a3a;--caramel-soft:#e8b07a;--milk:#f7ebe0;--cream:#fff8f1;--foam:#fffdf9;--ink:#2a1a12;--muted:#7a5a45;--line:#4a2c1a1f;--ok:#2f6b3a;--danger:#a33b2b;--shadow:0 18px 40px #2f1a101f;--radius:22px;--font-display:"Fraunces", Georgia, serif;--font-body:"Nunito", system-ui, sans-serif;color:var(--ink);background:var(--cream);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;line-height:1.45}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-width:320px;color:var(--ink);background:radial-gradient(120% 80% at 10% -10%,#f3d6b8 0%,#0000 55%),radial-gradient(90% 70% at 100% 0,#efc9a0 0%,#0000 50%),linear-gradient(#fff8f1 0%,#f3e2d2 100%);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{flex-direction:column;gap:1rem;width:min(480px,100%);min-height:100dvh;margin:0 auto;padding:1.1rem 1rem 5.5rem;display:flex}.brand{flex-direction:column;gap:.15rem;animation:.55s both rise;display:flex}.brand-row{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:.75rem}.brand h1{font-family:var(--font-display);letter-spacing:-.03em;color:var(--cocoa-deep);margin:0;font-size:clamp(2.1rem,8vw,2.7rem)}.brand p{color:var(--muted);margin:0;font-weight:600}.btn-logout{border-radius:12px;flex-shrink:0;padding:.55rem .75rem;font-size:.8rem}.login-shell{justify-content:center;padding-bottom:2rem}.login-panel{animation:.7s 80ms both rise}.hero-stock{border-radius:calc(var(--radius) + 6px);color:var(--foam);box-shadow:var(--shadow);background:linear-gradient(145deg,#ffffff1f,#0000 40%),linear-gradient(160deg,#6b3a22 0%,#4a2c1a 48%,#2f1a10 100%);padding:1.35rem 1.25rem 1.25rem;animation:.65s 50ms both rise;position:relative;overflow:hidden}.hero-stock:after{content:"";pointer-events:none;background:radial-gradient(circle,#e8b07a59,#0000 60%);height:140%;position:absolute;inset:auto -20% -40% 40%}.hero-stock .label{opacity:.85;margin:0;font-size:.9rem;font-weight:700;position:relative}.hero-stock .value{font-family:var(--font-display);letter-spacing:-.04em;margin:.2rem 0 0;font-size:clamp(3rem,14vw,3.8rem);line-height:1;position:relative}.hero-stock .sub{color:var(--caramel-soft);margin:.55rem 0 0;font-weight:700;position:relative}.stats-grid{grid-template-columns:1fr 1fr;gap:.75rem;animation:.7s .1s both rise;display:grid}.stat{border-radius:var(--radius);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf9c7;padding:.95rem .9rem}.stat .label{color:var(--muted);margin:0;font-size:.82rem;font-weight:700}.stat .value{font-family:var(--font-display);letter-spacing:-.03em;color:var(--cocoa-deep);margin:.25rem 0 0;font-size:1.55rem}.panel{border-radius:var(--radius);border:1px solid var(--line);background:#fffdf9db;padding:1rem;animation:.75s .14s both rise;box-shadow:0 10px 28px #2f1a100f}.panel h2{font-family:var(--font-display);color:var(--cocoa-deep);margin:0 0 .85rem;font-size:1.35rem}.panel-lead{color:var(--muted);margin:-.35rem 0 1rem;font-size:.92rem;font-weight:600}.form-grid{gap:.75rem;display:grid}.field{gap:.35rem;display:grid}.field label{color:var(--cocoa);font-size:.85rem;font-weight:800}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--foam);width:100%;color:var(--ink);border-radius:14px;outline:none;padding:.8rem .9rem;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--caramel);box-shadow:0 0 0 3px #c47a3a2e}.segmented{background:#4a2c1a0f;border-radius:16px;grid-template-columns:1fr 1fr;gap:.45rem;padding:.3rem;display:grid}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:12px;padding:.7rem .5rem;font-weight:800;transition:background .18s,color .18s,transform .18s}.segmented button.active{background:var(--foam);color:var(--cocoa-deep);transform:translateY(-1px);box-shadow:0 6px 16px #2f1a1014}.btn-row{gap:.6rem;display:grid}.btn{border:0;border-radius:16px;padding:.95rem 1rem;font-weight:800;transition:transform .15s,opacity .15s,background .15s}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{color:#fff;background:linear-gradient(#d08a45,#b56728);box-shadow:0 10px 22px #b5672847}.btn-secondary{color:var(--cocoa-deep);background:#4a2c1a14}.banner{border-radius:14px;padding:.8rem .9rem;font-size:.92rem;font-weight:700}.banner.ok{color:var(--ok);background:#2f6b3a1f}.banner.error{color:var(--danger);background:#a33b2b1f}.holder-bar{gap:.55rem;display:grid}.holder-row{background:#4a2c1a0d;border-radius:14px;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .85rem;display:flex}.holder-row strong{font-family:var(--font-display);font-size:1.25rem}.filters{grid-template-columns:1fr 1fr;gap:.55rem;margin-bottom:.85rem;display:grid}.history-list{gap:.65rem;display:grid}.history-item{background:#4a2c1a0a;border:1px solid #0000;border-radius:16px;padding:.85rem .9rem;animation:.4s both rise}.history-item header{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.history-item .type{color:var(--cocoa-deep);font-weight:800}.history-item .meta{color:var(--muted);margin:.25rem 0 0;font-size:.86rem;font-weight:600}.history-item .note{margin:.35rem 0 0;font-size:.9rem}.bottom-nav{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#fffdf9eb;border-radius:22px;grid-template-columns:repeat(4,1fr);gap:.25rem;width:min(440px,100% - 1.25rem);padding:.4rem;display:grid;position:fixed;bottom:.75rem;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #2f1a1029}.bottom-nav button{color:var(--muted);background:0 0;border:0;border-radius:16px;padding:.65rem .2rem;font-size:.78rem;font-weight:800;transition:background .18s,color .18s,transform .18s}.bottom-nav button.active{color:var(--cocoa-deep);background:#c47a3a29;transform:translateY(-1px)}.loading-block,.empty-block{text-align:center;color:var(--muted);padding:1.5rem .5rem;font-weight:700}.skeleton{background:linear-gradient(90deg,#4a2c1a14,#4a2c1a29,#4a2c1a14) 0 0/200% 100%;border-radius:999px;height:1.1rem;animation:1.2s linear infinite shimmer}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{to{background-position:-200% 0}}@media (width>=640px){.app-shell{padding-top:1.75rem}}