:root{--bg: #fbf6ef;--paper: #fffdf9;--ink: #1f1a17;--muted: #756e66;--accent: #d64c2f;--accent-strong: #bc3f24;--line: #eadfd1;--ok: #2f8f65;--danger: #cc3947}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Manrope,Segoe UI,sans-serif;color:var(--ink)}body{background:radial-gradient(circle at 10% 10%,#f8e8d4 0%,transparent 40%),radial-gradient(circle at 90% 20%,#f3d8c9 0%,transparent 35%),var(--bg)}.page-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;position:relative}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.18;background-image:radial-gradient(#000 .3px,transparent .3px);background-size:3px 3px}.card{width:min(680px,100%);background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:22px 22px 98px;box-shadow:0 22px 50px #5f462d1f;animation:rise .4s ease-out}@keyframes rise{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.page-title{margin:0 0 16px;font-size:clamp(28px,3vw,36px);line-height:1.1}.form-grid{display:grid;gap:12px}input,select,button,textarea{font:inherit}.field,select{width:100%;border:1px solid var(--line);border-radius:12px;background:#f5f3ef;padding:11px 12px}.row{display:flex;gap:12px;flex-wrap:wrap}.btn{border:0;border-radius:12px;padding:11px 16px;font-weight:700;cursor:pointer;transition:transform .12s ease,background .12s ease}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-strong)}.btn.muted{background:#8d8880;color:#fff}.btn.info{background:#2d78b7;color:#fff}.link-row{margin-top:10px;display:flex;gap:12px;flex-wrap:wrap}.link-btn{border:0;background:transparent;color:var(--accent);font-weight:700;cursor:pointer;padding:0}.error{color:var(--danger);margin:8px 0 0}.success{color:var(--ok);margin:8px 0 0}.version{margin-top:18px;color:var(--muted);font-size:13px;text-align:right}.shift-item{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}.shift-item+.shift-item{margin-top:10px}.bottom-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;position:fixed;left:50%;bottom:12px;transform:translate(-50%);width:min(680px,calc(100% - 24px));margin-top:0;padding:8px;border:1px solid var(--line);border-radius:14px;background:#fffdf9f2;box-shadow:0 8px 22px #5f462d29;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20}.nav-item{text-decoration:none;text-align:center;padding:10px 12px;border-radius:10px;border:1px solid var(--line);color:var(--ink);background:#f8f3eb}.nav-item.active{background:#ffe4da;border-color:#f4b6a3}.barcode-wrap{margin-top:16px;display:grid;place-items:center;min-height:160px;border-radius:12px;background:#fff;border:1px dashed var(--line)}@media (max-width: 720px){.card{padding:16px;border-radius:18px}.row>.btn{flex:1}}