:root{--primary: #1b3022;--primary-deep: #061b0e;--primary-light: #2d4a38;--secondary: #785833;--surface: #fcf9f4;--surface-low: #f6f3ee;--surface-high: #ffffff;--surface-mid: #f0ede8;--text: #1c1c19;--muted: #434843;--outline: #c3c8c1;--error: #ba1a1a;--success: #1b7a3d;--warning: #b8860b;--info: #2e6b8a;--cta-yellow: #e7b913;--cta-yellow-text: #ffffff;--font-display: "SF Pro Display", "SF Pro Text", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--shadow-sm: 0 1px 3px rgba(6, 27, 14, .07);--shadow-md: 0 4px 12px rgba(6, 27, 14, .1);--shadow-lg: 0 8px 24px rgba(6, 27, 14, .12);--sidebar-width: 240px;--topbar-height: 64px;--transition: .22s cubic-bezier(.25, .1, .25, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-display);color:var(--text);background:var(--surface);-webkit-font-smoothing:antialiased}#app{height:100%}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit}a{text-decoration:none;color:inherit}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--primary);color:#fff;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;transition:transform var(--transition)}.sidebar-brand{padding:24px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-brand img{width:32px;height:32px;filter:brightness(0) invert(1)}.sidebar-brand h1{font-size:18px;font-weight:700;font-style:italic;letter-spacing:-.02em}.sidebar-section{padding:16px 0 8px}.sidebar-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#ffffff80;padding:0 20px 8px}.sidebar-nav{list-style:none}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:10px 20px;font-size:13px;font-weight:500;color:#ffffffb3;border-left:3px solid transparent;transition:all var(--transition)}.sidebar-nav-item:hover{color:#fff;background:#ffffff0f}.sidebar-nav-item.active{color:#fff;background:#ffffff1a;border-left-color:var(--cta-yellow)}.sidebar-nav-item img{width:18px;height:18px;opacity:.7;filter:brightness(0) invert(1)}.sidebar-nav-item.active img{opacity:1}.sidebar-footer{margin-top:auto;padding:16px 20px;border-top:1px solid rgba(255,255,255,.1)}.sidebar-role-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;background:#ffffff1f;padding:4px 10px;border-radius:var(--radius-xs);display:inline-block}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:var(--topbar-height);background:#fcf9f4d1;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--outline);display:flex;align-items:center;justify-content:space-between;padding:0 28px;flex-shrink:0}.topbar-title{font-size:18px;font-weight:600;color:var(--primary-deep)}.topbar-right{display:flex;align-items:center;gap:16px}.topbar-kiosk-select{font-size:13px;padding:6px 12px;border:1px solid var(--outline);border-radius:var(--radius-sm);background:var(--surface-high);color:var(--text)}.topbar-logout{font-size:12px;font-weight:600;color:var(--muted);padding:6px 12px;border-radius:var(--radius-sm);transition:all var(--transition)}.topbar-logout:hover{background:var(--surface-mid);color:var(--error)}.page{flex:1;overflow-y:auto;padding:28px}.page-header{margin-bottom:24px}.page-header h2{font-size:24px;font-weight:600;color:var(--primary-deep)}.page-header p{font-size:14px;color:var(--muted);margin-top:4px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--surface-high);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--outline);transition:box-shadow var(--transition)}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-card-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px}.stat-card-value{font-size:28px;font-weight:700;color:var(--primary-deep);line-height:1.1}.stat-card-sub{font-size:12px;color:var(--muted);margin-top:6px}.stat-card-icon{width:32px;height:32px;margin-bottom:8px;opacity:.6}.data-table-wrapper{background:var(--surface-high);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--outline);overflow:hidden;margin-bottom:24px}.data-table-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--outline)}.data-table-header h3{font-size:15px;font-weight:600}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;padding:12px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--surface-low);border-bottom:1px solid var(--outline)}.data-table td{padding:12px 16px;border-bottom:1px solid var(--surface-mid);color:var(--text)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--surface-low)}.data-table-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--outline);font-size:12px;color:var(--muted)}.data-table-pagination button{font-size:12px;font-weight:600;color:var(--primary);padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--outline);background:var(--surface-high);transition:all var(--transition)}.data-table-pagination button:hover:not(:disabled){background:var(--primary);color:#fff}.data-table-pagination button:disabled{opacity:.4;cursor:not-allowed}.card{background:var(--surface-high);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--outline);padding:20px;margin-bottom:24px}.card-title{font-size:15px;font-weight:600;margin-bottom:16px;color:var(--primary-deep)}.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:100px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge-success{background:#e6f4ea;color:var(--success)}.badge-warning{background:#fef3e0;color:var(--warning)}.badge-error{background:#fde8e8;color:var(--error)}.badge-info{background:#e3f2fd;color:var(--info)}.badge-muted{background:var(--surface-mid);color:var(--muted)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;border-radius:var(--radius-sm);transition:all var(--transition)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-light)}.btn-cta{background:var(--cta-yellow);color:var(--cta-yellow-text)}.btn-cta:hover{filter:brightness(1.05)}.btn-outline{border:1px solid var(--outline);color:var(--text);background:var(--surface-high)}.btn-outline:hover{background:var(--surface-low)}.btn-sm{padding:6px 12px;font-size:12px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.form-input{width:100%;padding:10px 14px;font-size:14px;border:1px solid var(--outline);border-radius:var(--radius-sm);background:var(--surface-high);color:var(--text);transition:border-color var(--transition)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1b302214}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:10px 14px;font-size:14px;border:1px solid var(--outline);border-radius:var(--radius-sm);background:var(--surface-high) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23434843' d='M6 8L1 3h10z'/%3E%3C/svg%3E") no-repeat right 12px center;color:var(--text)}.chart-container{position:relative;width:100%;height:280px}.skeleton{background:linear-gradient(90deg,var(--surface-mid) 25%,var(--surface-low) 50%,var(--surface-mid) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:14px;margin-bottom:8px}.skeleton-card{height:120px}.empty-state{text-align:center;padding:48px 24px;color:var(--muted)}.empty-state-icon{width:48px;height:48px;opacity:.4;margin-bottom:16px}.empty-state-title{font-size:16px;font-weight:600;margin-bottom:8px}.empty-state-text{font-size:13px}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--surface)}.login-card{background:var(--surface-high);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:48px 40px;width:100%;max-width:400px}.login-brand{text-align:center;margin-bottom:32px}.login-brand img{width:48px;height:48px;margin-bottom:12px}.login-brand h1{font-size:24px;font-weight:700;font-style:italic;color:var(--primary-deep)}.login-brand p{font-size:13px;color:var(--muted);margin-top:4px}.login-error{background:#fde8e8;color:var(--error);font-size:13px;padding:10px 14px;border-radius:var(--radius-sm);margin-bottom:16px}.section-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}@media (max-width: 1024px){.section-row{grid-template-columns:1fr}}.alert-item{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--surface-mid)}.alert-item:last-child{border-bottom:none}.alert-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.alert-dot-critical{background:var(--error)}.alert-dot-warning{background:var(--warning)}.alert-dot-info{background:var(--info)}.alert-content{flex:1}.alert-message{font-size:13px;font-weight:500}.alert-meta{font-size:11px;color:var(--muted);margin-top:2px}@media (max-width: 768px){.sidebar{position:fixed;left:0;top:0;height:100%;z-index:100;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.page{padding:16px}.stats-grid{grid-template-columns:1fr 1fr}}