:root{--bg-color:#0f1115;--panel-bg:#16181d;--panel-border:#2a2d35;--text-primary:#f0f2f5;--text-secondary:#8b92a5;--accent-gold:#e2c073;--accent-gold-hover:#f0d080;--accent-blue:#4da3ff;--accent-red:#ff4d4d;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--panel-bg);border-right:1px solid var(--panel-border);flex-direction:column;width:260px;display:flex}.sidebar-header{padding:var(--spacing-lg);align-items:center;gap:var(--spacing-sm);border-bottom:1px solid var(--panel-border);font-size:1.6rem;font-weight:700;display:flex}.sidebar-header .logo-red{color:var(--accent-red)}.sidebar-nav{padding:var(--spacing-md) 0;gap:var(--spacing-sm);flex-direction:column;flex:1;display:flex}.nav-item{padding:14px var(--spacing-lg);color:var(--text-secondary);align-items:center;gap:12px;font-size:1.05rem;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-primary);background-color:#ffffff0d}.nav-item.active{color:var(--accent-gold);border-right:3px solid var(--accent-gold);background-color:#e2c0731a}.main-content{padding:var(--spacing-xl);background:radial-gradient(circle at top, #1a1c23 0%, var(--bg-color) 100%);flex:1;overflow-y:auto}.page-title{margin-bottom:var(--spacing-lg);align-items:center;gap:12px;font-size:2rem;font-weight:600;display:flex}.card{background-color:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.card-header{margin-bottom:var(--spacing-md);color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:1.05rem;display:flex}.kpi-value{color:var(--text-primary);font-size:2.5rem;font-weight:700}.kpi-sub{margin-top:4px;font-size:.85rem}.text-green{color:#4ade80}.text-gold{color:var(--accent-gold)}.btn{border-radius:20px;padding:10px 18px;font-size:1rem;font-weight:500;transition:all .2s}.btn-primary{background-color:var(--accent-gold);color:#000}.btn-primary:hover{background-color:var(--accent-gold-hover);box-shadow:0 0 10px #e2c0734d}.btn-outline{border:1px solid var(--panel-border);color:var(--text-secondary)}.btn-outline:hover{border-color:var(--text-primary);color:var(--text-primary)}.input-field{background-color:var(--bg-color);border:1px solid var(--panel-border);color:var(--text-primary);border-radius:var(--radius-sm);outline:none;padding:10px 14px;font-family:inherit;font-size:1.05rem}.input-field:focus{border-color:var(--accent-gold)}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--panel-border);padding:12px 16px}.data-table th{color:var(--text-secondary);font-size:1rem;font-weight:500}.data-table tbody tr:hover{background-color:#ffffff05}.text-red{color:var(--accent-red)}.full-page-loading{height:100vh;color:var(--text-secondary);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.auth-page{background:radial-gradient(circle at top, #1a1c23 0%, var(--bg-color) 100%);min-height:100vh;padding:var(--spacing-lg);justify-content:center;align-items:center;display:flex}.auth-card{background-color:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-lg);width:100%;max-width:380px;padding:var(--spacing-xl);gap:var(--spacing-md);flex-direction:column;display:flex}.auth-title{align-items:center;gap:var(--spacing-sm);font-size:1.5rem;font-weight:700;display:flex}.auth-subtitle{color:var(--text-secondary);margin-top:-8px;font-size:.9rem}.auth-error{color:var(--accent-red);border-radius:var(--radius-sm);background-color:#ff4d4d1a;border:1px solid #ff4d4d4d;padding:10px 14px;font-size:.9rem}.auth-label{color:var(--text-secondary);flex-direction:column;gap:6px;font-size:.9rem;display:flex}.auth-submit{justify-content:center;width:100%;display:flex}.auth-logout-link{text-align:center;color:var(--text-secondary);font-size:.85rem;text-decoration:underline}.sidebar-user{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--panel-border);flex-direction:column;gap:4px;display:flex}.sidebar-user-name{font-size:1rem;font-weight:600}.sidebar-user-role{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem}.sidebar-logout-btn{justify-content:center;align-items:center;gap:6px;width:100%;padding:8px;font-size:.9rem;display:flex}.exhibition-bar{background-color:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;align-items:center;gap:14px;padding:10px 16px;display:flex}.exhibition-bar-label{color:var(--text-secondary);font-size:.9rem}.exhibition-bar-hint{color:var(--text-secondary);font-size:.85rem}.exhibition-bar-status{font-size:.85rem;font-weight:600}.exhibition-select{min-width:180px;padding:6px 10px;font-size:.95rem}.state-message{text-align:center;color:var(--text-secondary);background-color:var(--panel-bg);border-radius:var(--radius-md);border:1px solid var(--panel-border);margin-bottom:16px;padding:24px}.state-message-error{color:var(--accent-red);background-color:#ff4d4d0d;border-color:#ff4d4d4d}.empty-state{text-align:center;color:var(--text-secondary);background-color:var(--panel-bg);border-radius:var(--radius-md);border:1px dashed var(--panel-border);padding:40px}.date-range-filter{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.date-range-label{color:var(--text-secondary);font-size:.85rem}.date-range-presets{gap:6px;display:flex}.pagination{align-items:center;gap:10px;display:flex}.pagination-btn{align-items:center;gap:2px;padding:4px 10px;font-size:.8rem;display:flex}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{color:var(--text-secondary);font-size:.8rem}.settings-tabs{margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:10px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-field{color:var(--text-secondary);flex-direction:column;gap:6px;font-size:.85rem;display:flex}.form-field-wide{grid-column:1/-1}.form-field-checkbox{flex-direction:row;grid-column:1/-1;align-items:center;gap:8px}.form-actions{grid-column:1/-1;justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.confirm-inline{align-items:center;gap:8px;display:inline-flex}.confirm-inline-message{color:var(--text-secondary);font-size:.85rem}.confirm-inline-btn{padding:4px 10px;font-size:.8rem}.btn-danger{background-color:var(--accent-red);color:#fff}.btn-danger:hover{background-color:#e64444}.badge{border-radius:12px;padding:2px 10px;font-size:.8rem;display:inline-block}.badge-online{color:#4ade80;background-color:#4ade8026}.badge-offline{color:var(--accent-red);background-color:#ff4d4d26}.badge-neutral{color:var(--text-secondary);background-color:#ffffff0f}.icon-btn{border-radius:var(--radius-sm);padding:6px 8px}.modal-overlay{z-index:100;padding:var(--spacing-lg);background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-panel{background-color:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:90vh;padding:var(--spacing-lg);overflow-y:auto}.modal-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.modal-header h3{color:var(--text-primary);font-size:1.15rem}.modal-close{color:var(--text-secondary);padding:4px}.modal-close:hover{color:var(--text-primary)}@media (width<=720px){.form-grid{grid-template-columns:1fr}}