:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1115;--card:#171b22;--border:#252b35;--muted:#9aa4af;--muted-2:#7f8a96;--text:#f3f5f7;--nav-h:56px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{background:var(--bg);width:100%;height:100%;color:var(--text);margin:0;overflow:hidden}body{min-height:100dvh}button,input,textarea,select{font:inherit}button{cursor:pointer;border:none}#root{min-height:100dvh}.app-shell{background:radial-gradient(circle at top, #80ffb40d, transparent 24%), var(--bg);width:100%;height:100dvh;position:relative;overflow:hidden}.app-content{height:calc(100dvh - var(--nav-h));padding:8px;position:relative;overflow:hidden}.screen{flex-direction:column;gap:8px;height:100%;min-height:0;display:flex}.screen__header{flex-direction:column;flex:none;gap:2px;display:flex}.screen__title{letter-spacing:-.02em;margin:0;font-size:17px;font-weight:800}.screen__subtitle{color:var(--muted);margin:0;font-size:10px;line-height:1.2}.screen__body{scrollbar-width:thin;flex-direction:column;flex:auto;gap:8px;min-height:0;padding-right:2px;display:flex;overflow:hidden auto}.grid{gap:6px;display:grid}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:10px;box-shadow:0 6px 18px #00000026}.stat-card{flex-direction:column;justify-content:space-between;min-height:72px;display:flex}.stat-card__label{color:var(--muted);margin-bottom:4px;font-size:10px}.stat-card__value{font-size:15px;font-weight:800;line-height:1.05}.stat-card__hint{color:var(--muted-2);margin-top:4px;font-size:10px}.action-card{text-align:left;color:var(--text);min-height:62px;padding:10px}.action-card--disabled{opacity:.6;cursor:not-allowed}.action-card__title{margin-bottom:4px;font-size:12px;font-weight:700}.action-card__description{color:#98a2ad;font-size:10px;line-height:1.2}.bottom-nav{height:var(--nav-h);padding:4px 6px calc(6px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f1115f5;border-top:1px solid #232932;grid-template-columns:repeat(4,1fr);gap:4px;display:grid;position:absolute;bottom:0;left:0;right:0}.bottom-nav__item{background:var(--card);color:#8f9aa6;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:38px;display:flex}.bottom-nav__item.active{color:var(--text);background:#222933;border:1px solid #394353}.bottom-nav__icon{font-size:12px;line-height:1}.bottom-nav__label{font-size:9px;font-weight:600}.role-switch{gap:6px;display:flex}.role-switch__button{color:#cfd6dd;background:#0f1115;border:1px solid #2a313d;border-radius:9px;min-height:28px;padding:0 10px;font-size:10px}.role-switch__button.active{color:var(--text);background:#222933;border:1px solid #394353}.sale-form{flex-direction:column;gap:8px;display:flex}.sale-form__row{flex-direction:column;gap:4px;display:flex}.sale-form__label{color:var(--muted);font-size:10px}.sale-form__input{min-height:34px;color:var(--text);background:#0f1115;border:1px solid #2a313d;border-radius:9px;outline:none;padding:0 10px}.sale-form__submit{min-height:36px;color:var(--text);background:#222933;border:1px solid #394353;border-radius:9px;font-size:11px;font-weight:700}.sale-form__summary{color:#cfd6dd;flex-direction:column;gap:3px;font-size:10px;display:flex}.app-topbar{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.app-badge{color:#ffd08a;background:#ffb74d1f;border:1px solid #ffb74d3d;border-radius:999px;align-self:flex-start;align-items:center;min-height:20px;padding:0 8px;font-size:9px;display:inline-flex}.app-userline{background:#171b22;border:1px solid #252b35;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:8px 10px;display:flex}.app-userline__left{min-width:0}.app-userline__name{font-size:13px;font-weight:700;line-height:1.1}.app-userline__meta{color:#93a0ad;margin-top:2px;font-size:10px}.mascot-wrap{right:10px;bottom:calc(var(--nav-h) + 10px);z-index:20;pointer-events:none;position:absolute}.mascot{align-items:flex-end;gap:8px;display:flex}.mascot__sprite{background:linear-gradient(#3c4650f2,#191c22fa);border:1px solid #394353;border-radius:10px;width:44px;height:44px;position:relative;box-shadow:0 0 0 1px #0003,0 8px 18px #00000040}.mascot__sprite:before{content:"";background:#c9b29a;border-radius:50%;width:22px;height:22px;position:absolute;top:8px;left:10px;box-shadow:inset 0 -2px #0000001f,0 14px 0 -4px #1f242c}.mascot__sprite:after{content:"";background:#38c5b0e6;border-radius:999px;width:10px;height:10px;position:absolute;bottom:6px;right:5px;box-shadow:0 0 12px #38c5b08c}.mascot__bubble{color:#d9e2ea;background:#171b22f5;border:1px solid #2e3642;border-radius:10px;max-width:148px;padding:6px 8px;font-size:10px;line-height:1.2;box-shadow:0 8px 18px #0000002e}.mascot--sale_success .mascot__sprite,.mascot--shift_start .mascot__sprite{box-shadow:0 0 0 1px #0003,0 0 18px #38c5b047,0 8px 18px #00000040}.mascot--writeoff_done .mascot__sprite,.mascot--shift_closed .mascot__sprite{opacity:.9}@media (width<=520px){.app-userline{flex-direction:column;align-items:flex-start}.role-switch{width:100%}.role-switch__button{flex:1}.mascot__bubble{max-width:120px;font-size:9px}.mascot__sprite{width:40px;height:40px}}