:root{--color-bg: #f5f6f8;--color-bg-elevated: #ffffff;--color-bg-secondary: #eef0f3;--color-text: #14161a;--color-text-secondary: #6b7380;--color-hint: #8a919e;--color-link: #2f6fed;--color-accent: #2f6fed;--color-accent-text: #ffffff;--color-border: #e3e5e9;--color-success: #1c9a5b;--color-success-bg: #e4f7ec;--color-warning: #b7791f;--color-warning-bg: #fdf3de;--color-orange: #c2560f;--color-orange-bg: #fce9dc;--color-danger: #d6334a;--color-danger-bg: #fce6ea;--color-gray: #6b7380;--color-gray-bg: #eef0f3;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--shadow-card: 0 1px 2px rgba(20, 22, 26, .06), 0 1px 1px rgba(20, 22, 26, .04);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-bg: #0f1115;--color-bg-elevated: #191c22;--color-bg-secondary: #20242c;--color-text: #f2f3f5;--color-text-secondary: #a3a9b5;--color-hint: #7d8493;--color-link: #6ea1ff;--color-accent: #6ea1ff;--color-accent-text: #0f1115;--color-border: #2b3038;--color-success: #3bc27a;--color-success-bg: #143b28;--color-warning: #e0ac3f;--color-warning-bg: #3c3013;--color-orange: #ef8b4a;--color-orange-bg: #3f2712;--color-danger: #f0637c;--color-danger-bg: #3d1620;--color-gray: #a3a9b5;--color-gray-bg: #262b33;color-scheme:dark}}:root[data-theme=dark]{--color-bg: #0f1115;--color-bg-elevated: #191c22;--color-bg-secondary: #20242c;--color-text: #f2f3f5;--color-text-secondary: #a3a9b5;--color-hint: #7d8493;--color-link: #6ea1ff;--color-accent: #6ea1ff;--color-accent-text: #0f1115;--color-border: #2b3038;--color-success: #3bc27a;--color-success-bg: #143b28;--color-warning: #e0ac3f;--color-warning-bg: #3c3013;--color-orange: #ef8b4a;--color-orange-bg: #3f2712;--color-danger: #f0637c;--color-danger-bg: #3d1620;--color-gray: #a3a9b5;--color-gray-bg: #262b33;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}#root{min-height:100vh}a{color:var(--color-link);text-decoration:none}button{font-family:inherit}input,select{font-family:inherit;font-size:16px}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-content{flex:1;width:100%;max-width:960px;margin:0 auto;padding:var(--space-4);padding-bottom:calc(72px + var(--space-4))}@media (min-width: 900px){.app-content{padding-bottom:var(--space-6)}}.card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-4)}.page-title{font-size:22px;font-weight:700;margin:0 0 var(--space-4)}.section-title{font-size:15px;font-weight:600;margin:var(--space-5) 0 var(--space-2);color:var(--color-text-secondary)}.muted{color:var(--color-text-secondary)}.hint{color:var(--color-hint);font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:none;border-radius:var(--radius-sm);padding:12px 18px;font-size:15px;font-weight:600;cursor:pointer;background:var(--color-accent);color:var(--color-accent-text);transition:opacity .15s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:not(:disabled):active{opacity:.85}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-text)}.btn-ghost{background:transparent;color:var(--color-danger);padding:8px 10px}.input{width:100%;padding:11px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-elevated);color:var(--color-text)}.input:focus{outline:2px solid var(--color-accent);outline-offset:-1px}.chip{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.chip-ACTIVE{background:var(--color-success-bg);color:var(--color-success)}.chip-EXPIRING{background:var(--color-warning-bg);color:var(--color-warning)}.chip-GRACE{background:var(--color-orange-bg);color:var(--color-orange)}.chip-BLOCKED{background:var(--color-danger-bg);color:var(--color-danger)}.chip-FREE{background:var(--color-gray-bg);color:var(--color-gray)}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex-shrink:0}.dot-online{background:var(--color-success)}.dot-offline{background:var(--color-hint)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)}.kpi-tile{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.kpi-tile .value{font-size:22px;font-weight:700;margin-top:4px}.list{display:flex;flex-direction:column;gap:var(--space-3)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.machine-card{display:flex;flex-direction:column;gap:var(--space-2);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);text-decoration:none;color:inherit}.machine-card:active{opacity:.9}table.simple-table{width:100%;border-collapse:collapse;font-size:14px}table.simple-table th,table.simple-table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--color-border)}table.simple-table th{color:var(--color-text-secondary);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.02em}.empty-state,.error-state{text-align:center;padding:var(--space-6) var(--space-4);color:var(--color-text-secondary)}.error-state{color:var(--color-danger)}.banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);background:var(--color-warning-bg);color:var(--color-warning);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);font-weight:600;font-size:14px}.toast-stack{position:fixed;bottom:calc(72px + var(--space-3));left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:var(--space-2);z-index:100;width:calc(100% - 32px);max-width:420px}@media (min-width: 900px){.toast-stack{bottom:var(--space-4)}}.toast{background:var(--color-danger);color:#fff;padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;box-shadow:var(--shadow-card)}.spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid var(--color-border);border-top-color:var(--color-accent);animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.spinner-wrap{display:flex;justify-content:center;padding:var(--space-6) 0}.topnav{display:none}.bottom-tabs{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--color-bg-elevated);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom);z-index:50}.bottom-tabs a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 10px;font-size:11px;color:var(--color-text-secondary)}.bottom-tabs a{-webkit-tap-highlight-color:transparent;transition:color .15s ease}.bottom-tabs a:focus{outline:none}.bottom-tabs a.active{color:var(--color-accent);font-weight:600}.bottom-tabs .icon{display:flex;align-items:center;justify-content:center;width:52px;height:30px;border-radius:15px;transition:background-color .15s ease}.bottom-tabs a.active .icon{background:color-mix(in srgb,var(--color-accent) 16%,transparent)}.bottom-tabs a:focus-visible .icon{outline:2px solid var(--color-accent);outline-offset:1px}@media (min-width: 900px){.bottom-tabs,.select-mobile-only{display:none}.topnav{display:flex;align-items:center;justify-content:space-between;background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);padding:12px 24px}.topnav-links{display:flex;gap:var(--space-5)}.topnav-links a{color:var(--color-text-secondary);font-weight:600;font-size:14px;padding:6px 0;border-bottom:2px solid transparent}.topnav-links a.active{color:var(--color-text);border-bottom-color:var(--color-accent)}.app-content{padding:var(--space-6) var(--space-4)}}.brand{font-weight:700;font-size:15px;display:flex;align-items:center;gap:8px}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.select{padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text)}.period-picker{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-4)}.period-btn{border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text);border-radius:999px;padding:6px 14px;font-size:13px;cursor:pointer}.period-btn.active{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.login-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:var(--space-3)}.badge-errors{background:var(--color-danger-bg);color:var(--color-danger);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}