:root{--bg: #f5f7f8;--panel: #ffffff;--text: #1f2a30;--muted: #5f6b72;--red: #b7242a;--yellow: #d08a00;--ok: #1d7a46;--border: #dce3e7;--shadow: 0 6px 20px rgba(20, 36, 50, .08);font-family:Avenir Next,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at -20% -10%,#ffe8e8 0%,transparent 50%),radial-gradient(800px 500px at 120% -20%,#f2f6ff 0%,transparent 40%),var(--bg)}*{box-sizing:border-box}body{margin:0;background:transparent}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;padding-bottom:72px}.topbar{position:sticky;top:0;z-index:20;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem}.page{max-width:960px;margin:0 auto;padding:1rem}.stack-xs>*+*{margin-top:.25rem}.stack-sm>*+*{margin-top:.5rem}.stack-md>*+*{margin-top:1rem}.row{display:flex;align-items:center}.row-between{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.row-end{display:flex;justify-content:flex-end;align-items:center}.gap-sm{gap:.5rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:.9rem;box-shadow:var(--shadow)}.card-soft{background:#fbfcfd;border:1px solid var(--border);border-radius:12px;padding:.7rem}.danger-border{border-color:#f0b3b6}.grid-cards{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.mini-card{border-radius:12px;padding:.65rem;border:1px solid var(--border);background:#fdfdfd}.mini-card.danger{border-color:#e8a1a5;background:#fff7f7}.mini-card.ok{border-color:#b8e2c7;background:#f7fff9}.input,textarea.input{width:100%;border:1px solid var(--border);border-radius:10px;padding:.6rem .7rem;font-size:.95rem;background:#fff}.label{font-size:.82rem;color:var(--muted)}.btn{border:0;border-radius:10px;padding:.58rem .85rem;font-size:.9rem;font-weight:600;cursor:pointer}.btn-primary{background:var(--red);color:#fff}.btn-secondary{background:#eef2f4;color:#18252e}.btn-danger{background:#ab1f25;color:#fff}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.btn-link{background:transparent;border:0;text-align:left;width:100%;padding:0}.list{display:grid;gap:.45rem}.list-item{width:100%;background:#fff;border:1px solid var(--border);border-radius:10px;padding:.6rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem;text-align:left}.list-item.static{cursor:default}.bag-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem}.bag-tile{border-radius:10px;border:1px solid var(--border);background:#fff;padding:.65rem}.chip{background:#f2f4f6;border-radius:999px;padding:.25rem .5rem;font-size:.78rem}.status-badge{border-radius:999px;padding:.2rem .5rem;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-ok{background:#e9f8ef;color:#16683d}.status-yellow{background:#fff4dd;color:#9d6500}.status-red{background:#ffeaeb;color:#a11f24}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--border);background:#fffffff7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-item{display:flex;justify-content:center;padding:.65rem .25rem;font-size:.78rem;color:#5f6970}.nav-item.active{color:var(--red);font-weight:700}.alert-grid{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:.75rem}.alert-number{font-size:1.35rem;font-weight:700}.modal-backdrop,.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a12197a;display:flex;align-items:center;justify-content:center;z-index:60;padding:1rem}.modal-card{width:min(420px,100%);background:#fff;border-radius:14px;padding:1rem;box-shadow:var(--shadow)}.sheet-backdrop{align-items:flex-end}.sheet-card{width:min(640px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:16px 16px 0 0;padding:.85rem;box-shadow:var(--shadow)}.sheet-handle{width:54px;height:4px;border-radius:999px;background:#d0d8dd;margin:0 auto .7rem}.red{color:var(--red)}.yellow{color:var(--yellow)}.ok,.success-text{color:var(--ok)}.error-text{color:var(--red)}.muted{color:var(--muted)}.small{font-size:.82rem}@media (min-width: 900px){.app-shell{padding-bottom:0}.bottom-nav{top:72px;bottom:auto;left:0;width:100%;grid-template-columns:repeat(5,max-content);justify-content:center;gap:.5rem;border-top:0;border-bottom:1px solid var(--border)}.page{padding-top:4.2rem}}