:root{--bg: #f7f3ee;--text: #2c2418;--accent: #c8a45a;--accent-dark: #a88740;--success: #4a7c59;--error: #c25450;--info: #5b8fa8;--border: #e0d8cc;--border-strong: #c8baa6;--muted: #8a7e6d;--card: #fff;--shadow: 0 1px 2px rgba(44, 36, 24, .06), 0 2px 8px rgba(44, 36, 24, .04);--radius: 8px;--radius-sm: 6px;--nav-height: 64px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:15px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100%;display:flex;flex-direction:column}.app-header{background:var(--card);border-bottom:1px solid var(--border);padding:10px 0;position:sticky;top:0;z-index:10}.app-header-inner{display:flex;flex-direction:column;padding:0 16px}.brand{font-weight:700;font-size:16px;letter-spacing:.5px}.brand-sub{font-size:12px;color:var(--muted);letter-spacing:.3px;text-transform:uppercase}.app-main{flex:1;padding:16px;padding-bottom:calc(var(--nav-height) + 16px);max-width:960px;width:100%;margin:0 auto}.offline-banner{background:var(--error);color:#fff;padding:8px 16px;text-align:center;font-size:14px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav-height);background:var(--card);border-top:1px solid var(--border);display:flex;justify-content:space-around;align-items:stretch;z-index:20;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted);text-decoration:none;font-size:12px;padding:6px;min-height:44px}.bottom-nav a.active{color:var(--accent-dark);font-weight:600}.bottom-nav .nav-icon{font-size:22px;line-height:1}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin-bottom:10px;box-shadow:var(--shadow)}.card-title{font-weight:600;margin:0 0 4px}.card-sub{color:var(--muted);font-size:13px}button,.btn{font:inherit;color:inherit;background:var(--card);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:10px 14px;min-height:44px;cursor:pointer;transition:background .15s,border-color .15s}button:hover,.btn:hover{background:var(--bg)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent-dark);color:var(--text);font-weight:600}.btn-primary:hover{background:var(--accent-dark);color:#fff}.btn-danger{background:var(--error);border-color:var(--error);color:#fff}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}input,select,textarea{font:inherit;color:inherit;background:var(--card);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:10px 12px;min-height:44px;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent-dark)}label{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.2px;border:1px solid}.badge-pending{background:#fdeae8;color:var(--error);border-color:var(--error)}.badge-partial{background:#fdf5db;color:#8a6a1a;border-color:#c8a45a}.badge-printed{background:#e3efe3;color:var(--success);border-color:var(--success)}.badge-source{background:var(--bg);color:var(--muted);border-color:var(--border-strong)}.empty{text-align:center;padding:40px 16px;color:var(--muted)}.empty-icon{font-size:40px;margin-bottom:8px}.loading{text-align:center;padding:24px;color:var(--muted)}.tabs{display:flex;gap:4px;overflow-x:auto;padding-bottom:8px;margin-bottom:12px}.tab{flex:0 0 auto;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--card);font-size:14px;cursor:pointer;white-space:nowrap}.tab.active{background:var(--accent);border-color:var(--accent-dark);color:var(--text);font-weight:600}.action-bar{position:fixed;left:0;right:0;bottom:var(--nav-height);background:var(--card);border-top:1px solid var(--border);padding:12px 16px;display:flex;gap:8px;align-items:center;justify-content:space-between;z-index:15;box-shadow:0 -2px 8px #0000000a;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2c241866;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--card);border-radius:var(--radius);max-width:480px;width:100%;max-height:90vh;overflow:auto;padding:20px;box-shadow:0 10px 40px #0003}.modal h2{margin-top:0}@media (min-width: 900px){.app-main{padding:24px 32px}.bottom-nav{position:sticky;height:auto;flex-direction:column;width:220px;border-top:none;border-right:1px solid var(--border)}}