@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}html,body{width:100%;height:100%}.auth-page{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);overflow:hidden}.login-container{display:flex;width:100%;height:100vh;background:#f8f9fa}.login-left{flex:1;background:linear-gradient(160deg,#ff8a5c,#ff642f,#e5572a);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-left:before{content:"";position:absolute;top:-20%;right:-10%;width:60%;height:80%;background:#ffffff1a;border-radius:50% 0 50% 50%;transform:rotate(-15deg)}.login-left:after{content:"";position:absolute;bottom:-15%;left:-5%;width:50%;height:60%;background:#ffffff14;border-radius:50%}.login-left-content{position:relative;z-index:1;text-align:center;color:#fff;padding:40px}.login-welcome-text{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:16px}.welcome-italic{font-size:28px;font-style:italic;font-weight:300;letter-spacing:.5px}.welcome-logo{width:180px;height:auto;filter:brightness(0) invert(1)}.login-subtitle{font-size:16px;font-weight:300;opacity:.9;letter-spacing:.3px}.login-right{flex:1;display:flex;align-items:center;justify-content:center;background:#fff;padding:40px}.login-form-wrapper{width:100%;max-width:400px}.login-form-header{text-align:center;margin-bottom:32px}.login-form-logo{width:100px;height:auto;margin-bottom:16px}.login-form-title{font-size:28px;font-weight:600;color:#1a1a2e;margin:0}.login-alert{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:10px;margin-bottom:20px;position:relative;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-alert.error{background:#fef2f2;border:1px solid #fecaca}.login-alert.warning{background:#fffbeb;border:1px solid #fde68a}.login-alert.success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac}.login-alert .alert-icon{flex-shrink:0;width:22px;height:22px}.login-alert.error .alert-icon{color:#dc2626}.login-alert.warning .alert-icon{color:#d97706}.login-alert.success .alert-icon{color:#16a34a}.login-alert .alert-icon svg{width:100%;height:100%}.login-alert .alert-content{flex:1}.login-alert .alert-content strong{display:block;font-size:14px;margin-bottom:2px}.login-alert.error .alert-content strong{color:#b91c1c}.login-alert.warning .alert-content strong{color:#b45309}.login-alert.success .alert-content strong{color:#15803d}.login-alert .alert-content p{font-size:13px;margin:0;line-height:1.4}.login-alert.error .alert-content p{color:#dc2626}.login-alert.warning .alert-content p{color:#d97706}.login-alert.success .alert-content p{color:#16a34a}.login-alert .alert-close{position:absolute;top:10px;right:10px;width:18px;height:18px;padding:0;border:none;background:transparent;cursor:pointer;opacity:.5;transition:opacity .2s}.login-alert .alert-close:hover{opacity:1}.login-alert .alert-close svg{width:100%;height:100%}.login-alert.error .alert-close{color:#dc2626}.login-alert.warning .alert-close{color:#d97706}.login-form{display:flex;flex-direction:column;gap:16px}.form-field{position:relative}.form-input{width:100%;height:50px;padding:0 50px 0 16px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;font-size:15px;color:#1a1a2e;transition:all .2s ease}.form-input:focus{outline:none;border-color:#ff642f;background:#fff;box-shadow:0 0 0 3px #ff642f1a}.form-input::placeholder{color:#94a3b8}.form-input:disabled{background:#f1f5f9;cursor:not-allowed}.form-input-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#94a3b8;display:flex;align-items:center;justify-content:center}.form-input-icon.clickable{cursor:pointer;transition:color .2s}.form-input-icon.clickable:hover{color:#ff642f}.form-forgot{text-align:right;margin-top:-8px}.forgot-link{font-size:13px;color:#64748b;cursor:pointer;transition:color .2s}.forgot-link:hover{color:#ff642f;text-decoration:underline}.login-button{width:100%;height:50px;border:none;border-radius:8px;background:linear-gradient(135deg,#ff642f,#ff8a5c);color:#fff;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 15px #ff642f4d}.login-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff642f66}.login-button:active{transform:translateY(0)}.login-button:disabled{background:linear-gradient(135deg,#fca68d,#ffc4ac);cursor:not-allowed;transform:none;box-shadow:none}.button-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.login-divider-line{display:flex;align-items:center;margin:24px 0;font-size:13px;color:#94a3b8}.login-divider-line:before,.login-divider-line:after{content:"";flex:1;height:1px;background:#e2e8f0}.login-divider-line span{padding:0 16px;white-space:nowrap}.google-btn-container{display:flex;justify-content:center;min-height:44px}.login-form-footer{text-align:center;margin-top:32px;padding-top:20px;border-top:1px solid #f1f5f9}.login-form-footer p{font-size:12px;color:#94a3b8;margin:0}@media(max-width:900px){.login-container{flex-direction:column}.login-left{flex:none;height:200px;padding:30px}.welcome-italic{font-size:22px}.welcome-logo{width:120px}.login-subtitle{font-size:14px}.login-right{flex:1;padding:30px 20px}}@media(max-width:480px){.login-left{height:160px}.welcome-italic{font-size:18px}.welcome-logo{width:100px}.login-form-wrapper{max-width:100%}.login-form-logo{width:80px}.login-form-title{font-size:24px}.form-input{height:46px;font-size:14px}.login-button{height:46px;font-size:15px}}.auth-card{position:relative;width:90%;max-width:900px;height:580px;background:#feddc6;border-radius:40px;overflow:hidden;box-shadow:0 15px 35px #0000001a}.auth-card .panel{position:absolute;width:50%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .6s ease-in-out,opacity .6s ease-in-out}.auth-card .panel-login{left:0;z-index:2;opacity:1}.auth-card .panel-forgot{left:0;opacity:0;z-index:1}.overlay{position:absolute;left:50%;width:50%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .6s ease-in-out;z-index:3;pointer-events:none}.slib-logo-img{width:90%;max-width:320px;object-fit:contain}.auth-page.forgot-password-mode .panel-login{transform:translate(-100%);opacity:0;pointer-events:none}.auth-page.forgot-password-mode .panel-forgot{transform:translate(100%);opacity:1;z-index:2;pointer-events:auto}.auth-page.forgot-password-mode .overlay{transform:translate(-100%)}.auth-form-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.auth-form-box{width:100%;max-width:380px;background:#fff;padding:30px 25px;border-radius:35px;box-shadow:0 10px 30px #00000014}.form-title{text-align:center;font-size:20px;font-weight:700;color:#1e293b;margin-bottom:20px}.input-group{position:relative;margin-bottom:12px}.input-wrapper{position:relative;width:100%}.input-field{width:100%;height:44px;padding:0 40px 0 14px;border-radius:12px;border:1px solid #EAEAEA;background:#fff;outline:none;font-size:13px;color:#333;transition:border-color .3s,box-shadow .3s}.input-field:focus{border-color:#ff642f;box-shadow:0 0 0 3px #ff642f1a}.input-field::placeholder{color:#94a3b8;font-size:13px}.input-field:disabled{background-color:#f9fafb;cursor:not-allowed;opacity:.6}.field-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#94a3b8;cursor:pointer;pointer-events:auto;transition:color .3s;z-index:1}.field-icon:hover{color:#ff642f}.btn-primary{width:100%;height:44px;border-radius:12px;border:none;background:#ff642f;color:#fff;font-size:14px;font-weight:600;cursor:pointer;margin-top:8px;transition:background .3s,transform .2s}.btn-primary:hover{background:#e5572a;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:#fca68d;cursor:not-allowed;transform:none}.divider{display:flex;align-items:center;margin:16px 0;font-size:11px;color:#94a3b8}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #E2E8F0}.divider span{padding:0 12px;font-weight:500}.switch-text{text-align:center;font-size:12px;color:#64748b;margin-top:16px}.switch-link{color:#ff642f;font-weight:700;cursor:pointer;transition:color .3s}.switch-link:hover{color:#e5572a;text-decoration:underline}.switch-link-small{font-size:11px;color:#64748b;cursor:pointer;transition:color .3s}.switch-link-small:hover{color:#ff642f;text-decoration:underline}.otp-container{display:flex;gap:8px;justify-content:center;margin:20px 0}.otp-input{width:45px;height:52px;text-align:center;font-size:20px;font-weight:600;border:2px solid #E2E8F0;border-radius:12px;outline:none;color:#1e293b;transition:border-color .3s,box-shadow .3s,transform .2s;background:#fff}.otp-input:focus{border-color:#ff642f!important;box-shadow:0 0 0 3px #ff642f26;transform:scale(1.05)}.otp-input:not(:placeholder-shown),.otp-input:valid:not([value=""]){border-color:#ff642f}.otp-input:disabled{background-color:#f9fafb;cursor:not-allowed;opacity:.5;transform:none}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,.switch-link,.switch-link-small{-webkit-tap-highlight-color:transparent}.sidebar{position:fixed;top:0;left:0;height:100vh;width:var(--sb-w);background:#fff;padding:16px 12px;display:flex;flex-direction:column;z-index:1150;overflow:hidden;border-right:1px solid #ebedf0;transition:width var(--sb-speed) var(--sb-curve);will-change:width}.sidebar:hover{width:var(--sb-w-open)}.sidebar__brandLogo{height:72px;width:auto;max-width:240px;object-fit:contain;transform:scale(.5);transform-origin:center;transition:transform var(--sb-speed) var(--sb-curve);will-change:transform}.sidebar__roleBadge{display:flex;align-items:center;justify-content:center;gap:5px;padding:4px 10px;margin:0 auto 16px;background:#fff4ec;border:1px solid #fde0c8;border-radius:6px;color:#d4600a;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;width:36px;transition:width var(--sb-speed) var(--sb-curve),padding var(--sb-speed) var(--sb-curve)}.sidebar__roleBadge svg{flex-shrink:0;width:12px;height:12px}.sidebar__roleBadgeText{opacity:0;width:0;overflow:hidden;white-space:nowrap;transition:opacity .2s ease .1s,width var(--sb-speed) var(--sb-curve)}.sidebar:hover .sidebar__roleBadge{width:auto;padding:4px 14px}.sidebar:hover .sidebar__roleBadgeText{opacity:1;width:auto}.sidebar__section{margin-bottom:4px}.sidebar__sectionLabel{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:#9ca3af;padding:8px 14px 4px;opacity:0;max-width:0;overflow:hidden;white-space:nowrap;transition:opacity .2s ease .08s,max-width var(--sb-speed) var(--sb-curve)}.sidebar:hover .sidebar__sectionLabel{opacity:1;max-width:200px}.sidebar__item{display:flex;align-items:center;justify-content:center;text-decoration:none;color:#4b5563;padding:0;border-radius:25px;white-space:nowrap;position:relative;height:44px;width:44px;margin:1px auto;transition:background .18s ease,color .18s ease,width var(--sb-speed) var(--sb-curve),padding var(--sb-speed) var(--sb-curve),margin var(--sb-speed) var(--sb-curve)}.sidebar__icon svg{width:20px;height:20px}.sidebar__label{font-size:14px;font-weight:500;opacity:0;max-width:0;overflow:hidden;margin-left:0;white-space:nowrap;transition:opacity .2s ease .08s,max-width var(--sb-speed) var(--sb-curve),margin var(--sb-speed) var(--sb-curve)}.sidebar:hover .sidebar__item{justify-content:flex-start;padding:0 14px;width:100%;margin:1px 0}.sidebar:hover .sidebar__label{opacity:1;max-width:180px;margin-left:12px}.sidebar__item--active .sidebar__icon svg{color:#fff}.sidebar__item--active:before{display:none}.sidebar__helpWrap{margin-top:auto;padding-top:14px;border-top:1px solid #ebedf0;flex-shrink:0}.sidebar__helpItem{display:flex;align-items:center;justify-content:center;color:#6b7280;padding:0;border-radius:25px;cursor:pointer;height:44px;width:44px;margin:1px auto;transition:background .18s ease,color .18s ease,width var(--sb-speed) var(--sb-curve),padding var(--sb-speed) var(--sb-curve),margin var(--sb-speed) var(--sb-curve)}.sidebar__helpItem .sidebar__icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0}.sidebar__helpItem .sidebar__icon svg{width:20px;height:20px}.sidebar__helpItem .sidebar__label{font-size:14px;font-weight:500;opacity:0;max-width:0;overflow:hidden;margin-left:0;white-space:nowrap;transition:opacity .2s ease .08s,max-width var(--sb-speed) var(--sb-curve),margin var(--sb-speed) var(--sb-curve)}.sidebar:hover .sidebar__helpItem .sidebar__label{opacity:1;max-width:180px;margin-left:12px}.sidebar__logoutItem{color:#9ca3af}.sidebar__logoutItem:hover{background:#fef2f2;color:#dc2626}.top-header__bell{width:36px;height:36px;border-radius:8px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;color:#6b7280;cursor:pointer;transition:background .12s ease}.top-header__bell:hover{background:#f3f4f6;color:#1f2937}.top-header__user{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border:1px solid #ebedf0;border-radius:25px;background:#fff;cursor:pointer;transition:border-color .12s ease;font-family:inherit}.top-header__user:hover{border-color:#d1d5db}.top-header__dropdown{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001a,0 0 0 1px #0000000a;min-width:200px;z-index:1200;overflow:hidden;animation:hdr-dd-in .12s ease}@keyframes hdr-dd-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.top-header__dropdown-info{padding:10px 14px;border-bottom:1px solid #f3f4f6}.top-header__dropdown-name{font-size:13px;font-weight:500;color:#1f2937;display:block}.top-header__dropdown-email{font-size:11px;color:#9ca3af;display:block;margin-top:1px}.top-header__dropdown-item{width:100%;display:flex;align-items:center;gap:8px;padding:9px 14px;border:none;background:transparent;cursor:pointer;font-size:13px;color:#1f2937;text-align:left;transition:background .1s;font-family:inherit}.top-header__dropdown-item:hover{background:#f3f4f6}.top-header__dropdown-item--danger{color:#dc2626;border-top:1px solid #f3f4f6}.top-header__dropdown-item--danger:hover{background:#fef2f2}.main{flex:1;margin-left:72px;padding:24px;overflow-y:auto;overflow-x:hidden;height:calc(100vh - 52px)}@media(max-width:768px){.main{margin-left:0}}.main:has(.library-map-page){padding:0;overflow:hidden}.library-map-page{height:calc(100vh - 52px);width:100%}:root{--slib-primary: #FF751F;--slib-primary-light: #FF9B5A;--slib-primary-dark: #E55E0D;--slib-primary-subtle: #FFF7F2;--slib-bg-main: #F7FAFC;--slib-bg-warm: #FFF7F2;--slib-bg-card: #FFFFFF;--slib-bg-elevated: #FFFFFF;--slib-text-primary: #1A1A1A;--slib-text-secondary: #4A5568;--slib-text-muted: #A0AEC0;--slib-text-inverse: #FFFFFF;--slib-accent-blue: #0054A6;--slib-accent-green: #4CA75B;--slib-accent-red: #D32F2F;--slib-accent-yellow: #FDB913;--slib-accent-purple: #7C3AED;--slib-status-success: #388E3C;--slib-status-success-light: #4CAF50;--slib-status-success-bg: #E8F5E9;--slib-status-error: #D32F2F;--slib-status-error-light: #F44336;--slib-status-error-bg: #FFEBEE;--slib-status-warning: #FF9800;--slib-status-warning-light: #FFB74D;--slib-status-warning-bg: #FFF3E0;--slib-status-info: #0054A6;--slib-status-info-light: #42A5F5;--slib-status-info-bg: #E3F2FD;--slib-seat-available: #E2E8F0;--slib-seat-occupied: #CBD5E0;--slib-seat-reserved: #FF9800;--slib-seat-restricted: #D32F2F;--slib-border-light: #E2E8F0;--slib-border-default: #CBD5E0;--slib-border-dark: #A0AEC0;--slib-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--slib-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -1px rgba(0, 0, 0, .04);--slib-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--slib-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--slib-shadow-card: 0 4px 20px rgba(26, 26, 26, .06);--slib-shadow-hover: 0 8px 30px rgba(26, 26, 26, .12);--slib-shadow-primary: 0 4px 14px rgba(255, 117, 31, .25);--slib-radius-sm: 8px;--slib-radius-md: 12px;--slib-radius-lg: 16px;--slib-radius-xl: 20px;--slib-radius-full: 9999px;--slib-space-1: 4px;--slib-space-2: 8px;--slib-space-3: 12px;--slib-space-4: 16px;--slib-space-5: 20px;--slib-space-6: 24px;--slib-space-8: 32px;--slib-space-10: 40px;--slib-space-12: 48px;--slib-font-family: "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;--slib-font-mono: "JetBrains Mono", "Fira Code", monospace;--slib-text-xs: .75rem;--slib-text-sm: .875rem;--slib-text-base: 1rem;--slib-text-lg: 1.125rem;--slib-text-xl: 1.25rem;--slib-text-2xl: 1.5rem;--slib-text-3xl: 1.875rem;--slib-text-4xl: 2.25rem;--slib-font-normal: 400;--slib-font-medium: 500;--slib-font-semibold: 600;--slib-font-bold: 700;--slib-font-extrabold: 800;--slib-leading-tight: 1.25;--slib-leading-normal: 1.5;--slib-leading-relaxed: 1.625;--slib-transition-fast: .15s ease;--slib-transition-normal: .2s ease;--slib-transition-slow: .3s ease;--slib-transition-spring: cubic-bezier(.4, 0, .2, 1);--slib-sidebar-width-collapsed: 72px;--slib-sidebar-width-expanded: 260px;--slib-header-height: 72px;--slib-content-max-width: 1400px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--slib-font-family);background-color:var(--slib-bg-main);color:var(--slib-text-primary);line-height:var(--slib-leading-normal);overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--slib-border-default);border-radius:var(--slib-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--slib-text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--slib-border-default) transparent}::selection{background-color:var(--slib-primary-subtle);color:var(--slib-primary-dark)}.slib-card{background:var(--slib-bg-card);border-radius:var(--slib-radius-lg);box-shadow:var(--slib-shadow-card);padding:var(--slib-space-6);transition:box-shadow var(--slib-transition-normal),transform var(--slib-transition-normal)}.slib-card:hover{box-shadow:var(--slib-shadow-hover)}.slib-card--elevated{box-shadow:var(--slib-shadow-lg)}.slib-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--slib-space-2);padding:var(--slib-space-3) var(--slib-space-5);font-family:var(--slib-font-family);font-size:var(--slib-text-sm);font-weight:var(--slib-font-semibold);border:none;border-radius:var(--slib-radius-md);cursor:pointer;transition:all var(--slib-transition-normal)}.slib-btn--primary{background:var(--slib-primary);color:var(--slib-text-inverse)}.slib-btn--primary:hover{background:var(--slib-primary-dark);box-shadow:var(--slib-shadow-primary);transform:translateY(-1px)}.slib-btn--secondary{background:var(--slib-bg-main);color:var(--slib-text-secondary);border:1px solid var(--slib-border-light)}.slib-btn--secondary:hover{background:var(--slib-bg-card);border-color:var(--slib-border-default)}.slib-btn--ghost{background:transparent;color:var(--slib-text-secondary)}.slib-btn--ghost:hover{background:var(--slib-bg-main);color:var(--slib-text-primary)}.slib-badge{display:inline-flex;align-items:center;padding:var(--slib-space-1) var(--slib-space-3);font-size:var(--slib-text-xs);font-weight:var(--slib-font-bold);border-radius:var(--slib-radius-sm);text-transform:uppercase;letter-spacing:.5px}.slib-badge--success{background:var(--slib-status-success-bg);color:var(--slib-status-success)}.slib-badge--error{background:var(--slib-status-error-bg);color:var(--slib-status-error)}.slib-badge--warning{background:var(--slib-status-warning-bg);color:var(--slib-status-warning)}.slib-badge--info{background:var(--slib-status-info-bg);color:var(--slib-status-info)}.slib-heading-1{font-size:var(--slib-text-3xl);font-weight:var(--slib-font-bold);color:var(--slib-text-primary);line-height:var(--slib-leading-tight)}.slib-heading-2{font-size:var(--slib-text-2xl);font-weight:var(--slib-font-bold);color:var(--slib-text-primary);line-height:var(--slib-leading-tight)}.slib-heading-3{font-size:var(--slib-text-lg);font-weight:var(--slib-font-semibold);color:var(--slib-text-primary);line-height:var(--slib-leading-tight)}.slib-text-body{font-size:var(--slib-text-sm);color:var(--slib-text-secondary);line-height:var(--slib-leading-normal)}.slib-text-caption{font-size:var(--slib-text-xs);color:var(--slib-text-muted);line-height:var(--slib-leading-normal)}.slib-input{width:100%;padding:var(--slib-space-3) var(--slib-space-4);font-family:var(--slib-font-family);font-size:var(--slib-text-sm);color:var(--slib-text-primary);background:var(--slib-bg-card);border:1px solid var(--slib-border-light);border-radius:var(--slib-radius-md);transition:all var(--slib-transition-fast)}.slib-input:hover{border-color:var(--slib-border-default)}.slib-input:focus{outline:none;border-color:var(--slib-primary);box-shadow:0 0 0 3px #ff751f1a}.slib-input::placeholder{color:var(--slib-text-muted)}.slib-table{width:100%;border-collapse:collapse}.slib-table th{text-align:left;padding:var(--slib-space-3) var(--slib-space-4);font-size:var(--slib-text-xs);font-weight:var(--slib-font-semibold);color:var(--slib-text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--slib-border-light)}.slib-table td{padding:var(--slib-space-4);font-size:var(--slib-text-sm);color:var(--slib-text-secondary);border-bottom:1px solid var(--slib-border-light)}.slib-table tbody tr{transition:background-color var(--slib-transition-fast)}.slib-table tbody tr:hover{background-color:var(--slib-primary-subtle)}.slib-table tbody tr:last-child td{border-bottom:none}.slib-progress{height:8px;background:var(--slib-border-light);border-radius:var(--slib-radius-full);overflow:hidden}.slib-progress__fill{height:100%;border-radius:var(--slib-radius-full);transition:width var(--slib-transition-slow)}.slib-progress__fill--success{background:linear-gradient(90deg,var(--slib-accent-green),#6DD47E)}.slib-progress__fill--warning{background:linear-gradient(90deg,var(--slib-accent-yellow),#FFD54F)}.slib-progress__fill--error{background:linear-gradient(90deg,var(--slib-status-error),#EF5350)}@keyframes slib-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slib-slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes slib-pulse{0%,to{opacity:1}50%{opacity:.5}}.slib-animate-fadeIn{animation:slib-fadeIn .3s ease forwards}.slib-animate-slideIn{animation:slib-slideIn .3s ease forwards}.slib-status-dot{width:8px;height:8px;border-radius:var(--slib-radius-full);display:inline-block}.slib-status-dot--success{background:var(--slib-status-success-light)}.slib-status-dot--warning{background:var(--slib-status-warning)}.slib-status-dot--error{background:var(--slib-status-error-light)}.slib-tooltip{position:relative}.slib-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:var(--slib-space-2) var(--slib-space-3);font-size:var(--slib-text-xs);font-weight:var(--slib-font-medium);color:var(--slib-text-inverse);background:var(--slib-text-primary);border-radius:var(--slib-radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--slib-transition-fast)}.slib-tooltip:hover:after{opacity:1}.slib-focus-ring:focus-visible{outline:2px solid var(--slib-primary);outline-offset:2px}.appLayout{display:flex;min-height:100vh;background:var(--slib-bg-main)}.main{margin-left:var(--slib-sidebar-width-collapsed);flex:1;width:calc(100% - var(--slib-sidebar-width-collapsed));transition:all .4s var(--slib-transition-spring);padding:0;overflow-y:scroll;overflow-x:hidden;height:100vh;background:transparent}.main::-webkit-scrollbar{width:6px}.main::-webkit-scrollbar-thumb{background:var(--slib-border-default);border-radius:100px}.main::-webkit-scrollbar-thumb:hover{background:var(--slib-text-muted)}.main{scrollbar-width:thin;scrollbar-color:var(--slib-border-default) transparent}.dashboard-page{padding:0 24px 48px;max-width:1440px;margin:0 auto;min-height:calc(100vh - 120px)}.dashboard-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.dashboard-page-header h1{font-size:24px;font-weight:700;color:var(--slib-text-primary);margin:0 0 4px}.dashboard-page-header p{font-size:14px;color:var(--slib-text-muted);margin:0}.dashboard-server-time{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--slib-bg-card);border-radius:12px;box-shadow:var(--slib-shadow-sm);font-size:13px;font-weight:600;color:var(--slib-text-secondary)}.statsRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px}@media(max-width:1200px){.statsRow{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.statsRow{grid-template-columns:1fr}}.statCard{background:var(--slib-bg-card);border-radius:var(--slib-radius-lg);box-shadow:var(--slib-shadow-card);padding:24px;display:flex;flex-direction:column;gap:16px;transition:all .3s ease;border:1px solid transparent;position:relative;overflow:hidden}.statCard:hover{box-shadow:var(--slib-shadow-hover);transform:translateY(-2px);border-color:var(--slib-border-light)}.statCard__top{display:flex;justify-content:space-between;align-items:flex-start}.statIcon{width:48px;height:48px;border-radius:var(--slib-radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.statCard__trend{font-size:12px;font-weight:600;display:flex;align-items:center;gap:2px}.statCard__trend--up{color:#059669}.statCard__trend--down{color:#dc2626}.statCard__trend--neutral{color:#6b7280}.statValue{font-size:28px;font-weight:700;color:var(--slib-text-primary);line-height:1.2;margin-bottom:4px}.statLabel{font-size:13px;color:var(--slib-text-muted);font-weight:var(--slib-font-medium);line-height:1.4}.gridMid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-bottom:20px}.gridBottom{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.gridTriple{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:20px}@media(max-width:1100px){.gridMid,.gridBottom,.gridTriple{grid-template-columns:1fr}}.panel{background:var(--slib-bg-card);border-radius:var(--slib-radius-lg);box-shadow:var(--slib-shadow-card);padding:24px;transition:box-shadow .3s ease}.panel:hover{box-shadow:var(--slib-shadow-lg)}.panelHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.panelHeader__left{display:flex;align-items:center;gap:12px}.panelHeader__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.panelTitle{font-size:16px;font-weight:600;color:var(--slib-text-primary);margin:0}.panelSubtitle{font-size:12px;color:var(--slib-text-muted);margin:0}.panelHeader__badge{padding:4px 12px;background:var(--slib-primary);color:#fff;border-radius:20px;font-size:12px;font-weight:600}.table{width:100%;border-collapse:collapse;font-size:var(--slib-text-sm)}.table th{text-align:left;color:var(--slib-text-muted);font-weight:var(--slib-font-semibold);font-size:var(--slib-text-xs);padding:14px 16px;border-bottom:2px solid var(--slib-border-light);text-transform:uppercase;letter-spacing:.5px}.table td{padding:14px 16px;border-bottom:1px solid var(--slib-border-light);color:var(--slib-text-secondary);font-size:13px}.table tbody tr{transition:background-color .2s ease}.table tbody tr:hover{background-color:var(--slib-primary-subtle)}.table tbody tr:last-child td{border-bottom:none}.table .user-cell{display:flex;align-items:center;gap:10px}.table .user-avatar{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--slib-primary),var(--slib-primary-light));display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:600;flex-shrink:0}.table .user-name{font-weight:500;color:var(--slib-text-primary)}.table .code-cell{font-family:var(--slib-font-mono);font-weight:600;color:var(--slib-text-secondary);font-size:12px}.badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:5px 10px;border-radius:8px;font-weight:600;font-size:11px;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.badge--success{background:var(--slib-status-success-bg);color:var(--slib-status-success)}.badge--warning{background:var(--slib-status-warning-bg);color:var(--slib-status-warning)}.badge--error{background:var(--slib-status-error-bg);color:var(--slib-status-error)}.badge--info{background:var(--slib-status-info-bg);color:var(--slib-status-info)}.badge--neutral{background:var(--slib-bg-main);color:var(--slib-text-muted)}.areaRow{margin:0 0 12px;padding:16px;border-radius:var(--slib-radius-md);border:1px solid var(--slib-border-light);transition:all .2s ease}.areaRow:last-child{margin-bottom:0}.areaRow:hover{background:var(--slib-bg-main);border-color:var(--slib-border-default)}.areaTop{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;margin-bottom:10px}.areaTop__name{color:var(--slib-text-primary);display:flex;align-items:center;gap:8px}.areaTop__seats{font-size:12px;color:var(--slib-text-muted);font-weight:500}.areaTop__pct{font-weight:700}.bar{height:8px;background:var(--slib-border-light);border-radius:100px;overflow:hidden}.fill{height:100%;border-radius:100px;transition:width .5s ease}.chart-container{display:flex;align-items:flex-end;gap:8px;flex:1;min-height:180px;padding:12px 0 0}.chart-bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%}.chart-bars{flex:1;display:flex;align-items:flex-end;gap:4px;width:100%}.chart-bar{flex:1;border-radius:6px 6px 2px 2px;min-height:4px;transition:height .5s ease;position:relative}.chart-bar:hover{opacity:.8}.chart-bar--checkin{background:linear-gradient(180deg,var(--slib-primary),var(--slib-primary-light))}.chart-bar--booking{background:linear-gradient(180deg,var(--slib-accent-blue),#4A90D9)}.chart-label{font-size:11px;color:var(--slib-text-muted);font-weight:500;text-align:center}.chart-legend{display:flex;align-items:center;gap:20px;margin-top:16px}.chart-legend__item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--slib-text-secondary);font-weight:500}.chart-legend__dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.list-item{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:12px;border:1px solid var(--slib-border-light);transition:all .2s ease;margin-bottom:10px}.list-item:last-child{margin-bottom:0}.list-item:hover{background:var(--slib-primary-subtle);border-color:var(--slib-primary-light);transform:translate(4px)}.list-item__icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.list-item__body{flex:1;min-width:0}.list-item__header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.list-item__name{font-size:14px;font-weight:500;color:var(--slib-text-primary)}.list-item__code{font-size:11px;font-weight:600;font-family:var(--slib-font-mono);color:var(--slib-text-muted)}.list-item__desc{font-size:13px;color:var(--slib-text-secondary);line-height:1.4;margin:0}.list-item__time{font-size:11px;color:var(--slib-text-muted);display:flex;align-items:center;gap:4px;margin-top:6px}.top-student{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;transition:all .2s ease;margin-bottom:4px}.top-student:last-child{margin-bottom:0}.top-student:hover{background:var(--slib-primary-subtle)}.top-student__rank{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.top-student__rank--1{background:linear-gradient(135deg,gold,#ffa000);color:#fff}.top-student__rank--2{background:linear-gradient(135deg,#b0b8c4,#90a4ae);color:#fff}.top-student__rank--3{background:linear-gradient(135deg,#cd7f32,sienna);color:#fff}.top-student__rank--other{background:var(--slib-bg-main);color:var(--slib-text-muted)}.top-student__info{flex:1;min-width:0}.top-student__name{font-size:14px;font-weight:500;color:var(--slib-text-primary)}.top-student__code{font-size:11px;color:var(--slib-text-muted);font-family:var(--slib-font-mono)}.top-student__stats{text-align:right}.top-student__visits{font-size:14px;font-weight:600;color:var(--slib-primary)}.top-student__hours{font-size:11px;color:var(--slib-text-muted)}.dashboard-loading{display:flex;flex-direction:column;gap:20px}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--slib-radius-lg)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton--stat{height:120px}.skeleton--panel{height:300px}.empty-state{text-align:center;padding:32px 16px;color:var(--slib-text-muted)}.empty-state svg{opacity:.4;margin-bottom:12px}.empty-state p{font-size:13px;margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.statsRow>*,.gridMid>*,.gridBottom>*,.gridTriple>*{animation:fadeIn .4s ease forwards}.statsRow>*:nth-child(1){animation-delay:.05s}.statsRow>*:nth-child(2){animation-delay:.1s}.statsRow>*:nth-child(3){animation-delay:.15s}.statsRow>*:nth-child(4){animation-delay:.2s}.statsRow>*:nth-child(5){animation-delay:.25s}.statsRow>*:nth-child(6){animation-delay:.3s}.gridMid>*:nth-child(1){animation-delay:.1s}.gridMid>*:nth-child(2){animation-delay:.15s}.gridBottom>*:nth-child(1){animation-delay:.1s}.gridBottom>*:nth-child(2){animation-delay:.15s}.gridTriple>*:nth-child(1){animation-delay:.1s}.gridTriple>*:nth-child(2){animation-delay:.15s}.gridTriple>*:nth-child(3){animation-delay:.2s}@media(max-width:1400px){.main{padding:0}}@media(max-width:768px){.main{margin-left:0;width:100%}.statsRow{grid-template-columns:1fr;gap:16px}.dashboard-page{padding:0 16px 32px}.dashboard-page-header{flex-direction:column;align-items:flex-start;gap:12px}}.sidebar_area{width:var(--sidebar-width);min-width:var(--sidebar-width);height:100vh;display:flex;flex-direction:column;border-right:1px solid var(--color-border);overflow:hidden}.sidebar-header{padding:16px;border-bottom:1px solid var(--color-border)}.logo{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--color-text-primary)}.logo svg{color:var(--color-primary);flex-shrink:0}.sidebar-actions{padding:12px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--color-border)}.action-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:12px;font-weight:500;color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.action-btn:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-text-muted)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn svg{color:var(--color-text-secondary);flex-shrink:0}.action-btn.add-room:hover{background:var(--color-room-header);border-color:var(--color-room-border)}.action-btn.add-zone:hover{background:#dbeafe;border-color:#3b82f6}.action-btn.add-seat:hover:not(:disabled){background:var(--color-seat-available-light);border-color:var(--color-seat-available)}.action-btn-group{display:flex;gap:0}.action-btn-group .action-btn{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.action-btn-dropdown{padding:8px 10px;font-size:10px;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);cursor:pointer}.action-btn-dropdown:hover{background:var(--color-surface-hover)}.dropdown-container{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;z-index:100;min-width:180px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-top:4px;overflow:hidden}.dropdown-header{padding:8px 12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);background:var(--color-surface-hover);border-bottom:1px solid var(--color-border)}.dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:12px;color:var(--color-text-primary);background:transparent;border:none;text-align:left;cursor:pointer}.dropdown-item:hover{background:var(--color-surface-hover)}.preset-icon{font-size:14px}.seat-add-group{display:flex;gap:6px}.seat-add-group .action-btn{flex:1}.multi-seat-add{display:flex;gap:0}.seat-count-input{width:40px;padding:6px 8px;font-size:12px;text-align:center;border:1px solid var(--color-border);border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md)}.add-multi-btn{padding:6px 10px;font-size:11px;font-weight:600;color:#fff;background:var(--color-seat-available);border:1px solid var(--color-seat-available);border-radius:0 var(--radius-md) var(--radius-md) 0;cursor:pointer}.add-multi-btn:hover:not(:disabled){background:#2563eb}.add-multi-btn:disabled{opacity:.5;cursor:not-allowed}.sidebar-section{flex:1;min-height:0;display:flex;flex-direction:column;padding:12px;overflow:hidden}.sidebar-section:last-of-type{border-top:1px solid var(--color-border)}.section-title{display:flex;align-items:center;gap:6px;margin-bottom:10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary)}.section-title svg{color:var(--color-text-muted)}.item-list{flex:1;min-height:0;list-style:none;overflow-y:auto;display:flex;flex-direction:column;gap:3px}.item{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:12px;color:var(--color-text-primary);background:transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.item:hover{background:var(--color-surface-hover)}.item.selected{background:var(--color-primary-light);color:var(--color-primary-dark)}.item.current{border-left:3px solid var(--color-primary);padding-left:7px}.item.inactive{opacity:.6}.item.fixed-item{font-style:italic}.lock-icon{font-size:10px;flex-shrink:0}.item-icon{width:10px;height:10px;border-radius:2px;flex-shrink:0}.item-icon.room-icon{background:var(--color-room-border)}.zone-icon-color{width:12px;height:12px;border-radius:3px;border:2px solid}.item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.current-badge{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;padding:2px 6px;background:var(--color-primary);color:#fff;border-radius:4px}.inactive-tag{font-size:9px;font-weight:600;padding:2px 6px;background:#ef4444;color:#fff;border-radius:4px}.zone-type-badge{font-size:9px;font-weight:500;padding:2px 6px;border-radius:4px;background:var(--color-surface-hover)}.zone-type-badge.fixed{background:#e5e7eb;color:#374151}.zone-seats-count{font-size:10px;color:var(--color-text-muted)}.empty-state{padding:16px;text-align:center;font-size:12px;color:var(--color-text-muted);font-style:italic}.sidebar-footer{padding:12px;border-top:1px solid var(--color-border);background:var(--color-surface-hover)}.stats{display:flex;justify-content:space-around}.stat{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-value{font-size:18px;font-weight:700;color:var(--color-text-primary)}.stat-label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.3px;color:var(--color-text-muted)}.canvas-container{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--color-bg)}.canvas-header{display:flex;align-items:center;justify-content:space-between;padding:9px 20px;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0}.canvas-header h2{font-size:16px;font-weight:600;color:var(--color-text-primary)}.canvas-toolbar{display:flex;align-items:center;gap:12px}.toolbar-group{display:flex;align-items:center;gap:4px}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.toolbar-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary);border-color:var(--color-text-muted)}.toolbar-btn:active{transform:scale(.95)}.toolbar-btn.active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.zoom-level{min-width:50px;text-align:center;font-size:12px;font-weight:600;color:var(--color-text-secondary)}.toolbar-divider{width:1px;height:24px;background:var(--color-border)}.toolbar-hint{font-size:11px;color:var(--color-text-muted);display:flex;align-items:center;gap:8px}.canvas-board{flex:1;overflow:hidden;background:linear-gradient(var(--color-border-light) 1px,transparent 1px),linear-gradient(90deg,var(--color-border-light) 1px,transparent 1px);background-size:20px 20px;background-position:-1px -1px;cursor:default;position:relative}.canvas-board.pan-mode{cursor:grab}.canvas-board.panning,.canvas-board.pan-mode.panning{cursor:grabbing}.canvas-position-indicator{position:absolute;bottom:12px;left:12px;padding:6px 10px;font-size:10px;color:var(--color-text-muted);background:#ffffffe6;border:1px solid var(--color-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.canvas-grid{position:relative;width:100%;height:100%;padding:20px;transition:transform .05s linear}.canvas-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;color:var(--color-text-muted)}.canvas-empty svg{opacity:.5}.canvas-empty h3{font-size:18px;font-weight:600;color:var(--color-text-secondary)}.canvas-empty p{font-size:14px}.room-wrapper{z-index:1;transition:z-index 0s}.room-wrapper.active{z-index:10}.room-wrapper.locked .room-header{cursor:default}.room-wrapper.inactive{opacity:.6}.room-wrapper.inactive .room{border-style:dashed}.room{position:relative;background:var(--color-room-bg);border:2px solid var(--color-room-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;transition:box-shadow var(--transition-fast)}.room:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.room.selected{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb33,var(--shadow-lg)}.room-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--color-room-header);border-bottom:1px solid var(--color-border);cursor:grab;-webkit-user-select:none;user-select:none}.room-header:active{cursor:grabbing}.room-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--color-room-border)}.room-title svg{opacity:.7;flex-shrink:0}.inactive-badge{font-size:9px;font-weight:700;text-transform:uppercase;padding:2px 6px;background:#ef4444;color:#fff;border-radius:4px}.room-dimensions{font-size:11px;font-weight:600;color:var(--color-text-muted);background:#fffc;padding:2px 8px;border-radius:4px}.room-content{position:relative;width:100%;height:calc(100% - 42px);overflow:hidden}.room-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:var(--color-text-muted)}.room-empty svg{opacity:.3}.room-empty p{font-size:14px;font-weight:500}.room-empty small{font-size:12px}.zone{display:flex;flex-direction:column;border:2px dashed;border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-fast)}.zone.locked .zone-header{cursor:default}.zone:hover{box-shadow:var(--shadow-md)}.zone.selected{border-style:solid;box-shadow:0 0 0 3px #3b82f64d,var(--shadow-md)}.zone.fixed{border-style:solid}.zone-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;cursor:grab;-webkit-user-select:none;user-select:none;min-height:32px}.zone-header:active{cursor:grabbing}.zone-header-left{display:flex;align-items:center;gap:6px;min-width:0}.zone-header-left svg{flex-shrink:0;opacity:.7}.zone-header-right{display:flex;align-items:center;gap:6px}.zone-name{font-size:11px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zone-badge{font-size:9px;padding:2px 6px;border-radius:4px;background:#ffffffe6;white-space:nowrap}.zone-badge.fixed{background:#0000001a;font-weight:600}.amenities-toggle{font-size:10px;padding:2px 6px;background:#ffffffe6;border:none;border-radius:4px;cursor:pointer}.amenities-toggle:hover{background:#fff}.zone-amenities-dropdown{display:flex;flex-wrap:wrap;gap:4px;padding:6px 10px;background:#fffffff2;border-bottom:1px solid rgba(0,0,0,.1)}.amenity-tag{font-size:9px;padding:2px 6px;background:#0000000d;border-radius:4px;white-space:nowrap}.zone-content{flex:1;padding:8px;overflow:auto;min-height:40px}.zone-fixed-display{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;gap:4px}.fixed-icon{font-size:32px;opacity:.8}.fixed-label{font-size:11px;font-weight:600;color:#333}.fixed-desc{font-size:9px;color:#666;max-width:90%}.zone-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--color-text-muted)}.zone-empty p{font-size:12px;font-weight:500}.zone-empty small{font-size:10px}.zone-footer{display:flex;align-items:center;justify-content:space-between;padding:4px 10px;font-size:9px;color:#666;background:#ffffffb3;border-top:1px solid rgba(0,0,0,.05);gap:8px;flex-wrap:wrap}.zone-position,.zone-size{font-weight:500}.seat-count{font-weight:600}.direction-indicator{opacity:.7}.seats-grid{display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));padding:8px}.seat{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-seat-available);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.seat:hover{transform:scale(1.08);box-shadow:var(--shadow-md)}.seat.selected{transform:scale(1.12);box-shadow:0 0 0 3px #2563eb66,var(--shadow-md)}.seat.reserved{background:var(--color-seat-reserved)}.seat-number{font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.seat.reserved .seat-number{color:#ffffffe6}.seat-reserved-icon{position:absolute;top:3px;right:3px;color:#fff9}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background:transparent}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-se:after{content:"";position:absolute;bottom:4px;right:4px;width:10px;height:10px;border-right:2px solid var(--color-text-muted);border-bottom:2px solid var(--color-text-muted);opacity:.5;transition:opacity var(--transition-fast)}.react-resizable:hover .react-resizable-handle-se:after{opacity:1}.react-resizable-handle-e{right:0;top:50%;transform:translateY(-50%);cursor:e-resize}.react-resizable-handle-s{bottom:0;left:50%;transform:translate(-50%);cursor:s-resize}.canvas-container:fullscreen{background:var(--color-bg)}.canvas-container:fullscreen .canvas-board{height:calc(100vh - 60px)}.canvas-content-wrapper{width:100%;height:100%;transition:opacity .3s ease-in-out}.canvas-content-wrapper.loading{opacity:0;pointer-events:none}.canvas-content-wrapper.ready{opacity:1}.properties-panel{width:var(--properties-width);min-width:var(--properties-width);height:100vh;max-height:100vh;display:flex;flex-direction:column;background:var(--color-surface);border-left:1px solid var(--color-border)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:17px;border-bottom:1px solid var(--color-border)}.panel-header h3{font-size:15px;font-weight:600;color:var(--color-text-primary)}.type-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;border-radius:4px}.type-badge.room{background:var(--color-room-header);color:var(--color-room-border)}.type-badge.zone{background:#dbeafe;color:#1d4ed8}.type-badge.seat{background:var(--color-seat-available-light);color:var(--color-seat-available)}.panel-content{flex:1;overflow-y:auto;padding:16px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--color-text-muted)}.empty-state svg{opacity:.3;margin-bottom:12px}.empty-state p{font-size:13px;font-weight:500;color:var(--color-text-secondary);margin-bottom:4px}.empty-state small{font-size:11px}.properties-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary)}.form-group input[type=text],.form-group input[type=number],.form-group select,.form-group textarea{padding:8px 10px;font-size:13px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text-primary);transition:all var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:60px;max-height:200px;line-height:1.5;word-break:break-word;word-wrap:break-word;white-space:pre-wrap;overflow-wrap:break-word}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.color-input-group{display:flex;gap:6px}.color-picker{width:36px;height:36px;padding:2px;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:4px}.color-text{flex:1;font-size:11px!important}.toggle-row{display:flex;gap:8px}.toggle-btn{flex:1;padding:10px 12px;font-size:12px;font-weight:500;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.toggle-btn:hover{border-color:var(--color-text-muted)}.toggle-btn.active{background:#fef3c7;border-color:#f59e0b;color:#92400e}.toggle-btn.active.success{background:#d1fae5;border-color:#10b981;color:#065f46}.toggle-btn.inactive{background:#fee2e2;border-color:#ef4444;color:#991b1b}.toggle-btn.full-width{flex:none;width:100%}.radio-group{display:flex;flex-direction:column;gap:6px}.radio-group.direction,.radio-group.status{flex-direction:row}.radio-option{display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:12px;font-weight:500;color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.radio-option input{display:none}.radio-option:hover{border-color:var(--color-text-muted)}.radio-option.active{border-color:var(--color-primary);background:var(--color-primary-light)}.radio-option.available.active{border-color:var(--color-seat-available);background:var(--color-seat-available-light)}.radio-option.reserved.active{border-color:var(--color-seat-reserved);background:var(--color-seat-reserved-light)}.radio-icon{font-size:14px}.status-dot{width:10px;height:10px;border-radius:50%}.status-dot.available{background:var(--color-seat-available)}.status-dot.reserved{background:var(--color-seat-reserved)}.radio-group.direction .radio-option,.radio-group.status .radio-option{flex:1;justify-content:center}.amenities-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.amenity-checkbox{display:flex;align-items:center;gap:6px;padding:8px 10px;font-size:11px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.amenity-checkbox:hover{border-color:var(--color-text-muted)}.amenity-checkbox.checked{background:#dbeafe;border-color:#3b82f6}.amenity-checkbox input{display:none}.amenity-icon{font-size:12px}.amenity-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-display{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--color-surface-hover);border-radius:var(--radius-md)}.zone-color-badge{width:16px;height:16px;border-radius:4px;border:2px solid;flex-shrink:0}.properties-stats{display:flex;gap:10px;padding:14px;background:var(--color-surface-hover);border-radius:var(--radius-md)}.stat-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.stat-item .stat-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--color-text-muted)}.stat-item .stat-value{font-size:18px;font-weight:700;color:var(--color-text-primary)}.stat-item .stat-value.available{color:var(--color-seat-available)}.stat-item .stat-value.reserved{color:var(--color-seat-reserved)}.panel-footer{padding:12px 16px;border-top:1px solid var(--color-border)}.delete-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;font-size:12px;font-weight:500;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md)}.delete-btn:hover{background:#fee2e2;border-color:#fca5a5}.delete-btn svg{flex-shrink:0}:root{--color-bg: #f8f9fb;--color-surface: #ffffff;--color-surface-hover: #f3f4f6;--color-border: #e5e7eb;--color-border-light: #f0f1f3;--color-text-primary: #1a1d26;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-primary: #2563eb;--color-primary-light: #dbeafe;--color-primary-dark: #1d4ed8;--color-room-border: #1e3a5f;--color-room-bg: #f8fafc;--color-room-header: #e8f0fe;--color-zone-quiet: #d1fae5;--color-zone-quiet-border: #059669;--color-zone-quiet-bg: #ecfdf5;--color-zone-discussion: #fed7aa;--color-zone-discussion-border: #ea580c;--color-zone-discussion-bg: #fff7ed;--color-seat-available: #3b82f6;--color-seat-available-light: #dbeafe;--color-seat-reserved: #9ca3af;--color-seat-reserved-light: #f3f4f6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-focus: 0 0 0 3px rgba(37, 99, 235, .2);--sidebar-width: 260px;--properties-width: 320px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--transition-fast: .15s ease;--transition-normal: .2s ease}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.app-layout{display:flex;min-height:100vh;background:var(--color-bg)}kbd{display:inline-block;padding:2px 6px;font-size:11px;font-weight:500;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;box-shadow:0 1px 1px #0000000d}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}input[type=text],input[type=number],select{width:100%;padding:10px 12px;font-size:14px;font-family:inherit;color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}input[type=text]:hover,input[type=number]:hover,select:hover{border-color:var(--color-text-muted)}input[type=text]:focus,input[type=number]:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}button{cursor:pointer;transition:all var(--transition-fast)}button:disabled{opacity:.5;cursor:not-allowed}.resize-handle-bottom,.resize-handle-right,.resize-handle-bottom-right{background:transparent;position:absolute}.resize-handle-bottom{bottom:0;left:0;right:0;height:8px;cursor:row-resize}.resize-handle-right{right:0;top:0;bottom:0;width:8px;cursor:col-resize}.resize-handle-bottom-right{bottom:0;right:0;width:12px;height:12px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,#999 50%);opacity:.5;transition:opacity .2s}.resize-handle-bottom-right:hover{opacity:1}::selection{background:var(--color-primary-light);color:var(--color-primary-dark)}:root{--lib-primary: #FF751F;--lib-primary-dark: #e5651a;--lib-primary-light: #fff3eb;--lib-primary-gradient: linear-gradient(135deg, #FF751F, #ff9a56);--lib-purple: #7c3aed;--lib-purple-bg: #ede9fe;--lib-green: #16a34a;--lib-green-bg: #dcfce7;--lib-amber: #d97706;--lib-amber-bg: #fef3c7;--lib-blue: #2563eb;--lib-blue-bg: #dbeafe;--lib-red: #ef4444;--lib-red-bg: #fee2e2;--lib-cyan: #0891b2;--lib-cyan-bg: #cffafe;--lib-bg: #f0f2f5;--lib-panel: #ffffff;--lib-text: #0f172a;--lib-text-secondary: #475569;--lib-muted: #64748b;--lib-border: #e2e8f0;--lib-border-light: #f1f5f9;--lib-hover-bg: #f8fafc;--lib-shadow: 0 10px 40px rgba(15, 23, 42, .08);--lib-shadow-soft: 0 4px 20px rgba(15, 23, 42, .05);--lib-shadow-hover: 0 12px 48px rgba(15, 23, 42, .12);--lib-shadow-card: 0 1px 3px rgba(0, 0, 0, .04), 0 2px 8px rgba(0, 0, 0, .03);--lib-r-xl: 20px;--lib-r-lg: 16px;--lib-r-md: 12px;--lib-r-sm: 10px;--lib-r-xs: 8px;--lib-r-pill: 999px;--lib-ease: cubic-bezier(.4, 0, .2, 1);--lib-transition: all .2s cubic-bezier(.4, 0, .2, 1)}.lib-container{padding:1.25rem 1.75rem 2rem;max-width:1440px;margin:0 auto;min-height:calc(100vh - 80px);font-family:Be Vietnam Pro,system-ui,-apple-system,sans-serif;background:#f0f2f5}.lib-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.lib-header-left{display:flex;flex-direction:column;gap:6px}.lib-header h1{font-size:24px;font-weight:800;margin:0;color:var(--lib-text);letter-spacing:-.3px}.lib-header-subtitle{font-size:13px;color:var(--lib-muted);margin:0;font-weight:500}.lib-header-right{display:flex;align-items:center;gap:12px}.lib-stats{display:flex;gap:10px;flex-wrap:wrap}.lib-stat-badge{padding:6px 14px;border-radius:var(--lib-r-pill);font-size:12px;font-weight:700;letter-spacing:.2px;display:inline-flex;align-items:center;gap:6px}.lib-stat-badge.pending{background:var(--lib-amber-bg);color:#92400e}.lib-stat-badge.in-progress{background:var(--lib-blue-bg);color:#1e40af}.lib-stat-badge.verified,.lib-stat-badge.resolved{background:var(--lib-green-bg);color:#065f46}.lib-stat-badge.rejected{background:var(--lib-red-bg);color:#991b1b}.lib-stat-badge.confirmed{background:var(--lib-green-bg);color:#065f46}.lib-tabs{display:flex;gap:4px;background:#fff;padding:5px;border-radius:var(--lib-r-md);margin-bottom:20px;box-shadow:var(--lib-shadow-card);overflow-x:auto}.lib-tab{padding:10px 20px;border:none;background:transparent;font-size:13px;font-weight:600;color:var(--lib-muted);cursor:pointer;border-radius:var(--lib-r-xs);transition:var(--lib-transition);white-space:nowrap;display:flex;align-items:center;gap:6px;font-family:inherit}.lib-tab:hover{color:var(--lib-text);background:var(--lib-hover-bg)}.lib-tab.active{background:var(--lib-primary);color:#fff;box-shadow:0 2px 8px #ff751f4d}.lib-tab-count{background:#ffffff4d;padding:1px 7px;border-radius:var(--lib-r-pill);font-size:11px;font-weight:700}.lib-tab.active .lib-tab-count{background:#ffffff4d}.lib-search{position:relative;max-width:360px}.lib-search input{width:100%;padding:10px 16px 10px 40px;border:1px solid var(--lib-border);border-radius:var(--lib-r-md);font-size:13px;font-family:inherit;color:var(--lib-text);background:#fff;transition:var(--lib-transition)}.lib-search input:focus{outline:none;border-color:var(--lib-primary);box-shadow:0 0 0 3px #ff751f1f}.lib-search input::placeholder{color:#94a3b8}.lib-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8}.lib-card{background:var(--lib-panel);border-radius:var(--lib-r-lg);border:1px solid rgba(0,0,0,.04);padding:20px;transition:var(--lib-transition);box-shadow:var(--lib-shadow-card);cursor:pointer}.lib-card:hover{box-shadow:var(--lib-shadow-soft);transform:translateY(-1px)}.lib-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.lib-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid var(--lib-border-light)}.lib-card-list{display:grid;gap:12px}.lib-avatar{width:40px;height:40px;border-radius:12px;object-fit:cover;flex-shrink:0}.lib-avatar-placeholder{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#ff751f,#ff9a56);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;flex-shrink:0}.lib-user-info{display:flex;align-items:center;gap:12px}.lib-user-info h3{margin:0;font-size:14px;font-weight:700;color:var(--lib-text)}.lib-user-code{font-size:12px;color:var(--lib-muted);font-weight:600;font-family:JetBrains Mono,Fira Code,monospace;margin-top:2px}.lib-status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:6px;font-weight:700;font-size:11px;letter-spacing:.3px;flex-shrink:0}.lib-status-badge.pending{background:var(--lib-amber-bg);color:#92400e}.lib-status-badge.in_progress,.lib-status-badge.in-progress,.lib-status-badge.processing{background:var(--lib-blue-bg);color:#1e40af}.lib-status-badge.confirmed,.lib-status-badge.verified,.lib-status-badge.resolved,.lib-status-badge.accepted{background:var(--lib-green-bg);color:#065f46}.lib-status-badge.booked{background:var(--lib-amber-bg);color:#92400e}.lib-status-badge.cancelled,.lib-status-badge.rejected{background:var(--lib-red-bg);color:#991b1b}.lib-status-badge.expired{background:#f3f4f6;color:#6b7280}.lib-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 18px;border:none;border-radius:var(--lib-r-xs);font-size:13px;font-weight:600;cursor:pointer;transition:var(--lib-transition);font-family:inherit;white-space:nowrap}.lib-btn:disabled{opacity:.5;cursor:not-allowed}.lib-btn.primary{background:var(--lib-primary);color:#fff}.lib-btn.primary:hover:not(:disabled){background:var(--lib-primary-dark);box-shadow:0 4px 12px #ff751f4d}.lib-btn.success{background:var(--lib-green);color:#fff}.lib-btn.success:hover:not(:disabled){background:#15803d;box-shadow:0 4px 12px #16a34a4d}.lib-btn.danger{background:var(--lib-red);color:#fff}.lib-btn.danger:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px #ef44444d}.lib-btn.secondary{background:#f1f5f9;color:var(--lib-text-secondary)}.lib-btn.secondary:hover:not(:disabled){background:#e2e8f0}.lib-btn.chat{background:var(--lib-blue);color:#fff}.lib-btn.chat:hover:not(:disabled){background:#1d4ed8}.lib-table-wrapper{overflow-x:auto}.lib-table{width:100%;border-collapse:collapse;table-layout:fixed}.lib-table th{text-align:left;padding:12px 14px;font-size:11px;font-weight:700;color:var(--lib-muted);border-bottom:2px solid var(--lib-border);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.lib-table td{padding:12px 14px;font-size:13px;border-bottom:1px solid var(--lib-border-light)}.lib-table tbody tr:last-child td{border-bottom:none}.lib-table tbody tr{transition:background .15s ease}.lib-table tbody tr:hover{background:var(--lib-hover-bg)}.lib-modal-overlay{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:lib-fadeIn .2s ease}.lib-modal{background:#fff;border-radius:var(--lib-r-xl);width:100%;max-width:580px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 60px #00000026;animation:lib-slideUp .3s var(--lib-ease)}.lib-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--lib-border)}.lib-modal-header h2{margin:0;font-size:18px;font-weight:800;color:var(--lib-text)}.lib-modal-close{width:36px;height:36px;border:none;background:#f1f5f9;border-radius:10px;font-size:18px;color:var(--lib-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--lib-transition)}.lib-modal-close:hover{background:#e2e8f0;color:var(--lib-text)}.lib-modal-body{padding:24px;overflow-y:auto;flex:1}.lib-modal-section{margin-bottom:18px}.lib-modal-section:last-child{margin-bottom:0}.lib-modal-label{font-size:11px;font-weight:700;color:var(--lib-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.lib-modal-text{font-size:14px;color:var(--lib-text);line-height:1.6}.lib-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--lib-border);background:#fafbfc}.lib-empty{text-align:center;padding:60px 20px}.lib-empty-icon{font-size:48px;margin-bottom:16px;opacity:.6}.lib-empty h3{margin:0 0 8px;font-size:16px;font-weight:700;color:var(--lib-text)}.lib-empty p{margin:0;font-size:13px;color:var(--lib-muted)}.lib-loading{display:flex;align-items:center;justify-content:center;padding:80px 20px}.lib-spinner{width:36px;height:36px;border:3px solid var(--lib-border);border-top-color:var(--lib-primary);border-radius:50%;animation:lib-spin .7s linear infinite}.lib-lightbox{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:99999;cursor:zoom-out;animation:lib-fadeIn .2s ease}.lib-lightbox img{max-width:90%;max-height:90vh;border-radius:var(--lib-r-md);box-shadow:0 20px 60px #00000080}.lib-description{font-size:13px;color:var(--lib-text-secondary);line-height:1.6;margin:8px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lib-time{font-size:12px;color:#94a3b8;font-weight:500;display:flex;align-items:center;gap:4px}.lib-images{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.lib-image-thumbnail{width:56px;height:56px;border-radius:var(--lib-r-xs);object-fit:cover;cursor:pointer;border:2px solid transparent;transition:var(--lib-transition)}.lib-image-thumbnail:hover{border-color:var(--lib-primary);transform:scale(1.05)}.lib-points-badge{background:#fef2f2;color:var(--lib-red);font-weight:800;font-size:12px;padding:4px 10px;border-radius:6px}.lib-panel{background:var(--lib-panel);border-radius:var(--lib-r-lg);padding:20px;border:1px solid rgba(0,0,0,.04);box-shadow:var(--lib-shadow-soft);transition:box-shadow .2s ease}.lib-panel:hover{box-shadow:var(--lib-shadow)}.lib-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.lib-panel-title{font-size:15px;font-weight:800;color:var(--lib-text);margin:0;letter-spacing:-.2px}.lib-textarea{width:100%;min-height:100px;padding:12px 16px;border:1.5px solid var(--lib-border);border-radius:var(--lib-r-md);font-size:13px;font-family:inherit;color:var(--lib-text);background:var(--lib-panel);resize:vertical;transition:var(--lib-transition);outline:none}.lib-textarea:focus{border-color:var(--lib-primary);box-shadow:0 0 0 3px #ff751f1a}.lib-textarea::placeholder{color:var(--lib-muted)}.lib-images{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.lib-image-more{width:64px;height:64px;border-radius:var(--lib-r-sm);display:flex;align-items:center;justify-content:center;background:var(--lib-bg-secondary);color:var(--lib-muted);font-weight:700;font-size:14px;cursor:pointer}@keyframes lib-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes lib-slideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lib-slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes lib-spin{to{transform:rotate(360deg)}}.lib-btn.ghost{background:transparent;color:var(--lib-text-secondary);border:1.5px solid var(--lib-border)}.lib-btn.ghost:hover:not(:disabled){border-color:var(--lib-text-secondary);background:var(--lib-hover-bg)}.lib-btn.ghost.danger{color:var(--lib-red);border-color:var(--lib-border);background:transparent}.lib-btn.ghost.danger:hover:not(:disabled){border-color:var(--lib-red);background:#fef2f2;box-shadow:none}.lib-inline-stats{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.lib-inline-stat{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--lib-muted);font-weight:500}.lib-inline-stat strong{font-weight:700;color:var(--lib-text);font-size:14px}.lib-inline-stat .dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.lib-inline-stat .dot.green{background:var(--lib-green)}.lib-inline-stat .dot.amber{background:var(--lib-amber)}.lib-inline-stat .dot.red{background:var(--lib-red)}.lib-inline-stat .dot.blue{background:var(--lib-blue)}.lib-inline-stat .dot.purple{background:var(--lib-purple)}.lib-slide-overlay{position:fixed;inset:0;background:#0f172a4d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9998;animation:lib-fadeIn .15s ease}.lib-slide-panel{position:fixed;top:0;right:0;bottom:0;width:480px;max-width:90vw;background:#fff;z-index:9999;display:flex;flex-direction:column;animation:lib-slideInRight .25s var(--lib-ease);box-shadow:-20px 0 60px #0000001a}.lib-slide-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--lib-border-light);flex-shrink:0}.lib-slide-header h2{margin:0;font-size:17px;font-weight:700;color:var(--lib-text)}.lib-slide-close{width:32px;height:32px;border:none;background:var(--lib-hover-bg);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--lib-muted);transition:var(--lib-transition);font-family:inherit}.lib-slide-close:hover{background:#e2e8f0;color:var(--lib-text)}.lib-slide-body{flex:1;overflow-y:auto;padding:24px}.lib-slide-footer{display:flex;align-items:center;gap:10px;padding:16px 24px;border-top:1px solid var(--lib-border-light);flex-shrink:0}.lib-slide-section{margin-bottom:20px}.lib-slide-label{font-size:11px;font-weight:700;color:var(--lib-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.lib-slide-value{font-size:14px;color:var(--lib-text);font-weight:500;line-height:1.6}.lib-page-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.lib-page-title h1{font-size:22px;font-weight:800;margin:0;color:var(--lib-text);letter-spacing:-.3px}.lib-controls{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.sr-toolbar{display:flex;align-items:center;gap:16px;padding:16px 20px;flex-wrap:wrap}.sr-toolbar .lib-search{min-width:220px}.sr-status-tabs{display:flex;gap:0;border:1.5px solid var(--lib-border, #e2e8f0);border-radius:8px;overflow:hidden}.sr-status-tab{padding:7px 14px;border:none;background:#fff;font-size:13px;font-weight:600;font-family:inherit;color:var(--lib-muted, #64748b);cursor:pointer;transition:all .15s ease;white-space:nowrap;display:flex;align-items:center;gap:6px}.sr-status-tab:not(:last-child){border-right:1.5px solid var(--lib-border, #e2e8f0)}.sr-status-tab.active{background:var(--lib-primary, #FF751F);color:#fff}.sr-status-tab:hover:not(.active){background:#f8fafc}.sr-tab-count{font-size:11px;font-weight:700;padding:1px 6px;border-radius:10px;background:#00000014;min-width:18px;text-align:center}.sr-status-tab.active .sr-tab-count{background:#ffffff40}.sr-result-count{font-size:13px;color:var(--lib-muted, #64748b);margin-left:auto;white-space:nowrap}.sd-modal{background:#fff;border-radius:16px;width:100%;max-width:780px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:sr-modal-in .2s ease-out}.sd-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;gap:12px;color:#6b7280}.sd-spinner{animation:spin 1s linear infinite}.sd-error-text{color:#dc2626}.sd-header{padding:20px 24px;border-bottom:1px solid #E2E8F0;position:relative}.sd-header-content{display:flex;align-items:center;gap:16px}.sd-avatar-wrapper{position:relative;flex-shrink:0}.sd-avatar-img,.sd-avatar-fallback{width:60px;height:60px;border-radius:50%;object-fit:cover}.sd-avatar-fallback{background:var(--lib-primary, #FF751F);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.sd-status-indicator{position:absolute;bottom:2px;right:2px;width:14px;height:14px;border-radius:50%;border:2px solid #fff}.sd-status-indicator.active{background:#22c55e}.sd-status-indicator.locked{background:#ef4444}.sd-header-info{flex:1;min-width:0}.sd-name{margin:0 0 4px;font-size:20px;font-weight:700;color:#1e293b}.sd-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sd-code{font-size:13px;color:#64748b;font-weight:500;font-family:monospace}.sd-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:600}.sd-badge.active{background:#dcfce7;color:#16a34a}.sd-badge.locked{background:#fee2e2;color:#dc2626}.sd-quick-stats{display:flex;gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid #f1f5f9}.sd-quick-stat{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b}.sd-score.good{color:#16a34a;font-weight:600}.sd-score.warn{color:#d97706;font-weight:600}.sd-score.bad{color:#dc2626;font-weight:600}.sd-tabs{display:flex;border-bottom:2px solid #e2e8f0;padding:0 24px;background:#fafbfc}.sd-tab{padding:12px 18px;font-size:13px;font-weight:600;color:#6b7280;background:transparent;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all .2s}.sd-tab:hover{color:#374151}.sd-tab.active{color:var(--lib-primary, #FF751F);border-bottom-color:var(--lib-primary, #FF751F)}.sd-content{flex:1;overflow:auto;padding:24px}.sd-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sd-info-card{background:#f8fafc;border-radius:12px;padding:18px;border:1px solid #f1f5f9}.sd-info-list{display:flex;flex-direction:column;gap:14px}.sd-info-row{display:flex;align-items:flex-start;gap:10px}.sd-info-icon{width:30px;height:30px;border-radius:8px;background:#e2e8f0;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#64748b}.sd-info-text{flex:1;min-width:0}.sd-info-label{font-size:11px;color:#94a3b8;margin-bottom:1px}.sd-info-value{font-size:13px;color:#1e293b;font-weight:500}.sd-tag{display:inline-block;padding:2px 10px;border-radius:10px;font-size:12px;font-weight:600}.sd-tag.green{background:#dcfce7;color:#16a34a}.sd-tag.red{background:#fee2e2;color:#dc2626}.sd-tag.good{background:#dcfce7;color:#16a34a}.sd-tag.warn{background:#fef3c7;color:#b45309}.sd-tag.bad{background:#fee2e2;color:#dc2626}.sd-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.sd-stat-card{border-radius:12px;padding:16px;text-align:center;border:1px solid #f1f5f9}.sd-stat-card.green{background:#f0fdf4}.sd-stat-card.blue{background:#eff6ff}.sd-stat-card.orange{background:#fff7ed}.sd-stat-card.red{background:#fef2f2}.sd-stat-icon{width:40px;height:40px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;box-shadow:0 2px 6px #0000000d}.sd-stat-card.green .sd-stat-icon{color:#16a34a}.sd-stat-card.blue .sd-stat-icon{color:#2563eb}.sd-stat-card.orange .sd-stat-icon{color:#e8600a}.sd-stat-card.red .sd-stat-icon{color:#dc2626}.sd-stat-value{font-size:22px;font-weight:700;margin-bottom:2px}.sd-stat-card.green .sd-stat-value{color:#16a34a}.sd-stat-card.blue .sd-stat-value{color:#2563eb}.sd-stat-card.orange .sd-stat-value{color:#e8600a}.sd-stat-card.red .sd-stat-value{color:#dc2626}.sd-stat-label{font-size:12px;color:#64748b;font-weight:500}.sd-summary-card{background:#f8fafc;border-radius:12px;padding:18px;border:1px solid #f1f5f9}.sd-summary-list{display:flex;flex-direction:column}.sd-summary-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e2e8f0;font-size:14px;color:#374151}.sd-summary-row:last-child{border-bottom:none}.sd-score-text.good{color:#16a34a}.sd-score-text.warn{color:#d97706}.sd-score-text.bad{color:#dc2626}.sd-activity-list{display:flex;flex-direction:column;gap:10px}.sd-activity-row{display:flex;align-items:flex-start;gap:14px;padding:14px;background:#f8fafc;border-radius:10px;border:1px solid #f1f5f9}.sd-activity-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sd-activity-content{flex:1}.sd-activity-title{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:3px}.sd-activity-desc{font-size:13px;color:#6b7280;margin-bottom:4px}.sd-activity-time{font-size:12px;color:#94a3b8}.sd-empty{text-align:center;padding:40px;color:#94a3b8;font-size:14px}@media(max-width:768px){.lib-container{padding:1rem}.lib-header{flex-direction:column;gap:12px}.lib-stats{flex-wrap:wrap}.lib-modal{max-width:100%;border-radius:var(--lib-r-lg)}.lib-slide-panel{width:100%;max-width:100%}.lib-page-title{flex-direction:column;align-items:flex-start}}.cio-filter-dropdown,.cio-column-menu,.cio-filter-dropdown *,.cio-column-menu *{text-transform:none}.cio-table-wrapper{overflow-x:auto}.cio-table{width:100%;border-collapse:collapse}.cio-table thead tr{border-bottom:2px solid var(--lib-border, #e2e8f0)}.cio-table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:700;color:var(--lib-muted, #64748b);text-transform:uppercase;letter-spacing:.4px;position:relative}.cio-table-row{border-bottom:1px solid var(--lib-border-light, #f1f5f9);cursor:pointer;transition:var(--lib-transition)}.cio-table-row:hover{background:var(--lib-hover, rgba(255, 117, 31, .04))}.cio-table td{padding:14px 16px;font-size:13px}.cio-name-cell{font-weight:600;color:var(--lib-text, #1f2937)}.cio-code-cell{color:var(--lib-muted, #64748b)}.cio-time-cell{color:var(--lib-muted, #64748b);font-variant-numeric:tabular-nums}.cio-action-badge{display:inline-block;padding:4px 12px;border-radius:var(--lib-r-pill, 9999px);font-size:12px;font-weight:700}.cio-action-badge.in{background:var(--lib-green-bg, #dcfce7);color:#166534}.cio-action-badge.out{background:var(--lib-red-bg, #fee2e2);color:#991b1b}.cio-table-empty{padding:48px!important;text-align:center;color:var(--lib-muted, #64748b);font-size:14px}.cio-th-content{display:flex;align-items:center;gap:4px;position:relative}.cio-th-label{flex-shrink:0}.cio-th-actions{display:flex;align-items:center;gap:2px;margin-left:4px}.cio-th-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;border-radius:4px;cursor:pointer;color:#94a3b8;transition:all .15s ease;padding:0}.cio-th-btn:hover{background:#f1f5f9;color:var(--lib-text, #1f2937)}.cio-th-btn.active,.cio-th-btn.open{color:var(--lib-primary, #FF751F);background:var(--lib-primary-light, #fff3eb)}.cio-filter-active{color:var(--lib-primary, #FF751F)!important}.cio-filter-dropdown{position:absolute;top:calc(100% + 4px);left:0;background:#fff;border:1px solid var(--lib-border, #e2e8f0);border-radius:var(--lib-r-xs, 8px);box-shadow:0 8px 24px #0f172a1f;padding:8px;z-index:200;min-width:200px;animation:cio-dropdown-in .12s ease}@keyframes cio-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cio-filter-input{width:100%;padding:8px 12px;border:1.5px solid var(--lib-border, #e2e8f0);border-radius:6px;font-size:13px;font-family:inherit;color:var(--lib-text, #1f2937);background:#fff;transition:var(--lib-transition);outline:none;box-sizing:border-box}.cio-filter-input:focus{border-color:var(--lib-primary, #FF751F);box-shadow:0 0 0 2px #ff751f1a}select.cio-filter-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px;cursor:pointer}.cio-filter-input::placeholder{color:#94a3b8}.cio-filter-clear{display:flex;align-items:center;gap:4px;padding:4px 8px;margin-top:6px;border:none;background:transparent;color:var(--lib-red, #ef4444);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;border-radius:4px;transition:var(--lib-transition)}.cio-filter-clear:hover{background:#fef2f2}.cio-filter-options{display:flex;flex-direction:column;gap:2px}.cio-filter-option{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;color:var(--lib-text, #1f2937);transition:background .15s ease;white-space:nowrap;line-height:1.3}.cio-filter-option:hover{background:#f8fafc}.cio-filter-option input[type=radio]{accent-color:#FF751F}.cio-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.cio-toolbar-right{display:flex;align-items:center;gap:12px;margin-left:auto}.cio-column-toggle{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--lib-border, #e2e8f0);border-radius:var(--lib-r-xs, 8px);background:var(--lib-panel, #fff);font-size:13px;font-weight:600;color:var(--lib-text, #1f2937);cursor:pointer;font-family:inherit;transition:var(--lib-transition)}.cio-column-toggle:hover{border-color:var(--lib-primary, #FF751F);background:var(--lib-hover-bg, #f8fafc)}.cio-column-menu{position:absolute;top:100%;left:0;margin-top:4px;background:#fff;border:1px solid var(--lib-border, #e2e8f0);border-radius:var(--lib-r-xs, 8px);box-shadow:0 8px 24px #0f172a1f;padding:6px 0;z-index:100;min-width:160px;animation:cio-dropdown-in .12s ease}.cio-column-menu-item{display:flex;align-items:center;gap:8px;padding:5px 12px;cursor:pointer;font-size:13px;font-weight:500;color:var(--lib-text, #1f2937);white-space:nowrap;line-height:1.4}.cio-column-menu-item:hover{background:#f8fafc}.cio-result-count{font-size:13px;color:var(--lib-muted, #64748b);font-weight:500;white-space:nowrap}.cio-result-count strong{color:var(--lib-text, #1f2937);font-weight:700}.cio-active-filters{color:var(--lib-primary, #FF751F);font-weight:600}.cio-pagination{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:20px;padding:16px 0 4px;border-top:1px solid var(--lib-border-light, #f1f5f9)}.cio-pagination-right{display:flex;align-items:center;gap:4px}.cio-page-numbers{display:flex;gap:4px}.cio-page-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--lib-border, #e2e8f0);border-radius:var(--lib-r-xs, 8px);background:var(--lib-panel, #fff);color:var(--lib-text, #1f2937);cursor:pointer;font-size:13px;font-weight:600;font-family:inherit;transition:var(--lib-transition)}.cio-page-btn:hover:not(:disabled){background:var(--lib-hover-bg, #f8fafc);border-color:var(--lib-primary, #FF751F)}.cio-page-btn.active{background:var(--lib-primary, #FF751F);color:#fff;border-color:var(--lib-primary, #FF751F)}.cio-page-btn:disabled{opacity:.4;cursor:not-allowed}.cio-page-ellipsis{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:14px;color:var(--lib-muted, #64748b);font-weight:600;letter-spacing:1px;-webkit-user-select:none;user-select:none}.cio-page-size{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--lib-muted, #64748b);font-weight:500}.cio-page-size select{padding:6px 28px 6px 10px;border:1px solid var(--lib-border, #e2e8f0);border-radius:var(--lib-r-xs, 8px);background:var(--lib-panel, #fff);font-size:13px;font-weight:600;color:var(--lib-text, #1f2937);cursor:pointer;font-family:inherit;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:var(--lib-transition)}.cio-page-size select:hover{border-color:var(--lib-primary, #FF751F)}.cio-page-size select:focus{outline:none;border-color:var(--lib-primary, #FF751F)}.cio-export{display:flex;justify-content:center;margin-top:24px;padding-top:20px;border-top:1px solid var(--lib-border-light, #f1f5f9)}.cio-export-controls{display:flex;align-items:center;gap:8px;margin-left:auto}.cio-date-input{padding:8px 12px;border:1px solid var(--lib-border, #e2e8f0);border-radius:var(--lib-r-xs, 8px);font-size:13px;font-family:inherit;color:var(--lib-text, #1f2937);background:var(--lib-panel, #fff);transition:var(--lib-transition);outline:none}.cio-date-input:focus{border-color:var(--lib-primary, #FF751F);box-shadow:0 0 0 2px #ff751f1a}.cio-date-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:grayscale(100%);opacity:.5}.cio-date-input::-webkit-calendar-picker-indicator:hover{opacity:1}@media(max-width:768px){.cio-toolbar{flex-direction:column;align-items:stretch}.cio-pagination{flex-direction:column;gap:12px}}.um-page-title h1{font-size:22px;font-weight:800;letter-spacing:-.3px;color:var(--lib-text, #0f172a);margin:0;text-transform:uppercase}.um-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:20px}.um-stat-card{background:var(--lib-panel, #fff);border-radius:8px;padding:14px 16px;border:1px solid var(--lib-border, #e2e8f0);border-left:3px solid #e2e8f0;transition:var(--lib-transition)}.um-stat-card:hover{box-shadow:0 2px 8px #0000000f}.um-stat-value{font-size:24px;font-weight:700;color:var(--lib-text, #0f172a);line-height:1.2}.um-stat-label{font-size:12px;color:var(--lib-muted, #64748b);font-weight:500;margin-top:4px}.um-toolbar-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--lib-border, #e2e8f0);border-radius:var(--lib-r-xs, 8px);background:var(--lib-panel, #fff);font-size:13px;font-weight:600;color:var(--lib-text-secondary, #475569);cursor:pointer;font-family:inherit;transition:var(--lib-transition);white-space:nowrap}.um-toolbar-btn:hover{border-color:var(--lib-primary, #FF751F);background:var(--lib-hover-bg, #f8fafc)}.um-toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.um-toolbar-btn.primary{background:var(--lib-primary, #FF751F);border-color:var(--lib-primary, #FF751F);color:#fff}.um-toolbar-btn.primary:hover{background:var(--lib-primary-dark, #e5651a);box-shadow:0 4px 12px #ff751f4d}.um-user-cell{display:flex;align-items:center;gap:10px}.um-avatar{width:36px;height:36px;border-radius:var(--lib-r-sm, 10px);object-fit:cover;flex-shrink:0}.um-avatar-placeholder{width:36px;height:36px;border-radius:var(--lib-r-sm, 10px);background:linear-gradient(135deg,#ff751f,#ff9a56);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}.um-user-name{font-size:13px;font-weight:600;color:var(--lib-text, #0f172a)}.um-user-warning{font-size:11px;color:#f59e0b;display:flex;align-items:center;gap:3px;margin-top:1px}.um-code{font-size:12px;color:var(--lib-muted, #64748b);font-family:JetBrains Mono,Fira Code,monospace;background:#f3f4f6;padding:3px 8px;border-radius:6px}.um-role-badge{display:inline-flex;padding:4px 12px;border-radius:var(--lib-r-pill, 999px);font-size:11px;font-weight:700;letter-spacing:.3px}.um-role-badge.admin{background:#fee2e2;color:#dc2626}.um-role-badge.librarian{background:#dbeafe;color:#2563eb}.um-role-badge.student{background:#d1fae5;color:#059669}.um-status{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.um-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.um-status.active{color:#059669}.um-status.active .um-status-dot{background:#059669}.um-status.locked{color:#dc2626}.um-status.locked .um-status-dot{background:#dc2626}.um-action-btn{padding:6px;background:#f8fafc;border:1px solid var(--lib-border, #e2e8f0);border-radius:var(--lib-r-xs, 8px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--lib-transition)}.um-action-btn:hover{background:#f1f5f9;border-color:var(--lib-primary, #FF751F)}.um-action-menu{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border-radius:var(--lib-r-md, 12px);box-shadow:0 10px 40px #0f172a26;border:1px solid var(--lib-border, #e2e8f0);min-width:190px;z-index:100;overflow:hidden;animation:cio-dropdown-in .12s ease}.um-action-item{padding:10px 14px;display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;font-weight:500;transition:background .15s ease;border:none;background:none;width:100%;font-family:inherit;text-align:left}.um-action-item:hover{background:var(--lib-hover-bg, #f8fafc)}.um-action-item.danger{border-top:1px solid var(--lib-border-light, #f1f5f9)}.um-action-item.danger:hover{background:#fef2f2}.um-error{padding:14px 18px;background:#fee2e2;border-radius:var(--lib-r-md, 12px);margin-bottom:16px;display:flex;align-items:center;gap:10px;color:#dc2626;font-size:13px;font-weight:500}.um-view-toggle{display:flex;align-items:center;gap:2px;background:#f1f5f9;border-radius:var(--lib-r-xs, 8px);padding:3px}.um-delete-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 14px;border:none;border-radius:var(--lib-r-xs, 8px);background:var(--lib-red, #ef4444);color:#fff;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;transition:var(--lib-transition)}.um-delete-btn:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d}.um-delete-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:1200px){.um-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.um-stats{grid-template-columns:repeat(2,1fr)}}.hce-station-page{padding:0 24px 32px;max-width:1440px;margin:0 auto;min-height:calc(100vh - 120px)}.hce-station-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.hce-station-page__title{font-size:20px;font-weight:600;color:#1a1a1a;margin:0 0 4px}.hce-station-page__subtitle{font-size:14px;color:#a0aec0;margin:0}.hce-station-page__actions{display:flex;gap:12px}.hce-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;outline:none}.hce-btn--secondary{background:#f7fafc;border:2px solid #E2E8F0;color:#4a5568}.hce-btn--secondary:hover{background:#edf2f7;border-color:#cbd5e0}.hce-btn--primary{background:#e8600a;color:#fff;box-shadow:0 4px 14px #e8600a40}.hce-btn--primary:hover{background:#d45509;box-shadow:0 6px 18px #e8600a59}.hce-station-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.hce-station-stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000a;display:flex;align-items:center;gap:16px;transition:transform .2s ease,box-shadow .2s ease}.hce-station-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.hce-station-stat-card__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.hce-station-stat-card__value{font-size:22px;font-weight:700;color:#1a1a1a}.hce-station-stat-card__label{font-size:13px;color:#a0aec0;font-weight:500;margin-top:2px}.hce-station-container{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000a;overflow:hidden}.hce-station-filters{padding:20px 24px;border-bottom:1px solid #E2E8F0;display:flex;justify-content:space-between;align-items:center;gap:12px}.hce-station-filters__left{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hce-station-search{position:relative}.hce-station-search__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#a0aec0}.hce-station-search__input{padding:10px 12px 10px 40px;border:2px solid #E2E8F0;border-radius:10px;font-size:14px;width:280px;outline:none;transition:border-color .2s ease}.hce-station-search__input:focus{border-color:#e8600a}.hce-station-select{padding:10px 16px;border:2px solid #E2E8F0;border-radius:10px;font-size:14px;color:#4a5568;background:#fff;cursor:pointer;outline:none;transition:border-color .2s ease}.hce-station-select:focus{border-color:#e8600a}.hce-station-grid{padding:24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.hce-station-card{background:#f7fafc;border-radius:14px;padding:20px;border:2px solid #E2E8F0;transition:all .2s ease;cursor:pointer}.hce-station-card:hover{border-color:#e8600a;box-shadow:0 4px 16px #e8600a1f}.hce-station-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.hce-station-card__info{display:flex;align-items:center;gap:12px}.hce-station-card__icon-wrap{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.hce-station-card__name{font-size:15px;font-weight:600;color:#1a1a1a}.hce-station-card__device-id{font-size:12px;color:#a0aec0;font-family:JetBrains Mono,Fira Code,monospace}.hce-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:10px;font-size:12px;font-weight:600;white-space:nowrap}.hce-badge--online{background:#d1fae5;color:#059669}.hce-badge--offline{background:#fee2e2;color:#dc2626}.hce-badge--active{background:#dbeafe;color:#2563eb}.hce-badge--inactive{background:#f3f4f6;color:#6b7280}.hce-badge--maintenance{background:#fef3c7;color:#d97706}.hce-station-card__badges{display:flex;gap:6px;flex-wrap:wrap}.hce-station-card__meta{margin-bottom:16px}.hce-station-card__meta-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.hce-station-card__meta-icon{color:#a0aec0;flex-shrink:0}.hce-station-card__meta-text{font-size:13px;color:#4a5568}.hce-station-card__meta-text--muted{color:#a0aec0}.hce-station-card__actions{display:flex;gap:8px}.hce-station-card__action-btn{flex:1;padding:10px;background:#fff;border:2px solid #E2E8F0;border-radius:10px;font-size:13px;font-weight:600;color:#4a5568;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.hce-station-card__action-btn:hover{border-color:#e8600a;color:#e8600a}.hce-station-empty{padding:60px 24px;text-align:center;color:#a0aec0}.hce-station-empty__icon{margin-bottom:16px;opacity:.5}.hce-station-empty__title{font-size:16px;font-weight:600;color:#4a5568;margin-bottom:8px}.hce-station-empty__text{font-size:14px}.hce-station-loading{padding:60px 24px;text-align:center;color:#a0aec0;font-size:14px}.hce-station-loading__spinner{display:inline-block;width:32px;height:32px;border:3px solid #E2E8F0;border-top-color:#e8600a;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}.hce-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.hce-modal{background:#fff;border-radius:16px;width:540px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003;animation:slideUp .3s ease}.hce-modal__header{padding:24px;border-bottom:1px solid #E2E8F0;display:flex;justify-content:space-between;align-items:center}.hce-modal__title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.hce-modal__close{padding:8px;background:#f7fafc;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.hce-modal__close:hover{background:#edf2f7}.hce-modal__body{padding:24px}.hce-modal__footer{padding:0 24px 24px;display:flex;gap:12px}.hce-form-group{margin-bottom:20px}.hce-form-label{display:block;font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.hce-form-input{width:100%;padding:12px 16px;border:2px solid #E2E8F0;border-radius:12px;font-size:14px;outline:none;transition:border-color .2s ease;box-sizing:border-box}.hce-form-input:focus{border-color:#e8600a}.hce-form-helper{font-size:12px;color:#a0aec0;margin-top:6px;display:flex;align-items:flex-start;gap:4px}.hce-form-helper--info{color:#3b82f6;background:#eff6ff;padding:8px 12px;border-radius:8px}.hce-detail-panel{background:#f7fafc;border-radius:12px;padding:20px;margin-bottom:20px}.hce-detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #EDF2F7}.hce-detail-row:last-child{border-bottom:none}.hce-detail-row__label{font-size:13px;color:#718096;font-weight:500}.hce-detail-row__value{font-size:13px;color:#1a1a1a;font-weight:600;text-align:right}.hce-status-actions{display:flex;gap:8px;flex-wrap:wrap}.hce-status-btn{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:2px solid transparent;transition:all .2s ease}.hce-status-btn--active{background:#dbeafe;color:#2563eb;border-color:#93c5fd}.hce-status-btn--active:hover{background:#bfdbfe}.hce-status-btn--inactive{background:#f3f4f6;color:#6b7280;border-color:#d1d5db}.hce-status-btn--inactive:hover{background:#e5e7eb}.hce-status-btn--maintenance{background:#fef3c7;color:#d97706;border-color:#fcd34d}.hce-status-btn--maintenance:hover{background:#fde68a}.hce-toast{position:fixed;top:24px;right:24px;padding:16px 20px;border-radius:12px;font-size:14px;font-weight:500;color:#fff;z-index:3000;display:flex;align-items:center;gap:10px;box-shadow:0 8px 24px #00000026;animation:slideIn .3s ease,fadeOut .3s ease 2.7s}.hce-toast--success{background:#059669}.hce-toast--error{background:#dc2626}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media(max-width:1024px){.hce-station-stats{grid-template-columns:repeat(2,1fr)}.hce-station-grid{grid-template-columns:1fr}}@media(max-width:768px){.hce-station-page__header{flex-direction:column;gap:16px;align-items:stretch}.hce-station-filters__left{flex-direction:column}.hce-station-search__input{width:100%}.hce-modal{width:90vw}}.account-settings-container{min-height:calc(100vh - 48px);padding:0 24px 32px;max-width:1200px;margin:0 auto}.settings-page-header{display:flex;align-items:center;justify-content:space-between;padding:20px 0;margin-bottom:24px;border-bottom:1px solid var(--slib-border-light, #E2E8F0)}.settings-header-left{display:flex;align-items:center;gap:16px}.settings-back-btn{width:44px;height:44px;border:none;background:var(--slib-bg-card, #ffffff);border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--slib-text-secondary, #4A5568);transition:all .2s;box-shadow:var(--slib-shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.settings-back-btn:hover{background:var(--slib-primary-subtle, #fef6f0);color:var(--slib-primary, #e8600a)}.settings-header-left h1{font-size:24px;font-weight:700;color:var(--slib-text-primary, #1A1A1A);margin:0 0 4px}.settings-header-left p{font-size:14px;color:var(--slib-text-muted, #A0AEC0);margin:0}.settings-header-actions,.settings-action-group{display:flex;align-items:center;gap:12px}.settings-edit-btn,.settings-cancel-btn,.settings-save-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.settings-edit-btn{background:var(--slib-primary, #e8600a);color:#fff;box-shadow:0 4px 12px #e8600a1f}.settings-edit-btn:hover{background:var(--slib-primary-dark, #E5681B);transform:translateY(-1px);box-shadow:0 6px 16px #ff751f59}.settings-cancel-btn{background:var(--slib-bg-main, #F7FAFC);color:var(--slib-text-secondary, #4A5568)}.settings-cancel-btn:hover{background:var(--slib-border-light, #E2E8F0)}.settings-save-btn{background:var(--slib-accent-green, #4CA75B);color:#fff;box-shadow:0 4px 12px #4ca75b40}.settings-save-btn:hover{background:#439b51;transform:translateY(-1px)}.settings-save-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.settings-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.settings-toast{position:fixed;top:24px;right:24px;display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:12px;font-size:14px;font-weight:500;z-index:1000;animation:slideIn .3s ease-out;box-shadow:var(--slib-shadow-lg, 0 10px 40px rgba(0, 0, 0, .12))}.settings-toast.success{background:var(--slib-status-success-bg, #E8F5E9);color:var(--slib-status-success, #388E3C);border:1px solid #C8E6C9}.settings-toast.error{background:var(--slib-status-error-bg, #FFEBEE);color:var(--slib-status-error, #D32F2F);border:1px solid #FFCDD2}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.settings-main-content{display:grid;grid-template-columns:350px 1fr;gap:24px;align-items:start}@media(max-width:900px){.settings-main-content{grid-template-columns:1fr}}.settings-profile-card{background:var(--slib-bg-card, #ffffff);border-radius:10px;box-shadow:var(--slib-shadow-card, 0 4px 20px rgba(0, 0, 0, .08));overflow:hidden}.profile-card-header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid var(--slib-border-light, #E2E8F0)}.profile-icon-container{width:40px;height:40px;border-radius:10px;background:var(--slib-primary-subtle, #fef6f0);display:flex;align-items:center;justify-content:center;color:var(--slib-primary, #e8600a)}.profile-card-header h3{font-size:16px;font-weight:600;color:var(--slib-text-primary, #1A1A1A);margin:0}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;padding:32px 24px;background:linear-gradient(180deg,var(--slib-primary-subtle, #fef6f0) 0%,transparent 100%)}.profile-avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--slib-primary, #e8600a),var(--slib-primary-light, #f0853e));display:flex;align-items:center;justify-content:center;position:relative;border:4px solid white;box-shadow:0 8px 24px #e8600a1f}.profile-avatar.editable{cursor:pointer}.profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar-initials{font-size:32px;font-weight:700;color:#fff}.avatar-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s}.profile-avatar.editable:hover .avatar-overlay{opacity:1}.profile-info{text-align:center;margin-top:16px}.profile-info h2{font-size:20px;font-weight:700;color:var(--slib-text-primary, #1A1A1A);margin:0 0 8px}.profile-role-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 14px;background:var(--slib-primary, #e8600a);color:#fff;border-radius:12px;font-size:13px;font-weight:600}.profile-stats{padding:20px 24px;border-top:1px solid var(--slib-border-light, #E2E8F0)}.stat-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--slib-bg-main, #F7FAFC);border-radius:10px;color:var(--slib-text-secondary, #4A5568);font-size:14px}.stat-item+.stat-item{margin-top:10px}.stat-item svg{color:var(--slib-text-muted, #A0AEC0)}.settings-info-column{display:flex;flex-direction:column;gap:20px}.settings-card{background:var(--slib-bg-card, #ffffff);border-radius:10px;box-shadow:var(--slib-shadow-card, 0 4px 20px rgba(0, 0, 0, .08));overflow:hidden}.card-header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid var(--slib-border-light, #E2E8F0)}.card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.card-icon.personal{background:var(--slib-status-info-bg, #E3F2FD);color:var(--slib-accent-blue, #0054A6)}.card-icon.security{background:var(--slib-status-warning-bg, #FFF3E0);color:#ff9800}.card-header h3{font-size:16px;font-weight:600;color:var(--slib-text-primary, #1A1A1A);margin:0}.card-header p{font-size:12px;color:var(--slib-text-muted, #A0AEC0);margin:0}.card-content{padding:20px 24px}.info-item{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--slib-border-light, #E2E8F0)}.info-item:last-child{border-bottom:none;padding-bottom:0}.info-item:first-child{padding-top:0}.info-label{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:var(--slib-text-muted, #A0AEC0);min-width:130px;flex-shrink:0}.info-label span{white-space:nowrap}.info-label svg{color:var(--slib-text-muted, #A0AEC0);flex-shrink:0}.info-input-wrapper{flex:1;display:flex;justify-content:flex-end}.info-value{font-size:14px;font-weight:500;color:var(--slib-text-primary, #1A1A1A);text-align:right}.info-input{padding:10px 14px;border:2px solid var(--slib-border-light, #E2E8F0);border-radius:10px;font-size:14px;color:var(--slib-text-primary, #1A1A1A);background:var(--slib-bg-main, #F7FAFC);transition:all .2s;width:200px;text-align:right}.info-input:focus{outline:none;border-color:var(--slib-primary, #e8600a);background:#fff;box-shadow:0 0 0 4px #e8600a14}.security-button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--slib-bg-main, #F7FAFC);border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s}.security-button:hover{background:var(--slib-primary-subtle, #fef6f0);border-color:var(--slib-primary, #e8600a)}.security-button-content{display:flex;align-items:center;gap:14px}.security-button-content svg{color:var(--slib-primary, #e8600a)}.security-title{display:block;font-size:14px;font-weight:600;color:var(--slib-text-primary, #1A1A1A);text-align:left}.security-desc{display:block;font-size:12px;color:var(--slib-text-muted, #A0AEC0);text-align:left;margin-top:2px}.security-button>svg{color:var(--slib-text-muted, #A0AEC0);transition:all .2s}.security-button:hover>svg{color:var(--slib-primary, #e8600a);transform:translate(4px)}@media(max-width:768px){.account-settings-container{padding:0 16px 24px}.settings-page-header{flex-direction:column;align-items:flex-start;gap:16px}.settings-header-actions{width:100%}.settings-edit-btn,.settings-save-btn,.settings-cancel-btn{flex:1;justify-content:center}.info-item{flex-direction:column;gap:8px}.info-label{min-width:auto}.info-value{text-align:left}.info-input{width:100%;text-align:left}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}.modal-content{background:var(--slib-bg-card, #ffffff);border-radius:12px;width:100%;max-width:450px;margin:20px;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--slib-border-light, #E2E8F0)}.modal-header h2{font-size:20px;font-weight:700;color:var(--slib-text-primary, #1A1A1A);margin:0}.modal-close-btn{width:36px;height:36px;border:none;background:var(--slib-bg-main, #F7FAFC);border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--slib-text-secondary, #4A5568);transition:all .2s}.modal-close-btn:hover{background:var(--slib-status-error-bg, #FFEBEE);color:var(--slib-status-error, #D32F2F)}.modal-body{padding:24px}.password-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--slib-status-error-bg, #FFEBEE);color:var(--slib-status-error, #D32F2F);border-radius:10px;font-size:14px;margin-bottom:20px}.password-field{margin-bottom:20px}.password-field:last-child{margin-bottom:0}.password-field label{display:block;font-size:14px;font-weight:600;color:var(--slib-text-primary, #1A1A1A);margin-bottom:8px}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{width:100%;padding:12px 48px 12px 16px;border:2px solid var(--slib-border-light, #E2E8F0);border-radius:12px;font-size:14px;color:var(--slib-text-primary, #1A1A1A);background:var(--slib-bg-main, #F7FAFC);transition:all .2s}.password-input-wrapper input:focus{outline:none;border-color:var(--slib-primary, #e8600a);background:#fff;box-shadow:0 0 0 4px #e8600a14}.password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:var(--slib-text-muted, #A0AEC0);padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.password-toggle:hover{color:var(--slib-primary, #e8600a)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--slib-border-light, #E2E8F0)}.modal-cancel-btn{padding:12px 24px;border:none;background:var(--slib-bg-main, #F7FAFC);color:var(--slib-text-secondary, #4A5568);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.modal-cancel-btn:hover{background:var(--slib-border-light, #E2E8F0)}.modal-submit-btn{padding:12px 24px;border:none;background:var(--slib-primary, #e8600a);color:#fff;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #e8600a1f}.modal-submit-btn:hover{background:var(--slib-primary-dark, #E5681B);transform:translateY(-1px)}.modal-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}@media(max-width:480px){.modal-content{margin:16px}.modal-header,.modal-body,.modal-footer{padding:16px}.modal-footer{flex-direction:column}.modal-cancel-btn,.modal-submit-btn{width:100%;justify-content:center}}.notif-toggle{position:relative;width:44px;height:24px;border:none;border-radius:12px;background:#cbd5e1;cursor:pointer;padding:0;transition:background .25s ease}.notif-toggle--on{background:var(--slib-primary, #e8600a)}.notif-toggle__thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .25s ease}.notif-toggle--on .notif-toggle__thumb{transform:translate(20px)}.nfc-map-page{display:flex;flex-direction:column;height:calc(100vh - 52px);width:100%;overflow:hidden;background:#f1f5f9}.nfc-map-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#fff;border-bottom:1px solid #e2e8f0;gap:16px;flex-shrink:0}.nfc-map-header__left{display:flex;align-items:center;gap:12px}.nfc-map-header__title{font-size:17px;font-weight:700;color:#1a202c;margin:0;white-space:nowrap}.nfc-map-header__stats{display:flex;gap:8px;margin-left:8px}.nfc-map-stat{font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px;background:#f1f5f9;color:#475569}.nfc-map-stat--mapped{background:#fff7ed;color:#c2410c}.nfc-map-stat--unmapped{background:#f1f5f9;color:#64748b}.nfc-map-header__right{display:flex;align-items:center;gap:8px}.nfc-map-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;color:#64748b;transition:all .15s}.nfc-map-btn:hover{background:#f1f5f9;color:#334155;border-color:#cbd5e1}.nfc-map-btn:disabled{opacity:.5;cursor:not-allowed}.nfc-map-zoom{display:flex;align-items:center;gap:4px;background:#f8fafc;border-radius:10px;padding:3px;border:1px solid #e2e8f0}.nfc-map-zoom__label{min-width:48px;text-align:center;font-size:12px;font-weight:700;color:#334155}.nfc-map-tabs{display:flex;gap:4px;padding:8px 20px;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;overflow-x:auto}.nfc-map-tab{padding:6px 16px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all .15s;white-space:nowrap}.nfc-map-tab:hover{background:#f8fafc;border-color:#cbd5e1}.nfc-map-tab--active{background:linear-gradient(135deg,#e8600a,#c2410c);color:#fff;border-color:#e8600a}.nfc-map-tab--active:hover{background:linear-gradient(135deg,#c2410c,#9a3412)}.nfc-map-legend{display:flex;gap:16px;padding:6px 20px;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0}.nfc-map-legend__item{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b}.nfc-map-legend__dot{width:12px;height:12px;border-radius:3px;border:1px solid rgba(0,0,0,.1)}.nfc-map-legend__dot--mapped{background:#e8600a}.nfc-map-legend__dot--unmapped{background:#9ca3af}.nfc-map-legend__dot--selected{background:#3b82f6;box-shadow:0 0 0 2px #bfdbfe}.nfc-map-body{flex:1;display:flex;overflow:hidden;position:relative}.nfc-map-canvas{flex:1;overflow:hidden;position:relative;background:radial-gradient(circle,#ddd 1px,transparent 1px);background-size:20px 20px}.nfc-map-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:14px;color:#94a3b8}.nfc-map-transform{position:absolute;top:0;left:0;width:0;height:0;will-change:transform}.nfc-area{position:absolute;background:#fff;border-radius:12px;border:2px solid #e2e8f0;box-shadow:0 4px 16px #0000000f;overflow:hidden}.nfc-area__header{padding:10px 16px;font-size:14px;font-weight:700;color:#1e293b;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.nfc-area__content{position:relative;width:100%;height:calc(100% - 40px)}.nfc-factory{position:absolute;border-radius:8px;display:flex;align-items:center;justify-content:center;opacity:.6;pointer-events:none;border:1px dashed rgba(0,0,0,.15)}.nfc-factory__name{font-size:10px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.nfc-zone{position:absolute;border-radius:10px;border:2px solid #a8d5ba;background:#e8f5e9;overflow:hidden;display:flex;flex-direction:column}.nfc-zone__header{padding:4px 8px;font-size:11px;font-weight:600;color:#2d5a3d;flex-shrink:0}.nfc-zone__seats{flex:1;position:relative;overflow:hidden;min-height:0}.nfc-zone__footer{padding:2px 8px;font-size:9px;color:#6b8f7b;text-align:right;flex-shrink:0}.nfc-seat{border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;cursor:pointer;transition:all .15s;border:2px solid transparent;-webkit-user-select:none;user-select:none}.nfc-seat--mapped{background:#e8600a;border-color:#0000001a}.nfc-seat--mapped:hover{background:#c2410c;transform:scale(1.08);box-shadow:0 4px 12px #e8600a66;z-index:10}.nfc-seat--unmapped{background:#9ca3af;border-color:#00000014}.nfc-seat--unmapped:hover{background:#6b7280;transform:scale(1.08);box-shadow:0 4px 12px #0003;z-index:10}.nfc-seat--selected{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f64d,0 4px 12px #3b82f64d!important;transform:scale(1.1);z-index:20!important}.nfc-detail-panel{width:320px;background:#fff;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;box-shadow:-4px 0 16px #0000000a;animation:nfc-slide-in .2s ease}@keyframes nfc-slide-in{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.nfc-detail-panel__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e2e8f0}.nfc-detail-panel__header h3{margin:0;font-size:15px;font-weight:700;color:#1a202c;display:flex;align-items:center;gap:8px}.nfc-detail-panel__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:#f1f5f9;cursor:pointer;color:#64748b;transition:all .15s}.nfc-detail-panel__close:hover{background:#e2e8f0;color:#1e293b}.nfc-detail-panel__loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:40px 20px;color:#94a3b8;font-size:13px}.nfc-detail-panel__body{padding:16px 20px;flex:1;overflow-y:auto}.nfc-detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f1f5f9}.nfc-detail-row__label{font-size:12px;color:#64748b;font-weight:500}.nfc-detail-row__value{font-size:13px;color:#1e293b;font-weight:500}.nfc-detail-row__uid{font-family:SF Mono,Menlo,monospace;font-size:12px;background:#f1f5f9;padding:3px 8px;border-radius:4px;color:#475569}.nfc-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}.nfc-badge--mapped{background:#fff7ed;color:#c2410c}.nfc-badge--unmapped{background:#f1f5f9;color:#64748b}.nfc-detail-panel__actions{display:flex;flex-direction:column;gap:8px;margin-top:20px}.nfc-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:10px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.nfc-action-btn:disabled{opacity:.5;cursor:not-allowed}.nfc-action-btn--primary{background:linear-gradient(135deg,#e8600a,#c2410c);color:#fff}.nfc-action-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#c2410c,#9a3412);box-shadow:0 4px 12px #e8600a4d}.nfc-action-btn--scan{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.nfc-action-btn--scan:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 12px #16a34a4d}.nfc-action-btn--danger{background:#fff;color:#dc2626;border:1px solid #fecaca}.nfc-action-btn--danger:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5}.nfc-toast{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;font-size:13px;font-weight:600;box-shadow:0 8px 24px #00000026;z-index:2000;animation:nfc-toast-in .3s ease}.nfc-toast--success{background:#15803d;color:#fff}.nfc-toast--error{background:#dc2626;color:#fff}@keyframes nfc-toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.main:has(.nfc-map-page){padding:0;overflow:hidden}.nfc-check-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;border:2px solid #e8600a;background:linear-gradient(135deg,#fff7ed,#ffedd5);color:#c2410c;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.nfc-check-btn:hover{background:linear-gradient(135deg,#e8600a,#c2410c);color:#fff}.nfc-check-overlay{position:fixed;inset:0;z-index:1000;background:#00000080;display:flex;align-items:center;justify-content:center;animation:nfc-fade-in .2s ease}@keyframes nfc-fade-in{0%{opacity:0}to{opacity:1}}.nfc-check-modal{background:#fff;border-radius:16px;padding:28px;width:90%;max-width:450px;box-shadow:0 20px 60px #0003;animation:nfc-slide-up .25s ease}@keyframes nfc-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.nfc-check-modal__title{margin:0 0 20px;font-size:18px;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:10px}.nfc-check-modal__scan-btn{width:100%;padding:16px;border-radius:12px;border:none;background:linear-gradient(135deg,#e8600a,#c2410c);color:#fff;font-size:15px;font-weight:600;cursor:pointer;margin-bottom:16px;transition:all .15s}.nfc-check-modal__scan-btn:hover:not(:disabled){box-shadow:0 6px 20px #e8600a59}.nfc-check-modal__scan-btn--scanning{background:#fff7ed;color:#ea580c;cursor:wait}.nfc-check-modal__scan-btn:disabled{cursor:wait}.nfc-check-result{background:#ecfdf5;border-radius:12px;padding:16px;margin-bottom:16px;border:1px solid #22c55e}.nfc-check-result__seat-code{font-size:24px;font-weight:700;color:#166534;margin-bottom:12px}.nfc-check-result__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.nfc-check-result__label{display:block;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;margin-bottom:4px}.nfc-check-result__value{display:block;font-size:15px;font-weight:600;color:#374151}.nfc-check-result__value--active{color:#22c55e}.nfc-check-result__value--inactive{color:#ef4444}.nfc-check-error{background:#fee2e2;border-radius:12px;padding:16px;margin-bottom:16px;border:1px solid #ef4444;color:#dc2626;font-size:14px}.nfc-check-modal__actions{display:flex;gap:12px}.nfc-check-modal__close-btn{flex:1;padding:14px;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;background:#f8fafc;color:#374151;font-size:14px;font-weight:600;transition:all .15s}.nfc-check-modal__close-btn:hover{background:#e2e8f0}.nfc-check-modal__rescan-btn{flex:1;padding:14px;border:none;border-radius:12px;cursor:pointer;background:linear-gradient(135deg,#e8600a,#c2410c);color:#fff;font-size:14px;font-weight:600;transition:all .15s}.nfc-check-modal__rescan-btn:hover{box-shadow:0 4px 14px #e8600a4d}:root{--sb-w: 72px;--sb-w-open: 250px;--sb-speed: .32s;--sb-curve: cubic-bezier(.25, .1, .25, 1);--sb-orange: #e8600a}.sidebar{position:fixed!important;top:0!important;left:0!important;height:100vh!important;width:var(--sb-w)!important;background:#fff!important;padding:16px 12px!important;display:flex!important;flex-direction:column!important;z-index:1150!important;overflow:hidden!important;visibility:visible!important;opacity:1!important;box-shadow:none!important;border-right:1px solid #ebedf0;transition:width var(--sb-speed) var(--sb-curve);will-change:width}.sidebar:hover{width:var(--sb-w-open)!important}.sidebar::-webkit-scrollbar{width:0}.sidebar__brand{height:104px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;overflow:hidden}.sidebar__brandLink{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.sidebar__brandLogo{height:90px;width:auto;max-width:240px;object-fit:contain;transform:scale(.5);transform-origin:center;transition:transform var(--sb-speed) var(--sb-curve);will-change:transform}.sidebar:hover .sidebar__brandLogo{transform:scale(1.12)}.sidebar__nav{display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto;overflow-x:hidden}.sidebar__nav::-webkit-scrollbar{width:0}.sidebar__item{display:flex;align-items:center;justify-content:center;text-decoration:none;color:#4b5563;padding:0;border-radius:25px;white-space:nowrap;position:relative;height:44px;min-height:44px;width:44px;margin:1px auto;border:none;background:transparent;cursor:pointer;font-family:inherit;font-size:inherit;overflow:visible;gap:0;transition:background .18s ease,color .18s ease,width var(--sb-speed) var(--sb-curve),padding var(--sb-speed) var(--sb-curve),margin var(--sb-speed) var(--sb-curve)}.sidebar__icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0}.sidebar__item>svg:first-child{width:20px;height:20px;flex-shrink:0;min-width:20px}.sidebar__label{font-size:14px;font-weight:500;opacity:0;max-width:0;overflow:hidden;flex-shrink:0;pointer-events:none;white-space:nowrap;margin-left:0;transition:opacity .2s ease .08s,max-width var(--sb-speed) var(--sb-curve),margin var(--sb-speed) var(--sb-curve)}.sidebar:hover .sidebar__item{justify-content:flex-start;padding:0 14px;width:100%;margin:1px 0;gap:0}.sidebar:hover .sidebar__icon{margin-right:0}.sidebar:hover .sidebar__label{opacity:1;max-width:180px;margin-left:12px;pointer-events:auto}.sidebar__item:hover{background:#f3f4f6;color:#1f2937}.sidebar__item--active{background:var(--sb-orange);color:#fff}.sidebar__item--active:hover{background:#d45609;color:#fff}.sidebar__item--active svg{stroke-width:2px;color:#fff}.sidebar__item--active .sidebar__label{font-weight:600;color:#fff}.sidebar__iconWrap{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar__badge{position:absolute;top:-5px;right:-8px;background:#ef4444;color:#fff;font-size:9px;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;pointer-events:none;box-shadow:0 0 0 2px #fff}.sidebar__item--active .sidebar__badge,.sidebar__subitem--active .sidebar__badge{box-shadow:0 0 0 2px var(--sb-orange)}.sidebar__group{display:flex;flex-direction:column}.sidebar__groupBtn{position:relative}.sidebar__groupBtn>svg:first-child{min-width:20px}.sidebar__item--groupActive{color:var(--sb-orange);background:#fff4ec}.sidebar__chevron{display:none;opacity:0;flex-shrink:0;transition:transform .2s ease,opacity .2s ease .08s}.sidebar:hover .sidebar__chevron{display:block;opacity:.5;width:14px;margin-left:auto}.sidebar__chevron--open{transform:rotate(180deg)}.sidebar__submenu{max-height:0;overflow:hidden;opacity:0;transition:max-height .3s var(--sb-curve),opacity .22s ease}.sidebar__submenu--open{max-height:400px;opacity:1}.sidebar:not(:hover) .sidebar__submenu{max-height:0!important;opacity:0!important}.sidebar__subitem{position:relative;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#6b7280;border-radius:25px;white-space:nowrap;height:38px;min-height:38px;width:38px;margin:1px auto;font-size:13px;transition:background .18s ease,color .18s ease,width var(--sb-speed) var(--sb-curve),padding var(--sb-speed) var(--sb-curve),margin var(--sb-speed) var(--sb-curve)}.sidebar__subitem svg{width:16px;height:16px;flex-shrink:0}.sidebar:hover .sidebar__subitem{justify-content:flex-start;padding:0 14px 0 46px;width:100%;margin:1px 0}.sidebar__subitem:hover{color:#1f2937;background:#f3f4f6}.sidebar__subitem--active{color:#fff!important;background:var(--sb-orange)!important;font-weight:500}.sidebar__subitem .sidebar__label{font-size:13px}.sidebar__helpWrap{margin-top:auto;padding-top:14px;border-top:1px solid #ebedf0}.sidebar__helpItem{display:flex;align-items:center;justify-content:center;color:#6b7280;padding:0;height:44px;width:44px;margin:1px auto;border-radius:25px;cursor:pointer;text-decoration:none;border:none;background:transparent;font-family:inherit;font-size:inherit;transition:background .18s ease,color .18s ease,width var(--sb-speed) var(--sb-curve),padding var(--sb-speed) var(--sb-curve),margin var(--sb-speed) var(--sb-curve)}.sidebar__helpItem:hover{background:#f3f4f6;color:#1f2937}.sidebar__helpItem--active{background:var(--sb-orange);color:#fff}.sidebar__helpItem svg{min-width:20px;width:20px;height:20px;flex-shrink:0}.sidebar:hover .sidebar__helpItem{justify-content:flex-start;padding:0 14px;width:100%;margin:1px 0}.sidebar:hover .sidebar__helpItem svg{margin-right:12px}.sidebar__logoutBtn{color:#9ca3af}.sidebar__logoutBtn:hover{background:#fef2f2;color:#dc2626}.sidebar__item,.sidebar__groupBtn,.sidebar__subitem{overflow:visible!important}.sidebar__group{position:relative}.sidebar__badge{position:absolute;top:-5px;right:-8px;background:#ef4444;color:#fff;font-size:9px;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;z-index:10;pointer-events:none;box-shadow:0 0 0 2px #fff}.librarian-header{display:flex;align-items:center;justify-content:flex-end;padding:0 20px;height:52px;background:#fff;border-bottom:1px solid #ebedf0;gap:12px}.notif-bell{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:transparent;border:none;transition:background .12s ease;color:#6b7280}.notif-bell:hover{background:#f3f4f6;color:#1f2937}.notif-bell__icon{width:20px;height:20px}.notif-bell__badge{position:absolute;top:4px;right:4px;width:16px;height:16px;border-radius:50%;background:#ef4444;color:#fff;font-size:9px;font-weight:600;line-height:16px;text-align:center}.notif-dropdown{position:absolute;top:calc(100% + 6px);right:0;width:360px;max-height:480px;background:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001a,0 0 0 1px #0000000a;overflow:hidden;z-index:9999;animation:dropdownSlideIn .15s ease}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.notif-dropdown__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 10px;border-bottom:1px solid #f3f4f6}.notif-dropdown__title{font-size:14px;font-weight:600;color:#1f2937;margin:0}.notif-dropdown__count{font-size:12px;color:#9ca3af}.notif-dropdown__list{overflow-y:auto;max-height:400px;padding:6px}.notif-dropdown__list::-webkit-scrollbar{width:3px}.notif-dropdown__list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:100px}.notif-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:default;transition:background .1s ease}.notif-item:hover{background:#f9fafb}.notif-item--expandable,.notif-item--clickable{cursor:pointer}.notif-item--expanded{background:#f3f4f6}.notif-item__icon{flex-shrink:0;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.notif-item__icon--support{background:#e8f0fe;color:#1a73e8}.notif-item__icon--complaint{background:#ede9fe;color:#7c3aed}.notif-item__icon--feedback{background:#fef7e0;color:#e8a817}.notif-item__icon--seat-status{background:#e8f0fe;color:#2563eb}.notif-item__icon--chat{background:#e6f4ea;color:#1e8e3e}.notif-item__icon--violation{background:#fce8e6;color:#d93025}.notif-item__body{flex:1;min-width:0}.notif-item__title{font-size:13px;font-weight:500;color:#1f2937;margin:0 0 1px}.notif-item__desc{font-size:12px;color:#9ca3af;margin:0}.notif-item__badge{flex-shrink:0;min-width:20px;height:20px;padding:0 5px;border-radius:4px;background:#fce8e6;color:#d93025;font-size:11px;font-weight:600;line-height:20px;text-align:center}.notif-dropdown__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;color:#9ca3af}.notif-dropdown__empty svg{margin-bottom:10px;opacity:.4}.notif-dropdown__empty p{font-size:13px;margin:0}.notif-category{border-radius:8px;overflow:hidden}.notif-item__chevron{flex-shrink:0;color:#9ca3af;transition:transform .15s ease;margin-left:4px}.notif-item__chevron--open{transform:rotate(180deg)}.notif-detail-list{padding:0 6px 6px 42px}.notif-detail-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;border-radius:6px;cursor:pointer;transition:background .1s ease;border-left:2px solid transparent}.notif-detail-item:hover{background:#f3f4f6;border-left-color:#e8600a}.notif-detail-item__body{flex:1;min-width:0}.notif-detail-item__name{font-size:12px;font-weight:500;color:#1f2937;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-detail-item__desc{font-size:11px;color:#9ca3af;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-detail-item__time{flex-shrink:0;font-size:10px;color:#9ca3af}.notif-detail-loading{padding:10px 12px;font-size:12px;color:#9ca3af;text-align:center}.notif-detail-viewall{padding:6px 10px;font-size:12px;font-weight:500;color:#e8600a;text-align:center;cursor:pointer;border-radius:6px;transition:background .1s ease}.notif-detail-viewall:hover{background:#fff4ec}.top-header{position:fixed;top:0;left:0;right:0;height:52px;background:#fff;border-bottom:1px solid #ebedf0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;padding-left:calc(24px + var(--sb-w));z-index:1100}.top-header__left{display:flex;align-items:center}.top-header__logo{height:30px;width:auto;object-fit:contain}.top-header__right{display:flex;align-items:center;gap:8px}.top-header__user{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border:1px solid #ebedf0;border-radius:25px;background:#fff;cursor:pointer;transition:border-color .12s ease;font-family:inherit;border:none}.top-header__user:hover{background:#f3f4f6}.top-header__avatar{width:30px;height:30px;border-radius:50%;background:#e8600a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.top-header__name{font-size:13px;font-weight:500;color:#1f2937}.appLayout{display:flex;min-height:100vh;padding-top:52px;background-color:#f4f5f7}.main{margin-left:72px;flex:1;width:calc(100% - 72px);padding:0;overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 52px);height:calc(100vh - 52px)}.main::-webkit-scrollbar{width:8px}.main::-webkit-scrollbar-track{background:transparent}.main::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.main::-webkit-scrollbar-thumb:hover{background:#0000004d}.toast-container{position:fixed;top:68px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}@media(max-width:768px){.top-header{padding-left:24px}}.toast-item{pointer-events:auto;display:flex;align-items:flex-start;gap:12px;padding:16px 18px;min-width:360px;max-width:440px;background:#fff;border-radius:14px;box-shadow:0 8px 30px #0000001f,0 2px 8px #0000000f;border-left:4px solid #6b7280;cursor:pointer;animation:toast-slide-in .35s cubic-bezier(.4,0,.2,1);transition:transform .2s,box-shadow .2s}.toast-item:hover{transform:translate(-4px);box-shadow:0 12px 40px #00000029}.toast-item--support{border-left-color:#3b82f6}.toast-item--complaint{border-left-color:#8b5cf6}.toast-item--feedback{border-left-color:#f59e0b}.toast-item--seat-status{border-left-color:#2563eb}.toast-item--chat{border-left-color:#10b981}.toast-item--violation{border-left-color:#ef4444}.toast-item__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.toast-item__icon--support{background:#3b82f61f;color:#3b82f6}.toast-item__icon--complaint{background:#8b5cf61f;color:#8b5cf6}.toast-item__icon--feedback{background:#f59e0b1f;color:#f59e0b}.toast-item__icon--seat-status{background:#2563eb1f;color:#2563eb}.toast-item__icon--chat{background:#10b9811f;color:#10b981}.toast-item__icon--violation{background:#ef44441f;color:#ef4444}.toast-item__body{flex:1;min-width:0}.toast-item__header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.toast-item__title{font-size:14px;font-weight:700;color:#1e293b;margin:0}.toast-item__time{font-size:11px;color:#94a3b8;white-space:nowrap;flex-shrink:0}.toast-item__desc{font-size:12.5px;color:#64748b;margin:0;line-height:1.45}.toast-item__footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px;gap:8px}.toast-item__count{font-size:11px;font-weight:600;padding:2px 8px;border-radius:8px;background:#f1f5f9;color:#475569}.toast-item__count--support{background:#3b82f61a;color:#3b82f6}.toast-item__count--complaint{background:#8b5cf61a;color:#8b5cf6}.toast-item__count--feedback{background:#f59e0b1a;color:#f59e0b}.toast-item__count--chat{background:#10b9811a;color:#10b981}.toast-item__count--violation{background:#ef44441a;color:#ef4444}.toast-item__cta{font-size:12px;font-weight:600;color:#3b82f6;margin-left:auto;white-space:nowrap}.toast-item:hover .toast-item__cta{text-decoration:underline}.toast-item__close{width:24px;height:24px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#94a3b8;flex-shrink:0;transition:background .15s,color .15s;margin-top:2px}.toast-item__close:hover{background:#f1f5f9;color:#475569}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.dashboard-container{--panel: #ffffff;--text: #0f172a;--muted: #64748b;--border: #e2e8f0;--shadow-soft: 0 4px 20px rgba(15, 23, 42, .05);--shadow: 0 10px 40px rgba(15, 23, 42, .08);--shadow-hover: 0 12px 48px rgba(15, 23, 42, .12);--r-lg: 16px;--r-sm: 10px}.dashboard-container{padding:1.25rem 1.75rem 2rem;max-width:1440px;margin:0 auto;min-height:calc(100vh - 80px);background:#f0f2f5}.dashboard-title-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.dashboard-title{font-size:24px;font-weight:800;margin:0;color:var(--text);letter-spacing:-.3px}.dashboard-subtitle{font-size:13px;color:var(--muted);margin:4px 0 0;font-weight:500}.dashboard-meta{display:flex;align-items:center;gap:8px}.last-updated{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);font-weight:500}.refresh-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border);border-radius:10px;background:#fff;cursor:pointer;color:var(--muted);transition:all .2s ease}.refresh-btn:hover{background:#f8fafc;color:var(--text);border-color:#cbd5e1;transform:rotate(45deg)}.dashboard-top-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px;align-items:stretch}@media(max-width:1100px){.dashboard-top-row{grid-template-columns:1fr}}.stats-grid-compact{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compact-card{background:#fff;border-radius:var(--r-lg);padding:20px;display:flex;flex-direction:column;justify-content:center;gap:10px;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 8px #0000000a;transition:transform .2s ease,box-shadow .2s ease}.compact-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.compact-card-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center}.compact-card-value{font-size:30px;font-weight:900;color:var(--text);line-height:1;letter-spacing:-.5px}.compact-card-label{font-size:12px;color:var(--muted);font-weight:600}.compact-icon--orange{background:#fff7ed;color:#ea580c}.compact-icon--blue{background:#eff6ff;color:#2563eb}.compact-icon--red{background:#fef2f2;color:#ef4444}.compact-icon--green{background:#f0fdf4;color:#16a34a}@media(max-width:600px){.stats-grid-compact{grid-template-columns:1fr}}.zone-status-side{height:100%}.stat-card--dark{background:linear-gradient(145deg,#1e293b,#334155);border-color:#ffffff0f;box-shadow:0 4px 16px #0f172a40}.stat-card--dark .stat-card-icon{background:#ffffff1a;color:#e2e8f0}.stat-card--dark .stat-card-value{color:#f8fafc}.stat-card--dark .stat-card-label{color:#94a3b8}.stat-card--dark .stat-card-accent{background:linear-gradient(90deg,#475569,#64748b)}.stat-card--dark:hover{background:#263347}.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}@media(max-width:1280px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-card-wrapper{position:relative;background:var(--panel);border-radius:var(--r-lg);padding:18px 16px;display:flex;align-items:center;gap:14px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-soft);border:1px solid rgba(0,0,0,.1)}.stat-card-wrapper:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.stat-card-accent{position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:0 0 var(--r-lg) var(--r-lg)}.stat-card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-body{display:flex;flex-direction:column;min-width:0}.stat-card-value{font-size:22px;font-weight:900;line-height:1.1;letter-spacing:-.5px}.stat-card-label{font-size:11px;color:var(--muted);font-weight:600;margin-top:3px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-card--purple .stat-card-icon{background:#ede9fe;color:#ff751f}.stat-card--purple .stat-card-value{color:#ff751f}.stat-card--purple .stat-card-accent{background:linear-gradient(90deg,#ff751f,#feb47b)}.stat-card--green .stat-card-icon{background:#dcfce7;color:#16a34a}.stat-card--green .stat-card-value{color:#16a34a}.stat-card--green .stat-card-accent{background:linear-gradient(90deg,#16a34a,#4ade80)}.stat-card--amber .stat-card-icon{background:#fef3c7;color:#d97706}.stat-card--amber .stat-card-value{color:#d97706}.stat-card--amber .stat-card-accent{background:linear-gradient(90deg,#d97706,#fbbf24)}.stat-card--blue .stat-card-icon{background:#dbeafe;color:#2563eb}.stat-card--blue .stat-card-value{color:#2563eb}.stat-card--blue .stat-card-accent{background:linear-gradient(90deg,#2563eb,#60a5fa)}.stat-card--red .stat-card-icon{background:#fee2e2;color:#ef4444}.stat-card--red .stat-card-value{color:#ef4444}.stat-card--red .stat-card-accent{background:linear-gradient(90deg,#ef4444,#f87171)}.stat-card--orange{background:linear-gradient(135deg,#ff751f,#e8600a);border-color:transparent}.stat-card--orange .stat-card-icon{background:#fff3;color:#fff}.stat-card--orange .stat-card-value{color:#fff}.stat-card--orange .stat-card-label{color:#ffffffd9}.stat-card--orange .stat-card-accent{background:linear-gradient(90deg,rgba(255,255,255,.3),transparent)}.stat-card--orange:hover{background:linear-gradient(135deg,#e8600a,#d45a10)}.dashboard-panel{background:var(--panel);border-radius:var(--r-lg);padding:20px;border:1px solid rgba(0,0,0,.1)}.panel-elevated{box-shadow:var(--shadow-soft);transition:box-shadow .2s ease}.panel-elevated:hover{box-shadow:var(--shadow)}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-title{font-size:14px;font-weight:800;color:var(--text);margin:0;line-height:1.4;letter-spacing:-.2px}.panel-badge{font-size:11px;font-weight:600;color:var(--muted);background:#f1f5f9;padding:4px 10px;border-radius:20px}.panel-link{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#ff751f;text-decoration:none;transition:color .15s ease}.panel-link:hover{color:#e86515}.dashboard-grid-chart{display:grid;grid-template-columns:5fr 2fr;gap:14px;margin-bottom:14px}@media(max-width:1100px){.dashboard-grid-chart{grid-template-columns:1fr}}.chart-panel{display:flex;flex-direction:column}.chart-header-right{display:flex;align-items:center;gap:20px}.chart-range-select{padding:6px 28px 6px 12px;border:1px solid var(--border);border-radius:8px;background:#fff;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color .2s}.chart-range-select:hover{border-color:#cbd5e1}.chart-range-select:focus{outline:none;border-color:#e8600a}.chart-legend{display:flex;gap:14px}.chart-legend-item{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text)}.chart-legend-dot{width:14px;height:14px;border-radius:4px;display:inline-block;flex-shrink:0}.bar-chart-container{flex:1;display:flex;flex-direction:column;padding-top:4px}.bar-chart{display:flex;height:100%;gap:8px;flex:1}.bar-chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;margin-bottom:24px;min-width:28px}.y-axis-label{font-size:10px;color:#94a3b8;font-weight:600;text-align:right}.bar-chart-bars{flex:1;display:flex;align-items:stretch;justify-content:space-evenly;position:relative;border-bottom:2px solid #e2e8f0;gap:0;overflow:visible;margin-bottom:24px}.bar-chart-grid{position:absolute;inset:0;pointer-events:none}.grid-line{position:absolute;left:0;right:0;height:1px;background:#f1f5f9}.bar-group{display:flex;flex-direction:column;align-items:center;flex:1;max-width:100px;min-width:0;overflow:visible;position:relative}.bar-pair{display:flex;align-items:flex-end;gap:5px;flex:1;width:100%;justify-content:center;padding:0 6px;overflow:visible}.bar{flex:1;max-width:28px;min-width:16px;min-height:3px;border-radius:6px 6px 2px 2px;transition:height .6s cubic-bezier(.4,0,.2,1),transform .15s ease;position:relative;cursor:pointer;overflow:visible}.bar:hover,.bar-hovered{transform:scaleY(1.02) scaleX(1.06);filter:brightness(1.08)}.bar-checkin{background:#ff751f}.bar-booking{background:#fbbf24}.bar-value{display:none}.bar-single-tooltip{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:#1e293b;color:#fff;font-size:11px;font-weight:700;padding:4px 8px;border-radius:6px;white-space:nowrap;z-index:20;box-shadow:0 4px 12px #0003;pointer-events:none;animation:tooltipFadeIn .12s ease}.bar-single-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#1e293b}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.bar-label{position:absolute;bottom:-22px;left:50%;transform:translate(-50%);font-size:11px;font-weight:700;color:var(--muted);text-transform:capitalize;white-space:nowrap}.dashboard-grid-mid{display:grid;grid-template-columns:5fr 2fr;gap:14px;margin-bottom:14px}@media(max-width:1100px){.dashboard-grid-mid{grid-template-columns:1fr}}.table-wrapper{overflow-x:auto}.access-filter-tabs{display:flex;background:#f1f5f9;border-radius:8px;padding:3px;gap:2px}.access-filter-tab{padding:4px 12px;border:none;background:transparent;border-radius:6px;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;transition:all .2s ease}.access-filter-tab:hover{color:var(--text)}.access-filter-tab.active{background:#fff;color:var(--text);box-shadow:0 1px 3px #0000001a}.view-all-link{font-size:13px;font-weight:600;color:#e8600a;text-decoration:none;white-space:nowrap}.view-all-link:hover{text-decoration:underline}.dashboard-table{width:100%;border-collapse:collapse;table-layout:fixed}.dashboard-table th{text-align:left;padding:10px;font-size:11px;font-weight:700;color:var(--muted);border-bottom:2px solid var(--border);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.dashboard-table td{padding:11px 10px;font-size:13px;border-bottom:1px solid #f1f5f9}.dashboard-table tbody tr:last-child td{border-bottom:none}.dashboard-table tbody tr{transition:background .15s ease}.dashboard-table tbody tr:hover{background:#f8fafc}.cell-name{color:var(--text);font-weight:600}.cell-code{color:var(--muted);font-weight:600;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px}.cell-time{color:var(--muted);font-weight:500;font-size:12px}.empty-state{padding:40px 16px;text-align:center;color:#94a3b8;font-size:13px;font-weight:500}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:5px 14px;border-radius:6px;font-weight:700;font-size:11px;letter-spacing:.3px}.badgeIn{background:linear-gradient(135deg,#d1fae5,#bbf7d0);color:#065f46}.badgeOut{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.status-badge{display:inline-flex;padding:3px 10px;border-radius:6px;font-weight:700;font-size:11px;flex-shrink:0}.ai-panel{display:flex;flex-direction:column}.peak-hours-list{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.peak-hour-row{display:flex;align-items:center;gap:10px}.peak-hour-time{font-size:13px;font-weight:800;color:var(--text);min-width:48px;font-family:JetBrains Mono,Fira Code,monospace}.peak-hour-pct{font-size:12px;font-weight:700;color:var(--muted);min-width:36px;text-align:right}.area-bar{height:10px;background:#e2e8f0;border-radius:6px;overflow:hidden}.area-bar-fill{height:100%;border-radius:6px;transition:width .5s ease}.peak-quiet-note{font-size:11px;color:#94a3b8;font-weight:600;margin-bottom:14px}.empty-section{padding:20px;text-align:center;color:#94a3b8;font-size:12px}.density-mini-section{border-top:1px solid #e2e8f0;padding-top:14px;margin-bottom:14px}.density-mini-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;font-weight:700;color:var(--text)}.density-mini-sub{font-size:10px;color:#94a3b8;font-weight:600}.density-mini-bars{display:flex;gap:3px;align-items:flex-end}.density-mini-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.density-mini-bar-bg{width:100%;height:30px;background:#f1f5f9;border-radius:3px;display:flex;align-items:flex-end;overflow:hidden}.density-mini-bar-fill{width:100%;border-radius:3px;transition:height .3s ease;min-height:2px}.density-mini-label{font-size:9px;color:#94a3b8;font-weight:600}.behavior-section{border-top:1px solid #e2e8f0;padding-top:14px}.behavior-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.behavior-title{font-size:12px;font-weight:800;color:var(--text)}.behavior-count{background:#ef4444;color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px}.behavior-ok{padding:12px;text-align:center;color:#16a34a;font-size:12px;font-weight:600}.behavior-list{display:flex;flex-direction:column;gap:8px}.behavior-item{padding:10px 12px;border-radius:8px;border:1px solid #e2e8f0;background:#fafafa}.behavior-item--warning{border-color:#fed7aa;background:#fffbeb}.behavior-item--critical{border-color:#fca5a5;background:#fef2f2}.behavior-item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.behavior-item-name{font-size:13px;font-weight:700;color:var(--text)}.behavior-item-code{font-size:11px;font-weight:600;color:#94a3b8;font-family:JetBrains Mono,Fira Code,monospace}.behavior-item-stats{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:4px}.behavior-score{font-size:11px;font-weight:700;color:#16a34a;background:#f0fdf4;padding:2px 8px;border-radius:4px}.score--low{color:#dc2626;background:#fef2f2}.score--mid{color:#f59e0b;background:#fffbeb}.behavior-tag{font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px}.behavior-tag--red{background:#fee2e2;color:#dc2626}.behavior-tag--amber{background:#fef3c7;color:#d97706}.behavior-tag--gray{background:#f1f5f9;color:#64748b}.behavior-detail{font-size:10px;color:#94a3b8;font-weight:600;margin-bottom:2px}.behavior-suggestion{font-size:11px;color:#64748b;font-weight:600;font-style:italic}.dashboard-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}@media(max-width:1100px){.dashboard-grid-two{grid-template-columns:1fr}}.top-students-list{display:flex;flex-direction:column;gap:6px}.top-student-item{display:flex;align-items:center;gap:14px;padding:14px;border-radius:10px;transition:background .15s ease;cursor:pointer}.top-student-item:hover{background:#f1f5f9}.top-student-rank{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;flex-shrink:0}.rank-1{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.rank-2{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569}.rank-3{background:linear-gradient(135deg,#fed7aa,#fdba74);color:#9a3412}.rank-4,.rank-5{background:#f8fafc;color:#94a3b8}.top-student-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;cursor:pointer}.top-student-avatar-wrapper{flex-shrink:0;cursor:pointer}.top-student-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #e2e8f0}.top-student-avatar-fallback{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#f97316,#fb923c);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.top-student-detail-link{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;color:var(--muted);transition:all .15s;text-decoration:none}.top-student-detail-link:hover{background:#e2e8f0;color:var(--primary)}.top-student-name{font-size:14px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-student-code{font-size:11.5px;color:var(--muted);font-weight:600;font-family:JetBrains Mono,Fira Code,monospace}.top-student-stats{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;gap:2px}.top-student-visits{font-size:14px;font-weight:800;color:#ff751f}.top-student-minutes{font-size:11px;color:var(--muted);font-weight:600}.student-modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modalFadeIn .15s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.student-modal{background:#fff;border-radius:16px;padding:28px;width:380px;max-width:90vw;box-shadow:0 20px 60px #00000026;animation:modalSlideUp .2s ease}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.student-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.student-modal-header h3{font-size:16px;font-weight:800;color:var(--text);margin:0}.student-modal-close{background:#f1f5f9;border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:background .15s ease}.student-modal-close:hover{background:#e2e8f0}.student-modal-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#ff751f,#feb47b);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:800;margin:0 auto 16px}.student-modal-name{text-align:center;font-size:18px;font-weight:800;color:var(--text);margin:0 0 4px}.student-modal-code{text-align:center;font-size:13px;color:var(--muted);font-weight:600;font-family:JetBrains Mono,Fira Code,monospace;margin:0 0 20px}.student-modal-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.student-modal-stat{background:#f8fafc;border-radius:10px;padding:14px;text-align:center}.student-modal-stat-value{font-size:20px;font-weight:800;color:#ff751f;display:block}.student-modal-stat-label{font-size:11px;font-weight:600;color:var(--muted);margin-top:4px;display:block}.violations-list{display:flex;flex-direction:column;gap:2px}.violation-item{display:flex;align-items:center;justify-content:space-between;padding:10px 8px;border-radius:8px;transition:background .15s ease}.violation-item:hover{background:#fef2f2}.violation-item-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.violation-avatar{width:32px;height:32px;border-radius:8px;background:#fee2e2;color:#ef4444;display:flex;align-items:center;justify-content:center;flex-shrink:0}.violation-info{display:flex;flex-direction:column;min-width:0}.violation-name{font-size:13px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.violation-type{font-size:11px;color:var(--muted);font-weight:500}.violation-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.violation-time{font-size:10px;color:#94a3b8;font-weight:500}.requests-panel{margin-bottom:14px}.request-tabs{display:flex;gap:4px;padding:4px;background:#f1f5f9;border-radius:10px;margin-bottom:16px}.request-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;background:transparent;border-radius:8px;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap}.request-tab:hover{color:var(--text);background:#ffffff80}.request-tab.active{background:#fff;color:var(--text);box-shadow:0 1px 3px #00000014;font-weight:700}.request-list{display:flex;flex-direction:column;gap:2px}.request-item{display:flex;align-items:center;justify-content:space-between;padding:12px 10px;border-radius:8px;border-bottom:1px solid #f8fafc;transition:background .15s ease}.request-item:hover{background:#f8fafc}.request-item:last-child{border-bottom:none}.request-item-main{flex:1;min-width:0}.request-item-user{display:flex;align-items:center;gap:8px;margin-bottom:3px}.request-item-name{font-size:13px;font-weight:600;color:var(--text)}.request-item-code{font-size:11px;color:var(--muted);font-weight:600;font-family:JetBrains Mono,Fira Code,monospace}.request-item-desc{font-size:12px;color:#64748b;margin:0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.request-item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0;margin-left:16px}.request-item-time{font-size:10px;color:#94a3b8;font-weight:500}.dashboard-grid-bottom{display:grid;grid-template-columns:3fr 2fr;gap:14px}@media(max-width:1100px){.dashboard-grid-bottom{grid-template-columns:1fr}}.empty-section{text-align:center;color:#94a3b8;font-size:13px;padding:32px 0;font-weight:500}.booking-list{display:flex;flex-direction:column}.booking-row{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .15s}.booking-row:last-child{border-bottom:none}.booking-row:hover{background:#f8fafc}.booking-row-left{flex:1;min-width:0}.booking-row-name{display:block;font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.booking-row-meta{font-size:11px;color:var(--muted);font-family:JetBrains Mono,Fira Code,monospace}.booking-row-center{flex:1;min-width:0;text-align:right}.booking-row-seat{display:block;font-size:12px;font-weight:500;color:var(--text)}.booking-row-time{font-size:11px;color:var(--muted)}.news-panel{overflow:hidden}.news-panel .news-cards-grid{display:flex;flex-direction:column;gap:0}.news-panel .news-card{display:flex;gap:14px;padding:12px 4px;background:transparent;border:none;border-bottom:1px solid #f1f5f9;border-radius:0;box-shadow:none;margin:0;max-width:none;transition:all .2s ease;cursor:pointer}.news-panel .news-card:last-child{border-bottom:none;padding-bottom:4px}.news-panel .news-card:first-child{padding-top:4px}.news-panel .news-card:hover{background:#f8fafc;border-radius:8px}.news-panel .news-card-image{width:80px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0;position:relative}.news-panel .news-card-image img{width:100%;height:100%;object-fit:cover}.news-panel .news-card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#dbeafe,#e0e7ff);display:flex;align-items:center;justify-content:center;color:#6366f1}.news-panel .news-card-category{position:absolute;top:3px;left:3px;background:#0009;color:#fff;font-size:8px;font-weight:700;padding:1px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:.3px}.news-panel .news-card-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px}.news-panel .news-card-title{font-size:13px;font-weight:700;color:var(--text);margin:0;line-height:1.35;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.news-panel .news-card-summary{font-size:11.5px;color:#64748b;margin:0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-weight:400}.news-panel .news-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.news-panel .news-card-meta{display:flex;align-items:center;gap:4px;font-size:10.5px;color:#94a3b8;font-weight:500}.news-panel .news-card-views{display:flex;align-items:center;gap:3px;font-size:10.5px;color:#94a3b8;font-weight:500}.legend{display:flex;align-items:center;gap:16px;font-size:11px;color:var(--muted);font-weight:600;margin-bottom:16px}.legend-item{display:flex;align-items:center;gap:5px}.dot{width:8px;height:8px;border-radius:999px;display:inline-block}.dotGreen{background:#22c55e}.dotYellow{background:#fbbf24}.dotRed{background:#ef4444}.zone-area-group{margin-bottom:16px}.zone-area-group:last-child{margin-bottom:0}.zone-areas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.zone-areas-grid .zone-area-group{margin-bottom:0}.zone-status-panel{margin-bottom:14px}.zone-area-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:var(--text);margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #f1f5f9}.zone-row{padding-left:8px}.area-row{margin-bottom:14px}.area-row:last-child{margin-bottom:0}.area-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:7px}.area-name{color:var(--text);font-weight:700}.area-stats{color:var(--muted);font-weight:600;font-size:11px}.area-bar{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden}.area-bar-fill{height:100%;border-radius:999px;transition:width .6s cubic-bezier(.4,0,.2,1)}.dashboard-pending-actions{background:var(--panel, #ffffff);border-radius:16px;padding:20px;border:1px solid rgba(0,0,0,.04);box-shadow:0 1px 3px #0000000a,0 2px 8px #00000008;margin-bottom:20px}.pending-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.pending-action-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;text-decoration:none;transition:all .2s ease;cursor:pointer}.pending-action-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.pending-action-card div{flex:1;display:flex;flex-direction:column}.pending-action-count{font-size:20px;font-weight:800;line-height:1.2}.pending-action-label{font-size:12px;font-weight:600;opacity:.8;margin-top:2px}.pending-action--amber{background:#fffbeb;color:#92400e}.pending-action--amber svg{color:#d97706}.pending-action--red{background:#fef2f2;color:#991b1b}.pending-action--red svg{color:#ef4444}.pending-action--blue{background:#eff6ff;color:#1e40af}.pending-action--blue svg{color:#2563eb}.booking-item-clickable,.violation-item-clickable,.request-item-clickable,.news-panel .news-card-clickable{cursor:pointer;transition:all .2s ease}.booking-item-clickable:hover{background:#f8fafc;transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.violation-item-clickable:hover{background:#fef2f2;transform:translateY(-1px)}.request-item-clickable:hover{background:#f8fafc;transform:translateY(-1px)}.news-panel .news-card-clickable:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.detail-modal-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease;padding:20px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.detail-modal{background:#fff;border-radius:16px;width:100%;max-width:520px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #00000026,0 0 0 1px #0000000a;animation:slideUp .25s ease}.detail-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #f1f5f9;position:sticky;top:0;background:#fff;border-radius:16px 16px 0 0;z-index:1}.detail-modal-header h3{font-size:16px;font-weight:700;color:#1e293b;margin:0}.detail-modal-close{width:32px;height:32px;border-radius:8px;border:none;background:#f1f5f9;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s}.detail-modal-close:hover{background:#e2e8f0;color:#334155}.detail-modal-body{padding:20px 24px 24px}.detail-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.detail-info-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;font-weight:500;color:#1e293b;word-break:break-word}.detail-description{margin-top:16px;padding:14px 16px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.detail-description p{margin:8px 0 0;font-size:13px;color:#475569;line-height:1.6;word-break:break-word}.detail-response{background:#f0fdf4;border-color:#bbf7d0}.detail-evidence{margin-top:16px}.detail-evidence-img{width:100%;max-height:300px;object-fit:contain;border-radius:10px;margin-top:8px;border:1px solid #e2e8f0;background:#f8fafc}.detail-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-top:8px}.detail-images-grid .detail-evidence-img{max-height:160px;margin-top:0}.detail-rating{margin-top:16px}.detail-stars{display:flex;align-items:center;gap:4px;margin-top:8px}.detail-rating-text{margin-left:8px;font-size:15px;font-weight:600;color:#f59e0b}.detail-news-image{margin:-20px -24px 16px;overflow:hidden}.detail-news-image img{width:100%;max-height:240px;object-fit:cover}.detail-view-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:20px;padding:12px 20px;background:linear-gradient(135deg,#ff751f,#e86515);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s}.detail-view-btn:hover{background:linear-gradient(135deg,#e86515,#d45a10);transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed4d}.librarian-areas-page{width:100%;height:100vh;display:flex;flex-direction:column;background:#f9fafb}.librarian-areas-main{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:12px}.librarian-topbar{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:8px 12px;border-radius:6px;box-shadow:0 1px 2px #0000000d;margin-bottom:6px}.librarian-topbar-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#1f2937}.librarian-time-select{padding:6px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;background:#fff;cursor:pointer;outline:none;transition:border-color .2s}.librarian-time-select:hover{border-color:#3b82f6}.librarian-time-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.librarian-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:6px}.librarian-stat-card{background:#fff;padding:8px 12px;border-radius:6px;box-shadow:0 1px 2px #0000000d;display:flex;align-items:center;gap:8px}.librarian-stat-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px}.librarian-stat-icon--green{background:#dcfce7;color:#16a34a}.librarian-stat-icon--blue{background:#dbeafe;color:#2563eb}.librarian-stat-icon--amber{background:#fef3c7;color:#d97706}.librarian-stat-icon--mint{background:#d1fae5;color:#059669}.librarian-stat-title{font-size:11px;color:#9ca3af;margin-bottom:2px}.librarian-stat-number{font-size:16px;font-weight:700;color:#1f2937}.librarian-message{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;margin-bottom:8px;color:#1e40af;font-size:13px}.librarian-message--error{background:#fee;border-color:#fcc;color:#dc2626}.librarian-loading{text-align:center;padding:20px;color:#6b7280;font-size:14px}.librarian-content{flex:1;display:flex;gap:20px;overflow:hidden;min-height:600px;height:calc(100vh - 200px)}.librarian-canvas{flex:1;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;position:relative;min-height:0}.librarian-canvas-board{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .05s ease-out}.librarian-zoom-controls{position:absolute;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:10}.librarian-zoom-btn{width:40px;height:40px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:20px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 4px #0000001a;color:#374151}.librarian-zoom-btn:hover{background:#f9fafb;border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.librarian-zoom-btn:active{transform:translateY(0)}.librarian-zoom-info{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600;text-align:center;color:#4b5563;box-shadow:0 2px 4px #0000001a}.librarian-pan-hint{position:absolute;bottom:20px;left:20px;background:#fffffff2;padding:10px 16px;border-radius:8px;font-size:12px;color:#6b7280;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb;pointer-events:none}.librarian-sidebar{width:320px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;display:flex;flex-direction:column;gap:24px;overflow-y:auto}.librarian-sidebar-section{display:flex;flex-direction:column;gap:16px}.librarian-sidebar-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#1f2937;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.librarian-seat-detail{padding:16px;background:#f9fafb;border-radius:8px;display:flex;flex-direction:column;gap:12px}.librarian-seat-code{font-size:20px;font-weight:700;color:#1f2937}.librarian-seat-info{font-size:14px;color:#4b5563}.librarian-btn{width:100%;padding:12px;border:none;border-radius:8px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:opacity .2s}.librarian-btn:hover:not(:disabled){opacity:.9}.librarian-btn:disabled{cursor:not-allowed}.librarian-empty{padding:40px 20px;text-align:center;color:#9ca3af;font-size:14px}.librarian-legend{padding-top:20px;border-top:1px solid #e5e7eb}.librarian-legend-title{font-size:14px;font-weight:600;margin-bottom:12px;color:#374151}.librarian-legend-item{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:13px;color:#4b5563}.librarian-legend-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.librarian-legend-dot--green{background:#93c5fd}.librarian-legend-dot--orange{background:#f97316}.librarian-legend-dot--gray{background:#9ca3af}.librarian-booker-section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:10px}.librarian-booker-info{display:flex;align-items:center;gap:12px}.librarian-booker-avatar img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #ffedd5}.librarian-avatar-fallback{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#ffedd5,#fed7aa);display:flex;align-items:center;justify-content:center;color:#c2410c}.librarian-booker-details{display:flex;flex-direction:column;gap:2px}.librarian-booker-name{font-size:14px;font-weight:700;color:#1f2937}.librarian-booker-code{font-size:12px;color:#6b7280;font-weight:500}.librarian-booker-time{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280;padding:6px 10px;background:#f3f4f6;border-radius:6px}.librarian-booker-time svg{color:#f59e0b;flex-shrink:0}@media(max-width:1024px){.librarian-content{flex-direction:column}.librarian-sidebar{width:100%;max-height:400px}}.sm-table .cio-filter-dropdown,.sm-table .cio-column-menu,.sm-table .cio-filter-dropdown *,.sm-table .cio-column-menu *{text-transform:none}.sm-view-tabs{display:flex;gap:0;border:1.5px solid var(--lib-border, #e2e8f0);border-radius:8px;overflow:hidden}.sm-view-tab{padding:7px 16px;border:none;background:#fff;font-size:13px;font-weight:600;font-family:inherit;color:var(--lib-muted, #64748b);cursor:pointer;transition:all .15s ease;white-space:nowrap}.sm-view-tab:not(:last-child){border-right:1.5px solid var(--lib-border, #e2e8f0)}.sm-view-tab.active{background:var(--lib-primary, #FF751F);color:#fff}.sm-view-tab:hover:not(.active){background:#f8fafc}.sm-table-wrapper{overflow-x:auto;margin-top:16px}.sm-table{width:100%;border-collapse:collapse}.sm-table thead tr{border-bottom:2px solid var(--lib-border, #e2e8f0)}.sm-table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:700;color:var(--lib-muted, #64748b);text-transform:uppercase;letter-spacing:.4px}.sm-table th.center,.sm-table td.center{text-align:center}.sm-table-row{border-bottom:1px solid var(--lib-border-light, #f1f5f9);cursor:pointer;transition:var(--lib-transition)}.sm-table-row:hover{background:var(--lib-hover, rgba(255, 117, 31, .04))}.sm-table td{padding:14px 16px;font-size:13px}.sm-student-cell{display:flex;align-items:center;gap:12px}.sm-avatar{width:36px;height:36px;border-radius:10px;background:#e8600a;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden}.sm-avatar-in{background:#1e8e3e}.sm-student-name{font-weight:600;color:var(--lib-text, #1f2937)}.sm-code-cell{color:var(--lib-muted, #64748b);font-weight:500}.sm-email-cell{color:var(--lib-muted, #64748b);font-size:13px}.sm-time-cell{font-weight:600;color:var(--lib-text, #1f2937);font-variant-numeric:tabular-nums}.sm-date-cell{color:var(--lib-muted, #64748b);font-size:13px;font-variant-numeric:tabular-nums}.sm-duration-badge{display:inline-block;padding:4px 10px;border-radius:var(--lib-r-pill, 9999px);font-size:12px;font-weight:600;background:#ede9fe;color:#7c3aed}.sm-status-badge{display:inline-block;padding:4px 12px;border-radius:var(--lib-r-pill, 9999px);font-size:12px;font-weight:600}.sm-status-badge.active{background:var(--lib-green-bg, #dcfce7);color:#166534}.sm-status-badge.locked{background:var(--lib-red-bg, #fee2e2);color:#991b1b}.sm-table-empty{padding:48px;text-align:center;color:var(--lib-muted, #64748b);font-size:14px}.sm-table-empty-cell{padding:48px!important;text-align:center;color:var(--lib-muted, #64748b);font-size:14px}.sm-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:48px;color:var(--lib-muted, #64748b);font-size:14px}.sm-spinner{animation:spin 1s linear infinite}@media(max-width:768px){.sm-controls{flex-direction:column}}.vr-type-text{font-size:13px;font-weight:500;color:var(--lib-text, #1f2937)}.vr-points-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:700;background:var(--lib-red-bg, #fee2e2);color:var(--lib-red, #ef4444)}.cm-page-title{font-size:24px;font-weight:800;color:var(--lib-text, #0f172a);margin:0;letter-spacing:-.3px;text-transform:uppercase}.cm-header-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.cm-badge-count{background:var(--lib-red, #ef4444);color:#fff;padding:4px 14px;border-radius:var(--lib-r-pill, 9999px);font-size:12px;font-weight:700;letter-spacing:.2px;animation:cm-pulse-badge 2s ease-in-out infinite}@keyframes cm-pulse-badge{0%,to{box-shadow:0 2px 8px #ef444440}50%{box-shadow:0 2px 16px #ef444473}}.cm-ws-indicator{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--lib-muted, #64748b);margin-left:auto}.cm-ws-dot{width:8px;height:8px;border-radius:50%;background:#94a3b8}.cm-ws-dot.connected{background:#22c55e;box-shadow:0 0 6px #22c55e66}.cm-chat-container{display:flex;gap:0;background:var(--lib-panel, #fff);border-radius:var(--lib-r-lg, 16px);height:calc(100vh - 180px);box-shadow:var(--lib-shadow-soft, 0 4px 20px rgba(15, 23, 42, .05));overflow:hidden;border:1px solid rgba(0,0,0,.04)}.cm-conversation-list{width:340px;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--lib-border, #e2e8f0);background:#fafbfc}.cm-sidebar-header{padding:16px;border-bottom:1px solid var(--lib-border-light, #f1f5f9);background:var(--lib-panel, #fff)}.cm-sidebar-search{position:relative}.cm-sidebar-search input{width:100%;padding:9px 14px 9px 36px;border:1px solid var(--lib-border, #e2e8f0);border-radius:var(--lib-r-xs, 8px);font-size:13px;font-family:inherit;color:var(--lib-text, #0f172a);background:#f8fafc;transition:var(--lib-transition);outline:none;box-sizing:border-box}.cm-sidebar-search input:focus{border-color:var(--lib-primary, #FF751F);box-shadow:0 0 0 3px #ff751f1a;background:#fff}.cm-sidebar-search input::placeholder{color:#94a3b8}.cm-sidebar-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.cm-sidebar-body{flex:1;overflow-y:auto;padding:8px}.cm-sidebar-body::-webkit-scrollbar{width:4px}.cm-sidebar-body::-webkit-scrollbar-track{background:transparent}.cm-sidebar-body::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}.cm-section-header{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--lib-muted, #64748b);padding:12px 12px 6px;display:flex;align-items:center;gap:6px}.cm-section-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.cm-section-dot.waiting{background:var(--lib-amber, #d97706)}.cm-section-dot.active{background:var(--lib-green, #16a34a)}.cm-section-dot.other{background:#94a3b8}.cm-conv-item{display:flex;align-items:flex-start;gap:12px;background:var(--lib-panel, #fff);padding:12px;border-radius:var(--lib-r-xs, 8px);cursor:pointer;transition:var(--lib-transition);border:1px solid transparent;margin-bottom:4px;position:relative}.cm-conv-item:hover{background:var(--lib-hover-bg, #f8fafc);border-color:var(--lib-border, #e2e8f0)}.cm-conv-item.active{background:var(--lib-primary-light, #fff3eb);border-color:var(--lib-primary, #FF751F);box-shadow:0 2px 8px #ff751f1a}.cm-conv-avatar{width:40px;height:40px;border-radius:var(--lib-r-sm, 10px);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700;font-size:15px;color:#fff;background:linear-gradient(135deg,#ff751f,#ff9a56)}.cm-conv-info{display:flex;flex-direction:column;flex:1;min-width:0;gap:2px}.cm-conv-name-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.cm-conv-name{font-size:14px;font-weight:600;color:var(--lib-text, #0f172a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cm-conv-time{font-size:11px;color:#94a3b8;font-weight:500;white-space:nowrap;flex-shrink:0}.cm-conv-code{font-size:11px;color:var(--lib-muted, #64748b);font-weight:600;font-family:JetBrains Mono,Fira Code,monospace}.cm-conv-reason{font-size:12px;color:var(--lib-text-secondary, #475569);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.cm-conv-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}.cm-conv-wait-time{font-size:11px;color:var(--lib-amber, #d97706);font-weight:600;display:flex;align-items:center;gap:3px}.cm-status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;font-weight:700;font-size:10px;letter-spacing:.2px;flex-shrink:0}.cm-status-badge.waiting{background:var(--lib-amber-bg, #fef3c7);color:#92400e}.cm-status-badge.active{background:var(--lib-green-bg, #dcfce7);color:#065f46}.cm-status-badge.resolved{background:#f3f4f6;color:#6b7280}.cm-chat-window{flex:1;background:var(--lib-panel, #fff);display:flex;flex-direction:column;overflow:hidden;position:relative}.cm-chat-header{padding:14px 20px;border-bottom:1px solid var(--lib-border-light, #f1f5f9);display:flex;align-items:center;justify-content:space-between;background:var(--lib-panel, #fff)}.cm-chat-header-left{display:flex;align-items:center;gap:12px}.cm-chat-header-avatar{width:40px;height:40px;border-radius:var(--lib-r-sm, 10px);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:#fff;background:linear-gradient(135deg,#ff751f,#ff9a56);position:relative}.cm-online-dot{width:10px;height:10px;background:#22c55e;border-radius:50%;border:2px solid white;position:absolute;bottom:-2px;right:-2px}.cm-chat-header-info{display:flex;flex-direction:column;gap:1px}.cm-chat-header-name{font-weight:700;font-size:15px;color:var(--lib-text, #0f172a);display:flex;align-items:center;gap:8px}.cm-chat-header-code{font-size:12px;color:var(--lib-muted, #64748b);font-weight:600;font-family:JetBrains Mono,Fira Code,monospace}.cm-chat-header-sub{font-size:12px;color:#94a3b8;font-weight:500}.cm-chat-header-actions{display:flex;gap:8px}.cm-btn-accept{background:var(--lib-green, #16a34a);color:#fff;border:none;padding:8px 18px;border-radius:var(--lib-r-xs, 8px);cursor:pointer;display:flex;align-items:center;gap:6px;font-weight:600;font-size:13px;transition:var(--lib-transition);font-family:inherit}.cm-btn-accept:hover{background:#15803d;box-shadow:0 4px 12px #16a34a4d}.cm-btn-end{background:var(--lib-red, #ef4444);color:#fff;border:none;padding:8px 18px;border-radius:var(--lib-r-xs, 8px);cursor:pointer;display:flex;align-items:center;gap:6px;font-weight:600;font-size:13px;transition:var(--lib-transition);font-family:inherit}.cm-btn-end:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d}.cm-messages-area{flex:1;padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;background:#f8fafc}.cm-messages-area::-webkit-scrollbar{width:5px}.cm-messages-area::-webkit-scrollbar-track{background:transparent}.cm-messages-area::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}.cm-message-row{display:flex;align-items:flex-end;gap:8px;max-width:72%;animation:cm-msg-slide-in .25s ease-out}@keyframes cm-msg-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cm-message-row.mine{margin-left:auto;flex-direction:row-reverse}.cm-message-row.theirs{margin-right:auto}.cm-msg-avatar{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px;font-weight:700;margin-bottom:2px}.cm-msg-avatar.student{background:#e2e8f0;color:var(--lib-muted, #64748b)}.cm-msg-avatar.ai{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-size:13px}.cm-conv-avatar-img,.cm-header-avatar-img,.cm-msg-avatar-img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.cm-bubble{padding:10px 16px;border-radius:var(--lib-r-sm, 10px);font-size:14px;line-height:1.55;position:relative;word-wrap:break-word;box-shadow:0 1px 2px #0000000a;transition:box-shadow .2s}.cm-bubble:hover{box-shadow:0 2px 6px #00000014}.cm-message-row.mine .cm-bubble{background:var(--lib-primary, #FF751F);color:#fff;border-bottom-right-radius:4px}.cm-bubble.student-bubble{background:var(--lib-panel, #fff);color:var(--lib-text, #0f172a);border:1px solid var(--lib-border, #e2e8f0);border-bottom-left-radius:4px}.cm-bubble.ai-bubble{background:linear-gradient(135deg,#f5f3ff,#ede9fe);color:var(--lib-text, #0f172a);border:1px solid #ddd6fe;border-bottom-left-radius:4px}.cm-ai-label{font-size:10px;color:#7c3aed;font-weight:700;margin-bottom:4px;letter-spacing:.3px;display:flex;align-items:center;gap:4px}.cm-msg-time{font-size:10px;margin-top:4px;text-align:right;opacity:.6}.cm-message-row.mine .cm-msg-time{color:#ffffffbf}.cm-system-message{text-align:center;color:#94a3b8;font-size:12px;font-style:italic;padding:8px 0}.cm-system-message.cm-support-context{text-align:left;font-style:normal;padding:8px 40px}.cm-support-card{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a;border-radius:var(--lib-r-md, 12px);overflow:hidden;box-shadow:0 2px 8px #f59e0b1a}.cm-support-card-header{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f59e0b1a;font-size:13px;font-weight:700;color:#92400e;border-bottom:1px solid #fde68a}.cm-support-card-icon{font-size:16px}.cm-support-card-body{padding:12px 16px;font-size:14px;color:#78350f;line-height:1.6;white-space:pre-line}.cm-support-card-images{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.cm-support-card-img{width:80px;height:80px;border-radius:8px;object-fit:cover;border:1px solid #fde68a;cursor:pointer;transition:transform .2s}.cm-support-card-img:hover{transform:scale(1.08);box-shadow:0 2px 8px #00000026}.cm-typing-indicator{display:flex;align-items:center;gap:8px;padding:8px 16px;color:#888;font-size:13px}.cm-typing-dots{display:flex;gap:3px}.cm-typing-dots span{width:6px;height:6px;border-radius:50%;background:#aaa;animation:cm-typing-bounce 1.2s ease-in-out infinite}.cm-typing-dots span:nth-child(2){animation-delay:.2s}.cm-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes cm-typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.cm-composer{padding:14px 20px;background:var(--lib-panel, #fff);display:flex;align-items:center;gap:10px;border-top:1px solid var(--lib-border-light, #f1f5f9)}.cm-composer-form{flex:1;display:flex;gap:10px;align-items:center}.cm-btn-icon{background:#f1f5f9;border:1px solid var(--lib-border, #e2e8f0);border-radius:var(--lib-r-xs, 8px);padding:8px;cursor:pointer;color:var(--lib-muted, #64748b);display:flex;align-items:center;justify-content:center;transition:var(--lib-transition)}.cm-btn-icon:hover{background:#e2e8f0;color:var(--lib-primary, #FF751F)}.cm-composer input{flex:1;padding:10px 16px;border-radius:var(--lib-r-xs, 8px);border:1px solid var(--lib-border, #e2e8f0);background:#f8fafc;outline:none;font-size:14px;font-family:inherit;color:var(--lib-text, #0f172a);transition:var(--lib-transition)}.cm-composer input:focus{background:var(--lib-panel, #fff);border-color:var(--lib-primary, #FF751F);box-shadow:0 0 0 3px #ff751f1a}.cm-composer input::placeholder{color:#94a3b8}.cm-btn-send{background:var(--lib-primary, #FF751F);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:9px;border-radius:var(--lib-r-xs, 8px);transition:var(--lib-transition)}.cm-btn-send:hover:not(:disabled){background:var(--lib-primary-dark, #e5651a);box-shadow:0 4px 12px #ff751f4d}.cm-btn-send:disabled{opacity:.35;cursor:not-allowed;background:#94a3b8}.cm-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#94a3b8;gap:12px;padding:40px}.cm-empty-state-icon{color:#d1d5db;opacity:.6}.cm-empty-state p{font-size:14px;margin:0;text-align:center;color:var(--lib-muted, #64748b)}.cm-empty-state-big{text-align:center;padding:60px 20px}.cm-empty-state-big p{color:var(--lib-muted, #64748b);margin-top:16px;font-size:14px}.cm-loading{text-align:center;padding:60px;color:var(--lib-muted, #64748b)}.cm-loading-spinner{width:36px;height:36px;border:3px solid var(--lib-border, #e2e8f0);border-top:3px solid var(--lib-primary, #FF751F);border-radius:50%;animation:cm-spin .7s linear infinite;margin:0 auto 12px}@keyframes cm-spin{to{transform:rotate(360deg)}}.cm-conv-empty{text-align:center;padding:40px 16px;color:var(--lib-muted, #64748b);font-size:13px}.cm-conv-empty-icon{margin-bottom:12px;opacity:.4}.cm-confirm-overlay{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:cm-fade-in .2s ease}@keyframes cm-fade-in{0%{opacity:0}to{opacity:1}}.cm-confirm-dialog{background:var(--lib-panel, #fff);border-radius:var(--lib-r-lg, 16px);padding:28px;width:100%;max-width:400px;text-align:center;box-shadow:0 25px 60px #00000026;animation:cm-scale-in .25s ease}@keyframes cm-scale-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.cm-confirm-dialog h3{margin:0 0 8px;font-size:16px;font-weight:700;color:var(--lib-text, #0f172a)}.cm-confirm-dialog p{margin:0 0 24px;font-size:14px;color:var(--lib-muted, #64748b);line-height:1.5}.cm-confirm-actions{display:flex;gap:10px;justify-content:center}.cm-confirm-actions button{padding:9px 24px;border:none;border-radius:var(--lib-r-xs, 8px);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:var(--lib-transition)}.cm-confirm-cancel{background:#f1f5f9;color:var(--lib-text-secondary, #475569)}.cm-confirm-cancel:hover{background:#e2e8f0}.cm-confirm-yes{background:var(--lib-red, #ef4444);color:#fff}.cm-confirm-yes:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d}.cm-escalation-banner{padding:8px 20px;background:var(--lib-amber-bg, #fef3c7);border-bottom:1px solid #fde68a;font-size:13px;color:#92400e;display:flex;align-items:center;gap:8px}.cm-escalation-banner strong{font-weight:700}@media(max-width:900px){.cm-chat-container{flex-direction:column;height:calc(100vh - 140px)}.cm-conversation-list{width:100%;max-height:220px;border-right:none;border-bottom:1px solid var(--lib-border, #e2e8f0)}.cm-sidebar-body{display:flex;flex-direction:row;overflow-x:auto;gap:8px;padding:8px}.cm-conv-item{min-width:220px;flex-shrink:0;margin-bottom:0}.cm-section-header{display:none}.cm-chat-window{flex:1}}.cm-msg-images{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.cm-msg-img{max-width:200px;max-height:200px;border-radius:8px;object-fit:cover;cursor:pointer;transition:transform .2s}.cm-msg-img:hover{transform:scale(1.03)}.cm-composer-row{display:flex;align-items:center;gap:8px;width:100%}.cm-image-preview{position:relative;padding:8px 12px 4px;display:flex;align-items:flex-start}.cm-image-preview img{max-width:120px;max-height:100px;border-radius:8px;object-fit:cover;border:1px solid #e2e8f0}.cm-preview-remove{position:absolute;top:4px;right:4px;background:#0009;color:#fff;border:none;border-radius:50%;width:22px;height:22px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.cm-preview-remove:hover{background:#000c}.cm-chat-toast{position:fixed;top:24px;right:24px;background:#fff;border-left:4px solid var(--lib-primary, #f97316);box-shadow:0 4px 24px #0000001f;border-radius:8px;padding:12px 20px;display:flex;flex-direction:column;gap:2px;cursor:pointer;z-index:9999;animation:cm-toast-slide .3s ease-out;max-width:360px}.cm-chat-toast strong{font-size:13px;color:#1e293b}.cm-chat-toast span{font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes cm-toast-slide{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.st-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.st-header-left{display:flex;flex-direction:column;gap:4px}.st-title{font-size:24px;font-weight:900;color:var(--lib-text);margin:0;letter-spacing:1.5px}.st-subtitle{font-size:13px;color:var(--lib-muted);margin:0;font-weight:500}.st-header-right{display:flex;align-items:center;gap:10px}.st-range-selector{display:flex;background:#fff;border-radius:var(--lib-r-md);padding:4px;box-shadow:var(--lib-shadow-card);gap:2px}.st-range-btn{padding:8px 16px;border:none;background:transparent;font-size:13px;font-weight:600;color:var(--lib-muted);cursor:pointer;border-radius:var(--lib-r-xs);transition:var(--lib-transition);font-family:inherit;white-space:nowrap}.st-range-btn:hover{color:var(--lib-text);background:var(--lib-hover-bg)}.st-range-btn.active{background:var(--lib-primary);color:#fff;box-shadow:0 2px 8px #ff751f4d}.st-refresh-btn{width:36px;height:36px;border:1px solid var(--lib-border);background:#fff;border-radius:var(--lib-r-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--lib-muted);transition:var(--lib-transition)}.st-refresh-btn:hover{border-color:var(--lib-primary);color:var(--lib-primary)}.st-refresh-btn .spinning{animation:lib-spin .8s linear infinite}@keyframes lib-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.st-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.st-overview-card{background:#fff;border-radius:var(--lib-r-lg);padding:20px;display:flex;align-items:center;gap:16px;border:1px solid rgba(0,0,0,.04);box-shadow:var(--lib-shadow-card);transition:var(--lib-transition)}.st-overview-card:hover{box-shadow:var(--lib-shadow-soft);transform:translateY(-2px)}.st-ov-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.st-ov-orange{background:linear-gradient(135deg,#fff3eb,#ffe4cc);color:#ff751f}.st-ov-blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.st-ov-red{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#ef4444}.st-ov-green{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a}.st-ov-value{font-size:28px;font-weight:800;color:var(--lib-text);line-height:1}.st-ov-label{font-size:12px;color:var(--lib-muted);font-weight:600;margin-top:4px}.st-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.st-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.st-chart-panel{min-height:320px}.st-chart-container{height:260px;display:flex;align-items:stretch}.st-bar-chart{display:flex;width:100%;gap:8px}.st-chart-y{display:flex;flex-direction:column;justify-content:space-between;font-size:11px;color:var(--lib-muted);padding-right:8px;font-weight:500;padding-bottom:24px}.st-chart-body{flex:1;display:flex;align-items:flex-end;gap:6px;position:relative;padding-bottom:24px;border-bottom:1px solid var(--lib-border);height:220px}.st-chart-grid-lines{position:absolute;inset:0 0 24px;pointer-events:none}.st-grid-line{position:absolute;left:0;right:0;height:1px;background:var(--lib-border-light)}.st-bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:0;min-width:0;height:100%}.st-bar-pair{display:flex;align-items:flex-end;gap:3px;flex:1;width:100%;justify-content:center}.st-bar{flex:0 0 auto;width:calc(50% - 4px);max-width:22px;border-radius:4px 4px 0 0;transition:all .3s ease;position:relative;min-height:2px}.st-bar-ci{background:#ff751f}.st-bar-bk{background:#fbbf24}.st-bar.hovered{filter:brightness(1.15);transform:scaleY(1.02);transform-origin:bottom}.st-bar-tooltip{position:absolute;top:-26px;left:50%;transform:translate(-50%);background:var(--lib-text);color:#fff;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700;white-space:nowrap;z-index:10}.st-bar-x-label{font-size:10px;color:var(--lib-muted);font-weight:600;margin-top:6px;white-space:nowrap;text-align:center}.st-chart-legend{display:flex;gap:14px}.st-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--lib-muted);font-weight:500}.st-legend-dot{width:10px;height:10px;border-radius:3px;display:inline-block}.st-booking-overview{text-align:center;margin-bottom:24px}.st-booking-big{font-size:48px;font-weight:800;color:var(--lib-text);line-height:1}.st-booking-big-label{font-size:13px;color:var(--lib-muted);font-weight:500;margin-top:6px}.st-booking-bar{height:10px;border-radius:5px;display:flex;overflow:hidden;background:#f1f5f9;margin-bottom:20px}.st-booking-seg{height:100%;transition:width .5s ease}.st-seg-green{background:#22c55e}.st-seg-yellow{background:#fbbf24}.st-seg-gray{background:#94a3b8}.st-booking-metrics{display:flex;flex-direction:column;gap:14px}.st-booking-metric{display:flex;align-items:center;gap:14px}.st-metric-indicator{width:12px;height:12px;border-radius:4px;flex-shrink:0}.st-ind-green{background:#22c55e}.st-ind-yellow{background:#fbbf24}.st-ind-gray{background:#94a3b8}.st-metric-detail{display:flex;flex-direction:column}.st-metric-val{font-size:16px;font-weight:800;color:var(--lib-text)}.st-metric-desc{font-size:12px;color:var(--lib-muted);font-weight:500}.st-peak-chart{display:flex;flex-direction:column;gap:6px;max-height:400px;overflow-y:auto}.st-peak-row{display:flex;align-items:center;gap:10px}.st-peak-label{font-size:11px;color:var(--lib-muted);font-weight:600;width:40px;text-align:right;flex-shrink:0}.st-peak-bar-bg{flex:1;height:18px;background:#f1f5f9;border-radius:4px;overflow:hidden}.st-peak-bar-fill{height:100%;background:linear-gradient(90deg,#ff751f,#ff9a56);border-radius:4px;transition:width .4s ease;min-width:2px}.st-peak-bar-fill.peak{background:linear-gradient(90deg,#ef4444,#f87171)}.st-peak-count{font-size:12px;font-weight:700;color:var(--lib-text);width:32px;text-align:right;flex-shrink:0}.st-violation-list{display:flex;flex-direction:column;gap:16px}.st-violation-row{display:flex;flex-direction:column;gap:6px}.st-violation-info{display:flex;justify-content:space-between;align-items:center}.st-violation-label{font-size:13px;font-weight:600;color:var(--lib-text)}.st-violation-count{font-size:13px;font-weight:800;color:var(--lib-text)}.st-violation-bar-bg{height:8px;background:#fee2e2;border-radius:4px;overflow:hidden}.st-violation-bar-fill{height:100%;background:linear-gradient(90deg,#ef4444,#f87171);border-radius:4px;transition:width .4s ease;min-width:2px}.st-feedback-panel{display:flex;flex-direction:column}.st-feedback-top{display:flex;gap:24px;align-items:flex-start}.st-rating-overview{text-align:center;min-width:90px;flex-shrink:0}.st-rating-big{font-size:42px;font-weight:800;color:var(--lib-text);line-height:1}.st-rating-stars{margin-top:6px}.st-star{font-size:16px;color:#e2e8f0}.st-star.filled{color:#fbbf24}.st-rating-total{font-size:12px;color:var(--lib-muted);font-weight:500;margin-top:6px}.st-rating-dist{flex:1;display:flex;flex-direction:column;gap:6px}.st-dist-row{display:flex;align-items:center;gap:6px}.st-dist-label{font-size:12px;font-weight:700;color:var(--lib-text);width:12px;text-align:right}.st-dist-star{font-size:12px;color:#fbbf24}.st-dist-bar-bg{flex:1;height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.st-dist-bar-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#fcd34d);border-radius:4px;transition:width .4s ease}.st-dist-count{font-size:11px;font-weight:600;color:var(--lib-muted);width:24px;text-align:right}.st-feedback-divider{height:1px;background:var(--lib-border-light);margin:18px 0}.st-feedback-recent-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:13px;font-weight:700;color:var(--lib-text)}.st-fb-nav{display:flex;align-items:center;gap:6px}.st-fb-page{font-size:12px;color:var(--lib-muted);font-weight:500}.st-feedback-list-new{display:flex;flex-direction:column;gap:10px}.st-fb-card{padding:14px;background:var(--lib-hover-bg);border-radius:var(--lib-r-md);border:1px solid var(--lib-border-light);transition:var(--lib-transition)}.st-fb-card:hover{border-color:var(--lib-border)}.st-fb-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.st-fb-user{display:flex;align-items:center;gap:10px}.st-fb-avatar{width:32px;height:32px;border-radius:10px;object-fit:cover}.st-fb-name{font-size:13px;font-weight:700;color:var(--lib-text)}.st-fb-code{font-size:11px;color:var(--lib-muted)}.st-fb-stars .st-star{font-size:13px}.st-fb-content{font-size:13px;color:var(--lib-text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.st-fb-time{font-size:11px;color:var(--lib-muted);margin-top:8px;font-weight:500}.st-nav-btn{background:#fff;border:1.5px solid var(--lib-border);border-radius:var(--lib-r-xs);padding:4px 10px;cursor:pointer;font-size:13px;font-weight:600;color:var(--lib-text);transition:var(--lib-transition);font-family:inherit}.st-nav-btn:hover:not(:disabled){border-color:var(--lib-primary);color:var(--lib-primary)}.st-nav-btn:disabled{opacity:.35;cursor:not-allowed}.st-zone-list-new{display:flex;flex-direction:column;gap:16px}.st-zone-row{display:flex;flex-direction:column;gap:8px}.st-zone-top{display:flex;justify-content:space-between;align-items:center}.st-zone-info{display:flex;flex-direction:column;gap:2px}.st-zone-name-new{font-size:13px;font-weight:700;color:var(--lib-text)}.st-zone-area{font-size:11px;color:var(--lib-muted);font-weight:500}.st-zone-stats{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.st-zone-bookings{font-size:13px;font-weight:700;color:var(--lib-text)}.st-zone-seats{font-size:11px;color:var(--lib-muted);font-weight:500}.st-zone-bar-bg-new{height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.st-zone-bar-fill-new{height:100%;border-radius:4px;transition:width .5s ease;min-width:2px}.st-empty{display:flex;align-items:center;justify-content:center;height:100%;min-height:120px;color:var(--lib-muted);font-size:13px;font-style:italic}@media(max-width:1200px){.st-overview-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.st-row-2col{grid-template-columns:1fr}.st-overview-grid{grid-template-columns:repeat(2,1fr)}.st-header{flex-direction:column}.st-feedback-top{flex-direction:column;align-items:center}}@media(max-width:600px){.st-overview-grid{grid-template-columns:1fr}.st-range-selector{flex-wrap:wrap}}.bm-table .cio-filter-dropdown,.bm-table .cio-column-menu,.bm-table .cio-filter-dropdown *,.bm-table .cio-column-menu *{text-transform:none}.bm-table-wrapper{overflow-x:auto}.bm-table{width:100%;border-collapse:collapse}.bm-table thead tr{border-bottom:2px solid var(--lib-border, #e2e8f0)}.bm-table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:700;color:var(--lib-muted, #64748b);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;position:relative}.bm-table th.center,.bm-table td.center{text-align:center}.bm-table-row{border-bottom:1px solid var(--lib-border-light, #f1f5f9);cursor:pointer;transition:var(--lib-transition)}.bm-table-row:hover{background:var(--lib-hover, rgba(255, 117, 31, .04))}.bm-table td{padding:12px 16px;font-size:13px}.bm-student-cell{display:flex;align-items:center;gap:10px;cursor:pointer}.bm-student-cell:hover .bm-student-name{color:var(--lib-primary, #FF751F)}.bm-avatar{width:34px;height:34px;border-radius:9px;object-fit:cover;flex-shrink:0}.bm-avatar-placeholder{width:34px;height:34px;border-radius:9px;background:#ff751f;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.bm-student-name{font-weight:600;color:var(--lib-text, #1f2937);font-size:13px;transition:var(--lib-transition)}.bm-student-code{font-size:12px;color:var(--lib-muted, #64748b)}.bm-seat-cell{white-space:nowrap}.bm-seat-code{font-weight:600;color:var(--lib-text, #1f2937);background:var(--lib-bg-secondary, #f8fafc);padding:3px 10px;border-radius:6px;font-size:13px}.bm-zone-cell{font-size:13px;color:var(--lib-text, #1f2937)}.bm-area-name{color:var(--lib-muted, #64748b);font-size:12px}.bm-time-badge{font-size:12px;font-weight:600;color:var(--lib-primary, #FF751F);background:var(--lib-primary-light, #fff3eb);padding:4px 10px;border-radius:6px;white-space:nowrap}.bm-status-badge{display:inline-block;padding:4px 10px;border-radius:var(--lib-r-pill, 9999px);font-size:11px;font-weight:600;white-space:nowrap}.bm-status-badge.booked{background:var(--lib-amber-bg, #fef3c7);color:#92400e}.bm-status-badge.confirmed{background:var(--lib-green-bg, #dcfce7);color:#166534}.bm-status-badge.cancelled{background:var(--lib-red-bg, #fee2e2);color:#991b1b}.bm-status-badge.expired{background:#f1f5f9;color:#475569}.bm-status-badge.processing{background:#dbeafe;color:#1e40af}.bm-status-badge.completed{background:#ede9fe;color:#6d28d9}.bm-date-cell{font-size:12px;color:var(--lib-muted, #64748b);font-variant-numeric:tabular-nums;white-space:nowrap}.bm-cancel-btn{padding:4px 12px;border:1.5px solid var(--lib-red, #ef4444);border-radius:6px;font-size:12px;font-weight:600;font-family:inherit;color:var(--lib-red, #ef4444);background:transparent;cursor:pointer;transition:var(--lib-transition)}.bm-cancel-btn:hover{background:var(--lib-red, #ef4444);color:#fff}.bm-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.bm-table-empty-cell{padding:48px!important;text-align:center;color:var(--lib-muted, #64748b);font-size:14px}.bm-modal-overlay{position:fixed;inset:0;background:#0f172a73;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:bm-fadeIn .2s ease}@keyframes bm-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bm-slideUp{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}.bm-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:20px;width:520px;max-width:92vw;max-height:88vh;overflow-y:auto;z-index:1001;box-shadow:0 24px 80px #0000002e,0 0 0 1px #0000000a;animation:bm-slideUp .25s ease}.bm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:22px 28px 18px;border-bottom:1px solid #f1f5f9}.bm-modal-header h2{font-size:17px;font-weight:700;color:#1e293b;margin:0}.bm-modal-close{background:none;border:none;cursor:pointer;color:#94a3b8;padding:6px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.bm-modal-close:hover{background:#f1f5f9;color:#475569}.bm-modal-body{padding:24px 28px}.bm-modal-user-card{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#fff7ed,#fff3e6);border:1px solid #fed7aa;border-radius:14px;padding:16px 20px;margin-bottom:20px}.bm-modal-user{display:flex;align-items:center;gap:14px}.bm-modal-avatar{width:52px;height:52px;border-radius:14px;object-fit:cover;flex-shrink:0;border:2.5px solid #fff;box-shadow:0 2px 8px #ff751f26}.bm-modal-avatar-placeholder{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#ff751f,#ff9a5c);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #ff751f40}.bm-modal-user-info{display:flex;flex-direction:column;gap:3px}.bm-modal-user-name{font-size:16px;font-weight:700;color:#1e293b;margin:0}.bm-modal-user-code{font-size:13px;color:#78716c;display:flex;align-items:center;gap:4px}.bm-status-badge-lg{display:inline-flex;align-items:center;padding:6px 14px;border-radius:10px;font-size:12px;font-weight:700;white-space:nowrap;letter-spacing:.2px}.bm-status-badge-lg.booked{background:#fef3c7;color:#92400e}.bm-status-badge-lg.confirmed{background:#dcfce7;color:#166534}.bm-status-badge-lg.cancelled{background:#fee2e2;color:#991b1b}.bm-status-badge-lg.expired{background:#f1f5f9;color:#475569}.bm-status-badge-lg.processing{background:#dbeafe;color:#1e40af}.bm-status-badge-lg.completed{background:#ede9fe;color:#6d28d9}.bm-modal-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bm-modal-info-card{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#f8fafc;border-radius:12px;border:1px solid #f1f5f9;transition:all .15s ease}.bm-modal-info-card:hover{background:#f1f5f9;border-color:#e2e8f0}.bm-modal-info-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bm-modal-info-icon.seat{background:#dbeafe;color:#2563eb}.bm-modal-info-icon.zone{background:#dcfce7;color:#16a34a}.bm-modal-info-icon.time{background:#fff3eb;color:#ff751f}.bm-modal-info-icon.date{background:#ede9fe;color:#7c3aed}.bm-modal-info-label{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px}.bm-modal-info-value{font-size:14px;font-weight:600;color:#1e293b;line-height:1.3}.bm-modal-info-sub{font-size:12px;color:#94a3b8;font-weight:400;margin-top:1px}.bm-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 28px 20px;border-top:1px solid #f1f5f9}.bm-modal-btn{padding:9px 20px;border-radius:10px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease;border:none}.bm-modal-btn.close{background:#f1f5f9;color:#475569}.bm-modal-btn.close:hover{background:#e2e8f0}.bm-modal-btn.cancel{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.bm-modal-btn.cancel:hover{background:#fee2e2}.bm-modal-btn.cancel:disabled{opacity:.5;cursor:not-allowed}*{box-sizing:border-box}.nt-page-title{font-size:26px;font-weight:600;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 24px;letter-spacing:-.5px}.nt-fade-in{animation:fadeSlideIn .4s ease-out}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.nt-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px}.nt-stat-card{background:linear-gradient(145deg,#fff,#f8fafc);border-radius:12px;padding:24px 28px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #0000000d,inset 0 1px #ffffffe6;border:1px solid rgba(0,0,0,.04);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.nt-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.3),transparent);opacity:0;transition:opacity .3s}.nt-stat-card:hover:before{opacity:1}.nt-stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px -5px #0000001a,0 20px 30px -10px #00000014}.nt-card-action{background:linear-gradient(145deg,#fefefe,#f0f4f8);cursor:pointer;border:2px dashed #e2e8f0}.nt-card-action:hover{border-color:#f97316;background:linear-gradient(145deg,#fff7ed,#ffedd5)}.nt-icon-circle{width:60px;height:60px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s}.nt-stat-card:hover .nt-icon-circle{transform:scale(1.08) rotate(3deg)}.nt-bg-purple{background:linear-gradient(135deg,#818cf8,#6366f1,#4f46e5);box-shadow:0 8px 20px #6366f159}.nt-bg-pink{background:linear-gradient(135deg,#f472b6,#ec4899,#db2777);box-shadow:0 8px 20px #ec489959}.nt-bg-action{background:linear-gradient(135deg,#fb923c,#f97316,#ea580c);box-shadow:0 8px 20px #f9731659}.nt-stat-info{display:flex;flex-direction:column;gap:4px}.nt-stat-num{font-size:36px;font-weight:600;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;letter-spacing:-1px}.nt-stat-label{font-size:14px;color:#64748b;font-weight:600;letter-spacing:.3px}.nt-text-lg{font-size:18px;font-weight:700;color:#1e293b}.nt-panel{background:linear-gradient(180deg,#fff,#fafbfc);border-radius:24px;padding:0;box-shadow:0 4px 6px -1px #0000000d,0 20px 40px -10px #00000014;border:1px solid rgba(0,0,0,.04);overflow:hidden}.nt-panel-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;background:linear-gradient(180deg,#f8fafc,#fff);border-bottom:1px solid rgba(0,0,0,.06)}.nt-panel-header h3{margin:0;font-size:18px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:10px}.nt-panel-header h3:before{content:"";width:4px;height:20px;background:linear-gradient(180deg,#f97316,#ea580c);border-radius:2px}.nt-filter-btn{padding:10px 16px!important;border-radius:10px!important;font-size:13px!important;font-weight:600!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;border:1px solid transparent!important}.nt-filter-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.nt-table-container{overflow-y:auto;max-height:65vh;padding:0 8px 8px}.nt-table-container::-webkit-scrollbar{width:8px}.nt-table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.nt-table-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#94a3b8,#64748b);border-radius:4px}.nt-table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#64748b,#475569)}.nt-table{width:100%;border-collapse:separate;border-spacing:0 8px;text-align:left;padding:0 20px}.nt-table th{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;padding:16px 20px;border-bottom:none;position:sticky;top:0;background:#fff;z-index:10}.nt-table td{padding:18px 20px;font-size:14px;color:#334155;vertical-align:middle;background:#fff;transition:all .2s}.nt-table tr td:first-child{border-radius:12px 0 0 12px}.nt-table tr td:last-child{border-radius:0 12px 12px 0}.nt-table tbody tr{box-shadow:0 1px 3px #0000000a;transition:all .25s cubic-bezier(.4,0,.2,1)}.nt-table tbody tr:hover{transform:translate(4px);box-shadow:0 4px 12px #00000014,0 0 0 1px #f973161a}.nt-table tbody tr:hover td{background:linear-gradient(90deg,#fff7ed,#fff)}.nt-font-medium{font-weight:600;color:#1e293b}.nt-text-gray{color:#64748b;font-size:13px}.nt-actions{display:flex;gap:8px;justify-content:flex-end}.nt-action-btn{width:36px;height:36px;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.nt-action-btn:hover{transform:scale(1.1)}.nt-btn-edit{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669;box-shadow:0 2px 8px #05966933}.nt-btn-edit:hover{background:linear-gradient(135deg,#a7f3d0,#6ee7b7);box-shadow:0 4px 12px #0596694d}.nt-btn-delete{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;box-shadow:0 2px 8px #dc262633}.nt-btn-delete:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);box-shadow:0 4px 12px #dc26264d}.nt-btn-pin{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#64748b}.nt-btn-pin:hover{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.nt-btn-pin-active{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;box-shadow:0 2px 8px #92400e33}.nt-btn-pin-active:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);box-shadow:0 4px 12px #92400e4d}.nt-create-panel{background:linear-gradient(180deg,#fff,#f8fafc);border-radius:24px;padding:32px;box-shadow:0 4px 6px -1px #0000000d,0 20px 40px -10px #00000014;border:1px solid rgba(0,0,0,.04);margin-bottom:24px}.nt-form-layout{display:grid;grid-template-columns:2fr 1fr;gap:40px}.nt-form-left{display:flex;flex-direction:column;gap:24px}.nt-row-2{display:flex;gap:20px}.nt-form-group{flex:1;display:flex;flex-direction:column;gap:8px}.nt-form-group label{font-size:13px;color:#475569;font-weight:600;letter-spacing:.3px}.nt-input,.nt-textarea{padding:14px 18px;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;outline:none;transition:all .25s;background-color:#fff;width:100%;font-family:inherit;color:#1e293b}.nt-input:focus,.nt-textarea:focus{border-color:#f97316;box-shadow:0 0 0 4px #f973161a}.nt-textarea{min-height:250px;resize:vertical;line-height:1.6}.nt-select-wrapper{position:relative}.nt-select{appearance:none;cursor:pointer}.nt-select-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.nt-form-right{display:flex;flex-direction:column;gap:20px}.nt-btn-primary-blue{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:14px 24px;border-radius:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .25s;box-shadow:0 4px 14px #2563eb4d}.nt-btn-primary-blue:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2563eb66}.nt-dropzone{flex:1;border:2px dashed #e2e8f0;border-radius:10px;background:linear-gradient(145deg,#f8fafc,#f1f5f9);display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;color:#94a3b8;font-size:14px;transition:all .25s}.nt-dropzone:hover{border-color:#f97316;background:linear-gradient(145deg,#fff7ed,#ffedd5)}.nt-footer-actions{display:flex;justify-content:flex-end;gap:16px;padding:16px 0}.nt-btn-draft{background:#fff;border:2px solid #3b82f6;color:#3b82f6;padding:12px 28px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .25s}.nt-btn-draft:hover{background:#eff6ff;transform:translateY(-2px)}.nt-btn-submit{background:#e2e8f0;color:#94a3b8;border:none;padding:12px 28px;border-radius:12px;font-weight:600;cursor:not-allowed}.nt-btn-submit:not(:disabled){background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;cursor:pointer;box-shadow:0 4px 14px #2563eb4d}.nt-btn-submit:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 20px #2563eb66}.nt-tag{display:inline-flex;align-items:center;width:fit-content;padding:6px 14px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4338ca;font-weight:600;font-size:12px;border-radius:8px;letter-spacing:.3px}.nt-empty-text{font-size:14px;color:#94a3b8;font-style:italic}.nt-category-tag{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;background:#f1f5f9;color:#475569}.nt-pin-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;background:#fef3c7;color:#92400e;white-space:nowrap;flex-shrink:0}.nt-status-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.nt-status-badge.draft{background:#e5e7eb;color:#4b5563}.nt-status-badge.scheduled{background:#dbeafe;color:#1e40af}.nt-status-badge.published{background:#dcfce7;color:#166534}@media(max-width:1200px){.nt-stats-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.nt-form-layout{grid-template-columns:1fr;gap:24px}.nt-row-2{flex-direction:column}}@media(max-width:768px){.nt-stats-row{grid-template-columns:1fr}.nt-stat-card{padding:20px}.nt-table{padding:0 12px}.nt-panel-header{flex-direction:column;gap:16px;align-items:flex-start}}.tiptap-editor-container{border:2px solid #e2e8f0;border-radius:14px;background:#fff;overflow:hidden;transition:all .25s}.tiptap-editor-container:focus-within{border-color:#f97316;box-shadow:0 0 0 4px #f973161a,0 4px 12px #f9731626}.tiptap-loading{padding:40px;text-align:center;color:#64748b}.tiptap-toolbar{display:flex;gap:4px;padding:10px 12px;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;flex-wrap:wrap;align-items:center}.tiptap-btn{width:32px;height:32px;border:1px solid transparent;border-radius:8px;background:transparent;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.tiptap-btn:hover{background:#fff;color:#f97316;border-color:#fed7aa}.tiptap-btn.active{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border-color:#ea580c;box-shadow:0 2px 6px #f973164d}.tiptap-divider{width:1px;height:24px;background:#e2e8f0;margin:0 4px;flex-shrink:0}.tiptap-dropdown{position:relative}.tiptap-dropdown-content{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:8px;box-shadow:0 8px 24px #0000001f;z-index:100;min-width:140px}.tiptap-dropdown:hover .tiptap-dropdown-content{display:block}.tiptap-color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.tiptap-color-btn{width:24px;height:24px;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .15s}.tiptap-color-btn:hover{transform:scale(1.15);border-color:#1e293b}.tiptap-fontsize-list{display:flex;flex-direction:column;gap:2px;min-width:140px}.tiptap-fontsize-btn{padding:8px 12px;border:none;background:transparent;text-align:left;cursor:pointer;border-radius:6px;transition:all .15s;color:#374151}.tiptap-fontsize-btn:hover{background:#fff7ed;color:#f97316}.tiptap-table-controls{display:flex;gap:6px;padding:8px 12px;background:#fef3c7;border-bottom:1px solid #fde68a;flex-wrap:wrap;align-items:center}.tiptap-table-controls button{padding:4px 10px;font-size:12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;color:#374151;transition:all .15s}.tiptap-table-controls button:hover{background:#f97316;color:#fff;border-color:#f97316}.tiptap-table-divider{color:#d1d5db;font-size:12px}.tiptap-content{min-height:300px;max-height:500px;overflow-y:auto;padding:20px;font-size:15px;line-height:1.75;color:#1e293b}.tiptap-content .ProseMirror{outline:none;min-height:260px}.tiptap-content .ProseMirror p.is-empty:before{content:attr(data-placeholder);float:left;color:#94a3b8;pointer-events:none;height:0}.tiptap-content .ProseMirror p{margin:0 0 12px}.tiptap-content .ProseMirror p:last-child{margin-bottom:0}.tiptap-content .ProseMirror h1{font-size:28px;font-weight:700;margin:24px 0 16px;color:#0f172a}.tiptap-content .ProseMirror h2{font-size:22px;font-weight:700;margin:20px 0 12px;color:#1e293b}.tiptap-content .ProseMirror h3{font-size:18px;font-weight:600;margin:16px 0 10px;color:#334155}.tiptap-content .ProseMirror strong{font-weight:700}.tiptap-content .ProseMirror em{font-style:italic}.tiptap-content .ProseMirror u{text-decoration:underline}.tiptap-content .ProseMirror s{text-decoration:line-through}.tiptap-content .ProseMirror ul,.tiptap-content .ProseMirror ol{margin:12px 0;padding-left:28px}.tiptap-content .ProseMirror li{margin-bottom:6px}.tiptap-content .ProseMirror ol{list-style-type:decimal}.tiptap-content .ProseMirror ul{list-style-type:disc}.tiptap-content .ProseMirror a{color:#3b82f6;text-decoration:underline;cursor:pointer}.tiptap-content .ProseMirror img{max-width:100%;height:auto;border-radius:12px;margin:12px 0}.tiptap-content .ProseMirror blockquote{border-left:4px solid #f97316;margin:16px 0;padding:12px 20px;background:linear-gradient(135deg,#fff7ed,#ffedd5);border-radius:0 12px 12px 0;font-style:italic;color:#475569}.tiptap-content .ProseMirror hr{border:none;height:2px;background:linear-gradient(90deg,transparent,#e2e8f0 20%,#e2e8f0 80%,transparent);margin:24px 0}.tiptap-content .ProseMirror table{border-collapse:collapse;margin:16px 0;width:100%;overflow:hidden;border-radius:8px;border:1px solid #e2e8f0}.tiptap-content .ProseMirror th,.tiptap-content .ProseMirror td{border:1px solid #e2e8f0;padding:10px 14px;text-align:left;position:relative}.tiptap-content .ProseMirror th{background:linear-gradient(180deg,#f8fafc,#f1f5f9);font-weight:600;color:#374151}.tiptap-content .ProseMirror td{background:#fff}.tiptap-content .ProseMirror iframe{width:100%;max-width:560px;height:315px;border-radius:12px;margin:16px 0}.tiptap-content .ProseMirror mark{border-radius:4px;padding:0 2px}.tiptap-content .ProseMirror ::selection{background:#f9731633}.tiptap-content::-webkit-scrollbar{width:8px}.tiptap-content::-webkit-scrollbar-track{background:#f1f5f9}.tiptap-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.tiptap-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.tiptap-content .ProseMirror a{color:#2563eb;text-decoration:underline;cursor:pointer;text-decoration-color:#93c5fd;text-underline-offset:2px;transition:all .15s}.tiptap-content .ProseMirror a:hover{color:#1d4ed8;text-decoration-color:#2563eb}.news-create-container{padding:0;background:linear-gradient(180deg,#f8fafc,#f1f5f9);min-height:calc(100vh - 80px)}.news-card{background:#fff;border-radius:24px;padding:40px 48px;box-shadow:0 4px 6px -1px #0000000d,0 20px 40px -10px #00000014;border:1px solid rgba(0,0,0,.04);max-width:1400px;margin:24px auto}.news-form-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:48px}.news-form-group{margin-bottom:24px}.news-form-label{display:block;margin-bottom:10px;font-weight:700;color:#1e293b;font-size:14px;letter-spacing:.2px}.news-form-input,.news-form-select,.news-form-textarea{width:100%;padding:14px 18px;border:2px solid #e2e8f0;border-radius:12px;background-color:#fff;font-size:14px;transition:all .25s cubic-bezier(.4,0,.2,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1e293b}.news-form-input::placeholder,.news-form-textarea::placeholder{color:#94a3b8}.news-form-input:focus,.news-form-textarea:focus,.news-form-select:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 4px #f973161a,0 4px 12px #f9731626}.news-form-input:disabled{background-color:#f1f5f9;cursor:not-allowed;opacity:.7}.news-form-textarea{resize:vertical;min-height:100px;line-height:1.6}.news-editor-container{border:2px solid #e2e8f0;border-radius:10px;background:#fff;overflow:hidden;transition:all .25s}.news-editor-container:focus-within{border-color:#f97316;box-shadow:0 0 0 4px #f973161a,0 4px 12px #f9731626}.news-editor-toolbar{padding:12px 14px;border-bottom:1px solid #e2e8f0;background:linear-gradient(180deg,#f8fafc,#f1f5f9);display:flex;gap:6px;flex-wrap:wrap}.news-tool-btn{width:36px;height:36px;border:none;background:#fff;border-radius:10px;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s;border:1px solid #e2e8f0}.news-tool-btn:hover{background:linear-gradient(135deg,#fff7ed,#ffedd5);color:#f97316;border-color:#fed7aa;transform:translateY(-1px)}.news-tool-divider{width:1px;background:linear-gradient(180deg,transparent,#e2e8f0,transparent);margin:4px 8px}.news-editor-content{border:none;border-radius:0;min-height:320px;background:#fff;padding:20px;font-size:15px;overflow-y:auto;outline:none;color:#1e293b;line-height:1.75;direction:ltr;unicode-bidi:isolate;text-align:left;white-space:pre-wrap;writing-mode:horizontal-tb}.news-editor-content *,.news-editor-content p,.news-editor-content span,.news-editor-content div{direction:ltr!important;unicode-bidi:isolate!important;text-align:left!important}.news-editor-content:empty:before{content:attr(data-placeholder);color:#94a3b8;pointer-events:none}.news-editor-content p{margin:0 0 12px}.news-editor-content ul{margin:12px 0;padding-left:28px}.news-editor-content a{color:#3b82f6;text-decoration:underline}.news-editor-content img{max-width:100%;height:auto;display:block;margin:12px 0;border-radius:12px}.news-upload-zone{border:2px dashed #e2e8f0;border-radius:10px;padding:48px 24px;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(145deg,#fafbfc,#f1f5f9);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:220px}.news-upload-zone:hover{border-color:#f97316;background:linear-gradient(145deg,#fff7ed,#ffedd5);transform:translateY(-2px);box-shadow:0 8px 24px #f9731626}.news-upload-icon{font-size:48px;color:#f97316;margin-bottom:16px;opacity:.8}.news-upload-text{color:#64748b;font-size:14px;margin-bottom:4px;font-weight:500}.news-upload-btn-mini{margin-top:14px;background:linear-gradient(135deg,#f97316,#ea580c);border:none;padding:10px 24px;border-radius:10px;font-size:13px;cursor:pointer;transition:all .25s;font-weight:600;color:#fff;box-shadow:0 4px 12px #f973164d}.news-upload-btn-mini:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f9731666}.news-image-preview{position:relative;border:2px solid #e2e8f0;border-radius:10px;overflow:hidden;min-height:220px;background:linear-gradient(145deg,#f8fafc,#f1f5f9);display:flex;align-items:center;justify-content:center}.news-image-preview img{max-width:100%;max-height:320px;object-fit:contain}.news-remove-image{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .25s;box-shadow:0 4px 12px #ef444466}.news-remove-image:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:scale(1.1)}.news-checkbox-container{display:inline-flex;align-items:center;cursor:pointer}.news-checkbox{width:22px;height:22px;cursor:pointer;margin:0;accent-color:#f97316}.news-toggle-desc{font-size:13px;color:#64748b;line-height:1.5}.news-time-picker{display:grid;grid-template-columns:2fr 1fr;gap:16px}.news-time-column{background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:14px;box-shadow:0 2px 8px #0000000a}.news-time-label{font-weight:700;color:#1e293b;font-size:14px;margin-bottom:12px}.news-time-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.news-time-grid.minutes{grid-template-columns:repeat(5,minmax(0,1fr));max-height:260px;overflow-y:auto}.news-time-chip{width:100%;border:2px solid #e2e8f0;border-radius:10px;padding:10px 0;background:#f8fafc;color:#475569;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:14px}.news-time-chip:hover{border-color:#f97316;background:#fff7ed;color:#f97316}.news-time-chip.active{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border-color:#ea580c;box-shadow:0 4px 12px #f9731666;transform:scale(1.02)}.news-btn-group{display:flex;justify-content:flex-end;gap:12px;margin-top:36px;padding-top:24px;border-top:2px solid #f1f5f9}.news-btn{padding:14px 28px;border-radius:12px;font-weight:700;cursor:pointer;border:none;display:flex;align-items:center;gap:8px;transition:all .25s cubic-bezier(.4,0,.2,1);font-size:14px;letter-spacing:.3px}.news-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.news-btn-secondary{background:#fff;color:#475569;border:2px solid #e2e8f0}.news-btn-secondary:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-2px)}.news-btn-primary{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 4px 14px #f9731666}.news-btn-primary:hover:not(:disabled){box-shadow:0 8px 24px #f9731680;transform:translateY(-3px)}.news-error-alert{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;padding:16px 20px;border-radius:8px;margin-bottom:24px;font-size:14px;display:flex;align-items:center;gap:12px;border:1px solid #fecaca;font-weight:500}.news-loading{text-align:center;padding:4rem;color:#64748b;font-size:16px}@media(max-width:1200px){.news-form-grid{grid-template-columns:1fr;gap:32px}}@media(max-width:768px){.news-card{padding:24px 20px;margin:16px;border-radius:12px}.news-btn-group{flex-direction:column;gap:10px}.news-btn{width:100%;justify-content:center}.news-time-picker{grid-template-columns:1fr}}.news-detail-wrapper{min-height:100vh;background:linear-gradient(180deg,#f8fafc,#f1f5f9);color:#0f172a}.breadcrumb-section{position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;color:#0f172a;padding:48px 0 36px;overflow:hidden}.breadcrumb-section:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fff3,#ffffffd9 70%,#f8fafc);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.breadcrumb-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:140px;background:linear-gradient(180deg,transparent 0%,#f8fafc 100%)}.breadcrumb-content{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.crumb-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:10px;background:#fffffff2;color:#475569;font-size:13px;font-weight:600;letter-spacing:.3px;margin-bottom:8px;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 12px #0000000f}.page-title{font-size:32px;font-weight:600;margin:4px 0 12px;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.25;letter-spacing:-.5px;max-width:900px}.crumb-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px;align-items:center}.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;font-size:13px;font-weight:600;letter-spacing:.2px;white-space:nowrap;transition:all .2s}.chip.ghost{background:#fffffff2;color:#475569;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 8px #0000000a}.chip.ghost:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.chip.solid{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 4px 12px #f973164d}.chip.outline{border:2px solid rgba(0,0,0,.1);color:#475569;background:#ffffffe6}.chip.outline.on{border-color:#22c55e;color:#166534;background:#22c55e1a}.chip.outline.off{border-color:#eab308;color:#854d0e;background:#eab3081a}.breadcrumb-nav{display:inline-flex;align-items:center;gap:8px;font-size:14px;flex-wrap:wrap;padding:10px 16px;background:#fffffff2;border-radius:12px;box-shadow:0 4px 12px #0000000f;border:1px solid rgba(0,0,0,.04)}.breadcrumb-nav a{color:#64748b;text-decoration:none;transition:all .25s;font-weight:500}.breadcrumb-nav a:hover{color:#f97316}.breadcrumb-nav .separator{color:#cbd5e1;margin:0 4px;font-size:12px}.breadcrumb-nav .current{color:#0f172a;font-weight:700}.news-detail-container{max-width:1200px;margin:0 auto;padding:28px 20px 48px}.news-detail-layout{display:grid;grid-template-columns:1fr 300px;gap:28px;position:relative;z-index:2}.news-main-content{background:#fff;border-radius:24px;box-shadow:0 4px 6px -1px #0000000d,0 20px 40px -10px #0000001a;overflow:hidden;border:1px solid rgba(0,0,0,.04)}.news-cover{position:relative;border-radius:12px;overflow:hidden;margin:16px 16px 0;background:linear-gradient(145deg,#f1f5f9,#e2e8f0);aspect-ratio:16 / 7}.news-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.news-cover:hover img{transform:scale(1.02)}.cover-gradient{display:none}.news-actions-bar{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:linear-gradient(180deg,#f8fafc,#fff);border-top:1px solid rgba(0,0,0,.06);gap:12px;flex-wrap:wrap}.actions-bottom{border-bottom-left-radius:24px;border-bottom-right-radius:24px;margin-top:16px}.actions-right{display:flex;gap:12px;flex-wrap:wrap}.actions-left{display:flex;gap:12px}.btn-action{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border:2px solid transparent;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);background:#fff;white-space:nowrap;letter-spacing:.2px}.btn-back{background:#fff;color:#475569;border-color:#e2e8f0;box-shadow:0 2px 8px #0000000f}.btn-back:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn-edit{background:#f97316;color:#fff}.btn-edit:hover{background:#ea580c;transform:translateY(-2px)}.btn-delete{background:#ef4444;color:#fff}.btn-delete:hover{background:#dc2626;transform:translateY(-2px)}.news-header{padding:28px 28px 18px;border-bottom:1px solid rgba(0,0,0,.06)}.eyebrow{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.news-title{font-size:32px;font-weight:600;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 14px;line-height:1.3;letter-spacing:-.5px}.news-subtitle{margin:0 0 8px;color:#64748b;font-size:16px;line-height:1.65}.news-article{padding:28px 32px 40px}.news-summary{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left:4px solid #3b82f6;padding:24px;margin-bottom:32px;border-radius:12px}.news-summary p{font-size:16px;line-height:1.7;color:#64748b;margin:0;font-style:italic}.news-content{font-size:16px;line-height:1.85;color:#334155}.news-content h1,.news-content h2,.news-content h3,.news-content h4,.news-content h5,.news-content h6{color:#0f172a;margin-top:36px;margin-bottom:18px;font-weight:700;letter-spacing:-.3px}.news-content p{margin-bottom:18px;color:#334155}.news-content img{max-width:100%;height:auto;border-radius:10px;margin:24px 0;box-shadow:0 8px 24px #0000001a}.news-content ul,.news-content ol{margin:18px 0;padding-left:32px}.news-content li{margin-bottom:10px}.news-content a{color:#3b82f6;text-decoration:none;border-bottom:2px solid rgba(59,130,246,.3);transition:all .2s}.news-content a:hover{color:#2563eb;border-bottom-color:#2563eb}.news-content blockquote{border-left:4px solid #f97316;padding:16px 20px;margin:24px 0;font-style:italic;color:#475569;background:linear-gradient(135deg,#fff7ed,#ffedd5);border-radius:0 12px 12px 0}.news-sidebar{display:flex;flex-direction:column;gap:24px;align-self:start}.sidebar-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 16px 32px -8px #0000001a;padding:22px;border:1px solid rgba(0,0,0,.04)}.sidebar-title{font-size:18px;font-weight:600;color:#0f172a;margin:0 0 18px;padding-bottom:14px;border-bottom:2px solid #f1f5f9;display:flex;align-items:center;gap:10px}.sidebar-title:before{content:"";width:4px;height:18px;background:linear-gradient(180deg,#f97316,#ea580c);border-radius:2px}.info-card{display:flex;flex-direction:column;gap:4px}.info-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #f1f5f9;transition:all .2s}.info-row:last-child{border-bottom:none}.info-row:hover{background:#f8fafc;margin:0 -12px;padding-left:12px;padding-right:12px;border-radius:8px}.info-label{font-weight:700;color:#64748b;font-size:13px}.info-value{color:#0f172a;font-size:14px;font-weight:600;text-align:right}.related-news-section{padding:18px}.related-news-list{display:flex;flex-direction:column;gap:10px}.related-news-item{display:flex;gap:10px;padding:10px;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:#f8fafc;border:1px solid rgba(0,0,0,.04)}.related-news-item:hover{background:linear-gradient(145deg,#fff7ed,#ffedd5);transform:translate(6px);box-shadow:0 4px 16px #f9731626;border-color:#f9731633}.related-news-image{flex-shrink:0;width:68px;height:68px;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.related-news-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.related-news-item:hover .related-news-image img{transform:scale(1.08)}.related-news-content{flex:1;display:flex;flex-direction:column;justify-content:center}.related-news-title{font-size:14px;font-weight:700;color:#0f172a;margin:0;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}.related-news-item:hover .related-news-title{color:#f97316}.related-meta{margin:6px 0 0;font-size:12px;color:#64748b;font-weight:500}.news-detail-loading,.news-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;padding:48px}.loading-spinner{width:56px;height:56px;border:4px solid #f1f5f9;border-top:4px solid #f97316;border-radius:50%;animation:spin .8s linear infinite}.news-detail-loading p{margin-top:24px;font-size:16px;color:#64748b;font-weight:500}.news-detail-error p{font-size:18px;color:#dc2626;margin-bottom:24px;font-weight:600}@media(max-width:1024px){.news-detail-layout{grid-template-columns:1fr}.news-sidebar{order:-1;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.page-title{font-size:28px}.news-title{font-size:26px}}@media(max-width:768px){.breadcrumb-section{padding:40px 0 32px}.page-title{font-size:22px}.news-detail-container{padding:20px 16px}.news-header,.news-article{padding:24px 20px}.news-actions-bar{flex-direction:column;gap:12px}.actions-right{width:100%;justify-content:center}.btn-action{flex:1;justify-content:center}.news-sidebar{grid-template-columns:1fr}}.hm-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.hm-stat-card{background:var(--lib-panel, #fff);border-radius:var(--lib-r-lg, 16px);padding:20px;display:flex;align-items:center;gap:16px;box-shadow:var(--lib-shadow-soft);border:1px solid rgba(0,0,0,.04);transition:var(--lib-transition)}.hm-stat-card:hover{box-shadow:var(--lib-shadow)}.hm-stat-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px;font-weight:600}.hm-stat-icon.green{background:#dcfce7;color:#16a34a}.hm-stat-icon.red{background:var(--lib-red-bg, #fee2e2);color:#dc2626}.hm-stat-icon.mint{background:#ccfbf1;color:#0d9488}.hm-stat-number{font-size:28px;font-weight:600;color:var(--lib-text, #1f2937);line-height:1.2;margin-bottom:2px}.hm-stat-title{font-size:16px;font-weight:700;color:var(--lib-text, #1f2937);margin-bottom:2px}.hm-stat-label{font-size:13px;color:var(--lib-muted, #64748b);font-weight:500;margin:0}.hm-map-panel{position:relative;overflow:hidden;min-height:680px}.hm-map-bg{position:absolute;inset:0;background:linear-gradient(135deg,#cbd5e1,#94a3b8);opacity:.35;z-index:0}.hm-map-layout{position:relative;z-index:1;display:grid;height:600px;width:100%;gap:20px;grid-template-columns:90px 2fr 18px 2fr;grid-template-rows:40px 1fr 40px 20px 1.2fr;grid-template-areas:"shelf entrance quiet quiet" "shelf hall     quiet quiet" "shelf library  quiet quiet" "shelf .        .     ." "shelf discuss  wall  self"}.hm-block{border-radius:var(--lib-r-md, 12px);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000000d;font-weight:700;text-align:center;position:relative;transition:transform .2s ease}.hm-block:hover{transform:scale(1.01);box-shadow:0 4px 8px #0000001a}.hm-block span{font-size:14px}.hm-badge{background:#fff;padding:4px 12px;border-radius:var(--lib-r-pill, 9999px);font-size:12px;font-weight:600;margin-top:8px;box-shadow:0 2px 4px #0000001a;color:var(--lib-text, #1f2937)}.zone-shelf{grid-area:shelf;background:#d1d5db;color:#fff;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:16px;letter-spacing:1px}.zone-entrance{grid-area:entrance;background:#d1d5db;color:#fff;border-radius:12px;width:60%;justify-self:center;font-size:12px}.zone-hall{grid-area:hall;background:#d1d5db;color:#fff;font-size:16px}.zone-library{grid-area:library;background:#d1d5db;color:#fff;border-radius:12px;width:60%;justify-self:center;font-size:12px}.zone-quiet{grid-area:quiet;background:#f59e0b;color:#fff;font-size:18px}.zone-discuss{grid-area:discuss;background:#4ade80;color:#fff;font-size:16px}.zone-self{grid-area:self;background:#ef4444;color:#fff;font-size:16px}.hm-divider-wall{grid-area:wall;background:#d1d5db;border-radius:6px;width:100%;height:100%;align-self:center;justify-self:center;box-shadow:0 2px 4px #00000014;z-index:2}@media(max-width:1024px){.hm-stats-row{grid-template-columns:1fr}.hm-map-layout{height:auto;min-height:600px;grid-template-columns:60px 1fr 1fr}}.sr-table .cio-filter-dropdown,.sr-table .cio-column-menu,.sr-table .cio-filter-dropdown *,.sr-table .cio-column-menu *{text-transform:none}.sr-table-wrapper{overflow-x:auto}.sr-table{width:100%;border-collapse:collapse}.sr-table thead tr{border-bottom:2px solid var(--lib-border, #e2e8f0)}.sr-table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:700;color:var(--lib-muted, #64748b);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;position:relative}.sr-table th.center,.sr-table td.center{text-align:center}.sr-table-row{border-bottom:1px solid var(--lib-border-light, #f1f5f9);cursor:pointer;transition:var(--lib-transition)}.sr-table-row:hover{background:var(--lib-hover, rgba(255, 117, 31, .04))}.sr-table-row.selected{background:#ff751f0f}.sr-table td{padding:12px 16px;font-size:13px}.sr-checkbox-col{width:40px;text-align:center!important;padding:12px 8px!important}.sr-checkbox-col input[type=checkbox]{cursor:pointer;width:16px;height:16px}.sr-student-cell{display:flex;align-items:center;gap:10px}.sr-avatar{width:34px;height:34px;border-radius:9px;object-fit:cover;flex-shrink:0}.sr-avatar-placeholder{width:34px;height:34px;border-radius:9px;background:#ff751f;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.sr-student-name{font-weight:600;color:var(--lib-text, #1f2937);font-size:13px}.sr-student-code{font-size:12px;color:var(--lib-muted, #64748b)}.sr-desc-cell{max-width:320px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;color:var(--lib-text, #1f2937);line-height:1.5}.sr-status-text{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--lib-text, #1f2937)}.sr-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.sr-date-cell{font-size:12px;color:var(--lib-muted, #64748b);font-variant-numeric:tabular-nums;white-space:nowrap}.sr-table-empty-cell{padding:48px!important;text-align:center;color:var(--lib-muted, #64748b);font-size:14px}.sr-view-toggle{display:flex;border:1px solid var(--lib-border, #e2e8f0);border-radius:8px;overflow:hidden}.sr-view-btn{display:flex;align-items:center;justify-content:center;padding:6px 10px;background:transparent;border:none;cursor:pointer;color:var(--lib-muted, #64748b);transition:var(--lib-transition)}.sr-view-btn:hover{color:var(--lib-primary, #FF751F)}.sr-view-btn.active{background:var(--lib-primary, #FF751F);color:#fff}.sr-view-btn+.sr-view-btn{border-left:1px solid var(--lib-border, #e2e8f0)}.sr-delete-btn{display:flex;align-items:center;gap:5px;padding:6px 14px;border-radius:8px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;border:1.5px solid var(--lib-red, #ef4444);background:transparent;color:var(--lib-red, #ef4444);transition:var(--lib-transition)}.sr-delete-btn:hover{background:var(--lib-red, #ef4444);color:#fff}.sr-delete-btn:disabled{opacity:.5;cursor:not-allowed}.sr-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;padding:16px}.sr-card{position:relative;border:1px solid var(--lib-border, #e2e8f0);border-radius:12px;padding:16px;cursor:pointer;transition:var(--lib-transition);background:#fff}.sr-card:hover{border-color:var(--lib-primary, #FF751F);box-shadow:0 2px 8px #ff751f14}.sr-card.selected{border-color:var(--lib-primary, #FF751F);background:#ff751f08}.sr-card-check{position:absolute;top:12px;right:12px}.sr-card-check input[type=checkbox]{cursor:pointer;width:16px;height:16px}.sr-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-right:28px}.sr-card-desc{font-size:13px;color:var(--lib-text, #1f2937);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px}.sr-card-images{display:flex;gap:8px;margin-bottom:10px}.sr-card-thumb{width:52px;height:52px;border-radius:8px;object-fit:cover}.sr-card-more{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:8px;background:var(--lib-bg-muted, #f1f5f9);font-size:12px;font-weight:600;color:var(--lib-muted, #64748b)}.sr-card-footer{display:flex;align-items:center;justify-content:flex-end;border-top:1px solid var(--lib-border-light, #f1f5f9);padding-top:10px}.sr-card-time{font-size:12px;color:var(--lib-muted, #64748b)}.sr-modal-overlay{position:fixed;inset:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.sr-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000026;animation:sr-modal-in .2s ease-out}@keyframes sr-modal-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.sr-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--lib-border-light, #f1f5f9)}.sr-modal-header h2{font-size:16px;font-weight:700;color:var(--lib-text, #1f2937);margin:0}.sr-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--lib-muted, #64748b);line-height:1;padding:0 4px}.sr-modal-close:hover{color:var(--lib-text, #1f2937)}.sr-modal-body{overflow-y:auto;padding:20px 24px;flex:1}.sr-modal-section{margin-bottom:18px}.sr-modal-section:last-child{margin-bottom:0}.sr-modal-label{font-size:12px;font-weight:600;color:var(--lib-muted, #64748b);text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px}.sr-modal-value{font-size:14px;color:var(--lib-text, #1f2937);line-height:1.6}.sr-modal-images{display:flex;gap:10px;flex-wrap:wrap}.sr-modal-thumb{width:80px;height:80px;border-radius:10px;object-fit:cover;cursor:pointer;transition:var(--lib-transition)}.sr-modal-thumb:hover{transform:scale(1.05);box-shadow:0 2px 8px #0000001f}.sr-modal-textarea{width:100%;min-height:72px;padding:10px 14px;border:1.5px solid var(--lib-border, #e2e8f0);border-radius:10px;font-family:inherit;font-size:13px;resize:vertical;transition:var(--lib-transition);box-sizing:border-box}.sr-modal-textarea:focus{outline:none;border-color:var(--lib-primary, #FF751F);box-shadow:0 0 0 3px #ff751f1a}.sr-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid var(--lib-border-light, #f1f5f9)}.sr-modal-btn{padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:var(--lib-transition);border:1.5px solid transparent}.sr-modal-btn.primary{background:var(--lib-primary, #FF751F);color:#fff;border-color:var(--lib-primary, #FF751F)}.sr-modal-btn.primary:hover{background:var(--lib-primary-dark, #e5651a)}.sr-modal-btn.primary:disabled{opacity:.5;cursor:not-allowed}.sr-modal-btn.ghost{background:transparent;color:var(--lib-muted, #64748b);border-color:var(--lib-border, #e2e8f0)}.sr-modal-btn.ghost:hover{border-color:var(--lib-primary, #FF751F);color:var(--lib-primary, #FF751F)}.sr-modal-btn.ghost:disabled{opacity:.5;cursor:not-allowed}.sr-resolver-info{font-size:12px;color:var(--lib-muted, #64748b);margin-top:6px}.fm-feedback-content{margin-top:8px;padding:10px 14px;background:#f8fafc;border-radius:10px}.fm-stars{display:flex;align-items:center;gap:2px;margin-bottom:6px}.fm-rating-text{font-size:11px;color:var(--lib-muted, #64748b);margin-left:6px;font-weight:600}.fm-seat-tag{font-size:12px;font-weight:600;color:var(--lib-primary, #e8600a);background:var(--lib-primary-light, #fff3eb);padding:4px 10px;border-radius:6px}.cm-complaint-content{margin-top:8px;padding:10px 14px;background:#f8fafc;border-radius:10px}.cm-violation-type{font-size:13px;font-weight:600;color:var(--lib-red, #ef4444);margin-bottom:4px}.cm-points-info{margin-top:10px;display:flex;align-items:center}.ssr-page-subtitle{margin:6px 0 0;font-size:13px;color:var(--lib-muted, #64748b);line-height:1.6}.ssr-refresh-btn:disabled{opacity:.7;cursor:wait}.ssr-spin{animation:spin 1s linear infinite}.ssr-toolbar{padding:0 0 16px;margin-bottom:0;border-bottom:1px solid var(--lib-border-light, #f1f5f9)}.ssr-toolbar-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ssr-toolbar-right{gap:10px;margin-left:auto}.ssr-column-menu-wrap{position:relative}.ssr-alert{margin:16px 0 0;padding:12px 14px;border-radius:12px;border:1px solid rgba(239,68,68,.18);background:#fef2f2;color:#b91c1c;font-size:13px;font-weight:500}.ssr-loading-state{display:flex;align-items:center;justify-content:center;gap:10px;min-height:320px;color:var(--lib-muted, #64748b);font-size:14px}.ssr-table{margin-top:8px}.ssr-issue-cell,.ssr-location-cell{display:flex;flex-direction:column;gap:6px}.ssr-issue-pill{display:inline-flex;align-items:center;width:fit-content;padding:5px 10px;border-radius:999px;background:#ff751f1a;color:#c65d16;font-size:12px;font-weight:700}.ssr-seat-meta,.ssr-muted-line,.ssr-card-location,.ssr-card-time,.ssr-modal-subtitle,.ssr-modal-banner-time{font-size:12px;color:var(--lib-muted, #64748b);line-height:1.5}.ssr-status-text{font-weight:600}.ssr-empty-state{padding:72px 20px}.ssr-card-grid{padding:20px 0 0}.ssr-card{min-height:100%}.ssr-card-header{align-items:flex-start}.ssr-card-seat{font-size:16px;font-weight:800;color:var(--lib-text, #0f172a);margin-bottom:4px}.ssr-card-reporter{margin-bottom:12px}.ssr-card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.ssr-card-footer{justify-content:flex-start}.ssr-modal{max-width:720px}.ssr-modal-subtitle{margin:4px 0 0}.ssr-modal-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:14px;background:linear-gradient(135deg,#fff7f0,#fff);border:1px solid rgba(255,117,31,.12);margin-bottom:20px}.ssr-modal-banner-main{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ssr-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.ssr-modal-thumb{width:120px;height:120px}.ssr-modal-btn-icon,.ssr-modal-btn-danger{display:inline-flex;align-items:center;gap:8px}.ssr-modal-btn-danger{border-color:#ef4444!important;color:#ef4444!important}.ssr-modal-btn-danger:hover:not(:disabled){background:#fef2f2}@media(max-width:960px){.ssr-toolbar-left,.ssr-toolbar-right{margin-left:0;width:100%;justify-content:space-between}.ssr-modal-grid{grid-template-columns:1fr}}@media(max-width:768px){.ssr-toolbar,.ssr-toolbar-left,.ssr-toolbar-right{align-items:stretch}.ssr-modal-banner{flex-direction:column;align-items:flex-start}}.waiting-screen{background-color:#fff;min-height:100vh;width:100vw;font-family:Segoe UI,Roboto,sans-serif;padding:40px;box-sizing:border-box;overflow:hidden}.monitor-header{text-align:center;margin-bottom:30px}.monitor-title{font-size:2.5rem;font-weight:700;color:#2d3748;text-transform:uppercase;letter-spacing:1px}.monitor-content{max-width:1200px;margin:0 auto;background:#fffaf5;border-radius:25px;border:1px solid #ffedd5;padding:10px;box-shadow:0 10px 30px #0000000d}.logs-table-header,.logs-row-item{display:grid;grid-template-columns:2.5fr 1.5fr 1.5fr 1.2fr 1.2fr;padding:15px 30px;align-items:center;gap:15px}.logs-table-header{color:#c2410c;font-weight:700;font-size:.9rem;letter-spacing:1px;border-bottom:1px solid #fed7aa}.logs-table-header .col-time{text-align:center}.logs-table-body.no-scroll{overflow:hidden}.logs-row-item{background:#fff;margin-top:10px;border-radius:15px;box-shadow:0 2px 4px #00000005;animation:slideIn .3s ease-out forwards}@keyframes slideIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.txt-name{font-size:1.15rem;font-weight:700;color:#1a202c}.txt-code{color:#64748b;font-weight:600;font-size:1.05rem}.status-badge{display:inline-block;width:105px;text-align:center;padding:7px 0;border-radius:8px;font-weight:800;font-size:.75rem;text-transform:uppercase}.status-badge.in{background:#dcfce7;color:#166534}.status-badge.out{background:#ffedd5;color:#9a3412}.col-zone{color:#c2410c;font-weight:600;text-transform:uppercase}.col-time{display:flex;justify-content:center;align-items:center}.time-text{color:#50453e;font-weight:400;font-size:1rem;letter-spacing:.5px}.activity-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.overlay-card{text-align:center;padding:50px;border-radius:40px;width:80%;max-width:700px;color:#fff;animation:popShow .4s cubic-bezier(.175,.885,.32,1.275)}.is-in .overlay-card{background:linear-gradient(135deg,#10b981,#059669)}.is-out .overlay-card{background:linear-gradient(135deg,#f97316,#ea580c)}.student-name{font-size:3.8rem;font-weight:700;margin:10px 0}.student-id{font-size:2rem;opacity:.9}@keyframes popShow{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.logo-container{display:flex;justify-content:center;margin-bottom:20px}.fpt-logo{height:60px;width:auto;object-fit:contain;filter:drop-shadow(0px 4px 6px rgba(0,0,0,.1))}.monitor-header{text-align:center;margin-bottom:30px;display:flex;flex-direction:column;align-items:center}.text-out{color:#ea580c}.text-in{color:#16a34a}.monitor-title{font-size:2.5rem;font-weight:700;color:#2d3748;text-transform:uppercase;margin-top:0}.slideshowManagement__wrapper{padding:0 24px 32px;max-width:1440px;margin:0 auto;min-height:calc(100vh - 120px);width:100%;display:flex;flex-direction:column;gap:24px}.slideshowManagement__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;width:100%}.slideshowManagement__headerLeft h1{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 4px}.slideshowManagement__headerLeft p{font-size:14px;color:#a0aec0;margin:0}.slideshowManagement__headerActions{display:flex;gap:12px}.slideshowManagement__btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.slideshowManagement__btnSecondary{background:#f7fafc;border:2px solid #E2E8F0!important;color:#4a5568}.slideshowManagement__btnSecondary:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #00000014}.slideshowManagement__btnPrimary{background:#ff751f;color:#fff;box-shadow:0 4px 14px #ff751f40}.slideshowManagement__btnPrimary:hover{background:#e5680d;box-shadow:0 6px 20px #ff751f59}.slideshowManagement__alert{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;margin-bottom:20px;font-size:14px}.slideshowManagement__alert--error{background:#fee2e2;border:2px solid #FECACA;color:#991b1b}.slideshowManagement__alert--success{background:#d1fae5;border:2px solid #A7F3D0;color:#065f46}.slideshowManagement__alertClose{margin-left:auto;cursor:pointer;opacity:.7;transition:opacity .2s;background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center}.slideshowManagement__alertClose:hover{opacity:1}.slideshowManagement__statsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;width:100%}.slideshowManagement__statCard{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000a;display:flex;align-items:center;gap:16px;transition:all .2s ease}.slideshowManagement__statCard:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.slideshowManagement__statIcon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.slideshowManagement__statContent{flex:1;display:flex;flex-direction:column}.slideshowManagement__statContent h3{font-size:24px;font-weight:700;color:#1a1a1a;margin:0}.slideshowManagement__statContent p{font-size:13px;color:#a0aec0;font-weight:500;margin:0}.slideshowManagement__container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000f;overflow:hidden}.slideshowManagement__contentArea{padding:24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.slideshowManagement__contentArea--center{flex:1;display:flex;align-items:center;justify-content:center}.slideshowManagement__contentArea--table{padding:0;overflow:hidden;display:block;width:100%}.slideshowManagement__loading,.slideshowManagement__empty{grid-column:1 / -1;padding:60px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.slideshowManagement__loading{color:#a0aec0}.slideshowManagement__empty{color:#cbd5e1}.slideshowManagement__empty p{font-size:16px;color:#a0aec0;margin:0}.slideshowManagement__spinner{animation:spin 1s linear infinite}.slideshowManagement__modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.slideshowManagement__modalContent{background:#fff;border-radius:20px;width:500px;box-shadow:0 20px 60px #0003;max-height:90vh;overflow-y:auto}.slideshowManagement__modalHeader{padding:24px;border-bottom:1px solid #E2E8F0;display:flex;justify-content:space-between;align-items:center}.slideshowManagement__modalHeader h2{font-size:20px;font-weight:700;color:#1a1a1a;margin:0}.slideshowManagement__modalCloseBtn{padding:8px;background:#f7fafc;border:none;border-radius:8px;cursor:0;color:#4a5568;display:flex;align-items:center;justify-content:center;transition:background .2s}.slideshowManagement__modalCloseBtn:hover{background:#e2e8f0}.slideshowManagement__modalBody{padding:24px}.slideshowManagement__dropZone{border:2px dashed #E5E7EB;border-radius:12px;padding:32px;text-align:center;background:#fafbfc;transition:all .2s;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:12px}.slideshowManagement__dropZone:hover{border-color:#ff751f;background:#fff7f0}.slideshowManagement__dropZone p{margin:0}.slideshowManagement__dropZoneText{font-size:16px;font-weight:600;color:#1a1a1a}.slideshowManagement__dropZoneSubtext{font-size:14px;color:#a0aec0}.slideshowManagement__selectBtn{width:100%;padding:14px;background:#ff751f;border:none;border-radius:12px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s;margin-top:16px}.slideshowManagement__selectBtn:hover{background:#e5680d;box-shadow:0 4px 14px #ff751f4d}.slideshowManagement__selectBtn:active{transform:translateY(0)}.slideshowManagement__fileInput{display:none}.slideshowManagement__uploadingList{margin-top:20px;padding-top:20px;border-top:1px solid #E2E8F0}.slideshowManagement__uploadingTitle{font-size:12px;font-weight:600;color:#1a1a1a;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.slideshowManagement__uploadingItem{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:13px;color:#4a5568}.slideshowManagement__uploadingItemIcon{flex-shrink:0;color:#3b82f6;animation:spin 1s linear infinite}.slideshowManagement__modalActions{display:flex;gap:12px;margin-top:24px}.slideshowManagement__modalBtn{flex:1;padding:14px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.slideshowManagement__modalBtnSecondary{background:#f7fafc;border:2px solid #E2E8F0!important;color:#4a5568}.slideshowManagement__modalBtnSecondary:hover{border-color:#cbd5e1}.slideshowManagement__previewModal{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2001}.slideshowManagement__previewContent{position:relative;max-width:90%;max-height:90%}.slideshowManagement__previewImage{max-width:100%;max-height:85vh;object-fit:contain;border-radius:12px}.slideshowManagement__previewCloseBtn{position:absolute;top:-45px;right:0;background:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#1a1a1a;transition:all .2s}.slideshowManagement__previewCloseBtn:hover{background:#e2e8f0;transform:scale(1.1)}@media(max-width:1024px){.slideshowManagement__statsGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.slideshowManagement__wrapper{padding:0 16px 24px}.slideshowManagement__statsGrid{grid-template-columns:1fr}.slideshowManagement__header{flex-direction:column;gap:16px;align-items:flex-start}.slideshowManagement__headerLeft h1{font-size:24px}.slideshowManagement__headerActions{width:100%}.slideshowManagement__headerActions .slideshowManagement__btn{flex:1;justify-content:center}.slideshowManagement__contentArea{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding:16px}.slideshowManagement__modalContent{width:95%}.slideshowManagement__previewContent{max-width:95%}}@media(max-width:480px){.slideshowManagement__contentArea{grid-template-columns:1fr}.slideshowManagement__modalContent{width:98%}.slideshowManagement__dropZone{padding:24px 16px}.slideshowManagement__selectBtn{font-size:13px}}.slideshowManagement__table{width:100%;border-collapse:collapse}.slideshowManagement__tableHeader{background:#f7fafc;border-bottom:1px solid #E2E8F0}.slideshowManagement__th{padding:16px 24px;text-align:left;font-size:12px;font-weight:600;color:#4a5568;text-transform:uppercase}.slideshowManagement__th--center{text-align:center}.slideshowManagement__th--right{text-align:right}.slideshowManagement__tr{border-bottom:1px solid #E2E8F0;transition:background-color .2s}.slideshowManagement__tr:hover{background-color:#f7fafc}.slideshowManagement__td{padding:16px 24px}.slideshowManagement__td--center{text-align:center}.slideshowManagement__td--right{text-align:right}.slideshowManagement__tdText{font-size:14px;color:#1a1a1a;font-weight:500}.slideshowManagement__tableImageWrapper{width:100%;height:60px;border-radius:8px;overflow:hidden;border:1px solid #E2E8F0;cursor:pointer;background:#f0f0f0}.slideshowManagement__tableImage{width:100%;height:100%;object-fit:cover}.slideshowManagement__fileName{font-size:14px;color:#1a1a1a;font-weight:600;margin-bottom:4px}.slideshowManagement__fileUrl{font-size:12px;color:#a0aec0;font-family:monospace}.slideshowManagement__editInput{padding:6px 10px;border-radius:6px;border:2px solid #3B82F6;font-size:14px;width:100%;outline:none}.slideshowManagement__actionBtn{padding:8px 12px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;transition:all .2s;border:none}.slideshowManagement__actionBtn--save{background:#eff6ff;border:1px solid #BFDBFE;color:#1d4ed8}.slideshowManagement__actionBtn--cancel{background:#f3f4f6;border:1px solid #E5E7EB;color:#4b5563}.slideshowManagement__actionBtn--view{background:#fff;border:1px solid #E2E8F0;color:#4a5568}.slideshowManagement__actionBtn--view:hover{border-color:#a0aec0}.slideshowManagement__actionBtn--edit{background:#f0f9ff;border:1px solid #BAE6FD;color:#0284c7}.slideshowManagement__actionBtn--edit:hover{background:#0284c7;color:#fff;border-color:#0284c7}.slideshowManagement__actionBtn--delete{background:#fff5f5;border:1px solid #FED7D7;color:#c53030}.slideshowManagement__actionBtn--delete:hover{background:#c53030;color:#fff;border-color:#c53030}.slideshowManagement__switch{position:relative;display:inline-block;width:44px;height:24px}.slideshowManagement__switch input{opacity:0;width:0;height:0}.slideshowManagement__slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.4s;border-radius:24px}.slideshowManagement__slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slideshowManagement__slider{background-color:#059669}input:checked+.slideshowManagement__slider:before{transform:translate(20px)}.slideshowManagement__tr[draggable=true]{cursor:grab}.slideshowManagement__tr[draggable=true]:active{cursor:grabbing}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slideshowPreview__wrapper{position:fixed;inset:0;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.slideshowPreview__closeBtn{position:absolute;top:24px;right:24px;z-index:10000;background:linear-gradient(135deg,#f27125,#ff8c42);border:none;border-radius:12px;width:56px;height:56px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #f271254d;transition:all .3s cubic-bezier(.4,0,.2,1)}.slideshowPreview__closeBtn:hover{background:linear-gradient(135deg,#ff8c42,#f27125);transform:translateY(-2px);box-shadow:0 12px 32px #f2712566}.slideshowPreview__closeBtn:active{transform:translateY(0);box-shadow:0 4px 12px #f271254d}.slideshowPreview__loading{display:flex;align-items:center;justify-content:center;height:100%;color:#fff;font-size:18px;gap:20px;width:100%;flex-direction:column;animation:fadeIn .5s ease-in}.slideshowPreview__spinner{width:48px;height:48px;border:4px solid rgba(242,113,37,.2);border-top-color:#f27125;border-right-color:#ff8c42;border-radius:50%;animation:spin 1s linear infinite}.slideshowPreview__error{display:flex;align-items:center;justify-content:center;height:100%;color:#fff;font-size:18px;flex-direction:column;gap:24px;width:100%;padding:40px;animation:fadeIn .5s ease-in}.slideshowPreview__errorMessage{font-size:16px;color:#ffb6b6;text-align:center;max-width:500px;line-height:1.6}.slideshowPreview__retryBtn{padding:14px 32px;background:linear-gradient(135deg,#f27125,#ff8c42);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #f271254d}.slideshowPreview__retryBtn:hover{background:linear-gradient(135deg,#ff8c42,#f27125);transform:translateY(-2px);box-shadow:0 10px 28px #f2712566}.slideshowPreview__retryBtn:active{transform:translateY(0)}.slideshowPreview__empty{display:flex;align-items:center;justify-content:center;height:100%;color:#ff9d6a;font-size:24px;font-weight:500;width:100%}.slideshowPreview__imageContainer{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.slideshowPreview__slider{display:flex;width:100%;height:100%;transition:transform .8s cubic-bezier(.4,0,.2,1)}.slideshowPreview__image{min-width:100%;width:100%;max-height:100%;object-fit:contain;flex-shrink:0;animation:fadeIn .8s ease-in}.slideshowPreview__indicators{position:absolute;bottom:100px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:1000;animation:slideUp .5s ease-out}.slideshowPreview__dot{width:12px;height:12px;border-radius:50%;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;display:block;background:#fff6;margin:0;border:2px solid transparent}.slideshowPreview__dot:hover{background:#fff9;transform:scale(1.15)}.slideshowPreview__dot--active{background:#f27125;box-shadow:0 0 12px #f2712599;border-color:#fff;transform:scale(1.2)}.slideshowPreview__navInfo{position:absolute;bottom:32px;left:50%;transform:translate(-50%);color:#fff;font-size:15px;opacity:.95;text-align:center;z-index:1000;font-weight:500;animation:slideUp .6s ease-out;text-shadow:0 2px 8px rgba(0,0,0,.5)}.slideshowPreview__navInfo p{margin:0;letter-spacing:.3px}.slideshowPreview__navInfo p:first-child{color:#ff9d6a;font-weight:600;margin-bottom:8px}.slideshowPreview__navInfo p:last-child{font-size:13px;color:#f27125;font-weight:700}left: 50%; transform: translateX(-50%); display: flex; gap: 8px; z-index: 1000; } .slideshowPreview__dot{width:10px;height:10px;border-radius:50%;cursor:pointer;transition:background-color .3s ease;flex-shrink:0;display:block;background:#ffffff80;margin:0}.slideshowPreview__dot--active{background:#fff}.slideshowPreview__navInfo{position:absolute;bottom:30px;left:50%;transform:translate(-50%);color:#fff;font-size:14px;opacity:.8;text-align:center;z-index:1000}.slideshowPreview__navInfo p{margin:0}.slideshowPreview__navInfo p:last-child{margin-top:8px;font-size:12px}.kiosk-lock{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:24px}.kiosk-lock__card{background:#fff;border-radius:20px;padding:48px 40px 40px;width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:0 24px 64px #0006}.kiosk-lock__logo-row{display:flex;justify-content:center}.kiosk-lock__logo{height:48px;object-fit:contain}.kiosk-lock__icon-ring{width:96px;height:96px;border-radius:50%;background:#fff3ee;border:2px solid #e8600a22;display:flex;align-items:center;justify-content:center;color:#e8600a}.kiosk-lock__title{font-size:22px;font-weight:700;color:#1a1a2e;text-align:center;margin:0;line-height:1.3}.kiosk-lock__subtitle{font-size:14px;color:#64748b;text-align:center;margin:0;line-height:1.6}.kiosk-lock__tabs{display:flex;gap:4px;width:100%;background:#f1f5f9;border-radius:10px;padding:4px}.kiosk-lock__tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border:none;border-radius:8px;font-size:13px;font-weight:600;color:#64748b;background:transparent;cursor:pointer;transition:all .2s}.kiosk-lock__tab:hover:not(:disabled){color:#374151}.kiosk-lock__tab--active{background:#fff;color:#e8600a;box-shadow:0 1px 3px #00000014}.kiosk-lock__tab:disabled{opacity:.5;cursor:not-allowed}.kiosk-lock__form{width:100%;display:flex;flex-direction:column;gap:10px}.kiosk-lock__label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#374151}.kiosk-lock__input{width:100%;box-sizing:border-box;padding:12px 16px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;color:#1a1a2e;outline:none;transition:border-color .2s;background:#f8fafc}.kiosk-lock__input--code{font-family:JetBrains Mono,Fira Code,monospace;font-size:28px;font-weight:700;letter-spacing:8px;text-align:center;text-transform:uppercase;padding:16px}.kiosk-lock__input:focus{border-color:#e8600a;background:#fff}.kiosk-lock__input:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.kiosk-lock__error{font-size:13px;color:#dc2626;margin:0;padding:8px 12px;background:#fef2f2;border-radius:8px;border:1px solid #fecaca}.kiosk-lock__btn{width:100%;padding:13px 24px;background:linear-gradient(135deg,#e8600a,#f97316);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .2s,transform .1s}.kiosk-lock__btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.kiosk-lock__btn:disabled{opacity:.55;cursor:not-allowed;transform:none}@keyframes kiosk-lock-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.kiosk-lock__spinner{animation:kiosk-lock-spin .8s linear infinite}.kiosk-lock__hint{font-size:12px;color:#94a3b8;text-align:center;margin:0;line-height:1.5}.kiosk-guard__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;background:#f6f7fb;color:#64748b;font-size:15px}@keyframes kiosk-guard-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.kiosk-guard__spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#e8600a;border-radius:50%;animation:kiosk-guard-spin .8s linear infinite}.idleSlideshow{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden}.slideshowSlider{display:flex;width:100%;height:100%;transition:transform .8s ease-in-out}.slideshowImage{min-width:100%;width:100%;max-height:100%;object-fit:contain;flex-shrink:0}.slideshowIndicators{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px}.slideshowDot{width:10px;height:10px;border-radius:50%;cursor:pointer;transition:background-color .3s ease;flex-shrink:0;display:block;background:#ffffff80;margin:0}.slideshowDot--active{background:#fff}.slideshowLoading,.slideshowEmpty{color:#fff;font-size:24px}.kioskHome__wrapper{min-height:100vh;background:linear-gradient(135deg,#f6f8fc,#e9eff5);display:flex;flex-direction:column;font-family:Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none}.kioskHome__header{padding:24px 48px;display:flex;justify-content:space-between;align-items:center;background:#fff;box-shadow:0 4px 20px #0000000d}.kioskHome__brand{display:flex;align-items:center;gap:32px}.kioskHome__logo{height:120px;width:auto}.kioskHome__title h1{margin:0;font-size:32px;color:#1a1a1a;font-weight:800}.kioskHome__title p{margin:4px 0 0;font-size:18px;color:#718096}.kioskHome__time{font-size:48px;font-weight:700;color:#ff751f;background:#fff7f2;padding:12px 32px;border-radius:20px}.kioskHome__main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.kioskHome__welcome{font-size:36px;color:#2d3748;margin-bottom:60px;font-weight:600}.kioskHome__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1200px;width:100%}.kioskHome__grid--2col{grid-template-columns:repeat(2,1fr);max-width:900px}.kioskHome__card-desc{margin-top:12px!important;font-size:14px!important;color:#a0aec0!important;line-height:1.4}.kiosk-back-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:none;background:#f0f0f0;border-radius:12px;cursor:pointer;transition:all .2s}.kiosk-back-btn:hover{background:#e0e0e0;transform:scale(1.05)}.kiosk-back-link{background:none;border:none;color:#3182ce;font-size:16px;cursor:pointer;text-decoration:underline}.kiosk-back-link:hover{color:#2c5282}.kioskHome__card{background:#fff;border:2px solid transparent;border-radius:32px;padding:48px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #0000000d;position:relative;overflow:hidden}.kioskHome__card:active{transform:scale(.96)}.kioskHome__card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001a}.kioskHome__icon{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;transition:all .3s ease}.kioskHome__card h3{font-size:28px;font-weight:700;margin:0 0 12px;color:#1a1a1a}.kioskHome__card p{font-size:18px;color:#718096;margin:0}.kioskHome__card--primary .kioskHome__icon{background:#fff7f2;color:#ff751f}.kioskHome__card--primary:hover{border-color:#ff751f}.kioskHome__card--secondary .kioskHome__icon{background:#e6fffa;color:#059669}.kioskHome__card--secondary:hover{border-color:#059669}.kioskHome__card--info .kioskHome__icon{background:#ebf8ff;color:#3182ce}.kioskHome__card--info:hover{border-color:#3182ce}.kioskHome__card--monitor .kioskHome__icon{background:#faf5ff;color:#805ad5}.kioskHome__card--monitor:hover{border-color:#805ad5}.kioskHome__card--qr .kioskHome__icon{background:#fef3e2;color:#ff751f}.kioskHome__card--qr:hover{border-color:#ff751f}.kioskHome__footer{text-align:center;padding:24px;color:#a0aec0;font-size:16px;font-weight:500}@media(max-width:1024px){.kioskHome__grid{grid-template-columns:1fr;gap:24px}.kioskHome__card{flex-direction:row;padding:32px;text-align:left}.kioskHome__icon{margin-bottom:0;margin-right:32px;width:80px;height:80px}}.dynamic-qr{display:flex;flex-direction:column;align-items:center;padding:40px;background:#fff;border-radius:24px;box-shadow:0 10px 40px #0000001a;max-width:400px;margin:0 auto}.dynamic-qr__code{position:relative;padding:20px;background:#fff;border-radius:16px;border:3px solid #f0f0f0}.dynamic-qr__code svg{display:block}.dynamic-qr__refreshing-overlay{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;border-radius:16px;z-index:10}.dynamic-qr__timer{display:flex;align-items:center;gap:8px;margin-top:24px;font-size:18px;font-weight:600;color:#555}.dynamic-qr__timer svg{color:#ff751f}.dynamic-qr__progress{width:100%;height:6px;background:#f0f0f0;border-radius:3px;margin-top:12px;overflow:hidden}.dynamic-qr__progress-bar{height:100%;background:linear-gradient(90deg,#ff751f,#ff9a5c);border-radius:3px;transition:width 1s linear}.dynamic-qr__instructions{margin-top:24px;text-align:center}.dynamic-qr__instructions p{margin:0;font-size:16px;color:#333}.dynamic-qr__hint{margin-top:8px!important;font-size:14px!important;color:#888!important}.dynamic-qr__refreshing{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:14px;color:#888}.dynamic-qr__loading,.dynamic-qr__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;text-align:center}.dynamic-qr__loading p,.dynamic-qr__error p{margin-top:16px;font-size:18px;color:#666}.dynamic-qr__error{color:#e53e3e}.dynamic-qr__error svg{color:#e53e3e}.retry-button{margin-top:20px;padding:12px 32px;background:#ff751f;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.retry-button:hover{background:#e6681a}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite;color:#ff751f}.ksm{min-height:100vh;background:linear-gradient(135deg,#f6f8fc,#e9eff5);display:flex;flex-direction:column;font-family:Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none}.ksm__header{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:#fff;box-shadow:0 4px 20px #0000000d}.ksm__header-left,.ksm__brand{display:flex;align-items:center;gap:16px}.ksm__logo{height:80px;width:auto}.ksm__title-block h1{margin:0;font-size:22px;color:#1a1a1a;font-weight:800}.ksm__title-block p{margin:2px 0 0;font-size:14px;color:#718096}.ksm__header-right{display:flex;align-items:center;gap:16px}.ksm__clock{font-size:28px;font-weight:700;color:#ff751f;background:#fff7f2;padding:8px 20px;border-radius:14px}.ksm__help-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff7f2;color:#ff751f;border:2px solid #FFD4B8;border-radius:14px;font-size:15px;font-weight:700;cursor:pointer;transition:all .25s ease}.ksm__help-btn:hover{background:#ffe8d6;border-color:#ff751f;transform:scale(1.04)}.ksm__help-btn:active{transform:scale(.97)}.ksm__main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 40px}.ksm__qr-area{animation:qrFadeIn .5s ease}.ksm__success-overlay{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:overlayFadeIn .3s ease}.ksm__success-popup{background:#fff;padding:56px 72px 44px;border-radius:32px;text-align:center;box-shadow:0 24px 80px #0000002e,0 0 0 1px #ffffff1a;animation:successPop .5s cubic-bezier(.34,1.56,.64,1);min-width:400px;max-width:520px}.ksm__success-icon-ring{width:100px;height:100px;background:linear-gradient(135deg,#059669,#10b981);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 28px;color:#fff;box-shadow:0 8px 32px #05966959;animation:iconPulse 1.5s ease-in-out infinite}.ksm__success-title{margin:0 0 8px;font-size:34px;color:#059669;font-weight:800;letter-spacing:-.5px}.ksm__success-subtitle{margin:0 0 28px;font-size:17px;color:#718096;font-weight:500}.ksm__success-info{background:#f7fafc;border-radius:16px;padding:20px 28px;margin-bottom:28px;border:1px solid #e2e8f0}.ksm__success-info .ksm__success-name{font-size:24px;color:#1a1a1a;margin:0 0 6px;font-weight:700}.ksm__success-info .ksm__success-code{font-size:28px;font-weight:800;color:#ff751f;margin:0;letter-spacing:1px}.ksm__success-progress-track{width:100%;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden;margin-bottom:16px}.ksm__success-progress-bar{height:100%;background:linear-gradient(90deg,#059669,#10b981);border-radius:3px;width:0;transition:width 3s linear}.ksm__success-redirect{margin:0;font-size:14px;color:#a0aec0;font-weight:500}.ksm__footer{text-align:center;padding:16px}.ksm__footer-logo{height:70px;width:auto;opacity:.5}.ksm__help-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:overlayFadeIn .25s ease}.ksm__help-modal{background:#fff;border-radius:24px;padding:48px;max-width:680px;width:90%;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 30px 80px #0003;animation:modalSlideUp .3s cubic-bezier(.34,1.56,.64,1)}.ksm__help-close{position:absolute;top:16px;right:16px;width:44px;height:44px;background:#f7fafc;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#718096}.ksm__help-close:hover{background:#edf2f7;color:#2d3748;transform:scale(1.08)}.ksm__help-modal h2{font-size:26px;color:#1a1a1a;margin:0 0 28px;font-weight:800;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.ksm__help-steps{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.ksm__help-step{display:flex;gap:16px;align-items:flex-start}.ksm__step-num{width:44px;height:44px;min-width:44px;background:#ff751f;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.ksm__help-step h3{font-size:18px;color:#1a1a1a;margin:0 0 4px;font-weight:700}.ksm__help-step p{font-size:15px;color:#555;margin:0;line-height:1.5}.ksm__help-notes{margin-bottom:24px}.ksm__help-notes h3,.ksm__help-hours h3{font-size:18px;color:#1a1a1a;margin:0 0 12px;font-weight:700;padding-bottom:8px;border-bottom:2px solid #f0f0f0}.ksm__help-notes ul{padding-left:20px;margin:0}.ksm__help-notes li{font-size:15px;color:#555;margin-bottom:8px;line-height:1.5}.ksm__help-hours p{font-size:15px;color:#555;margin:6px 0}@keyframes qrFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes successPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes iconPulse{0%,to{box-shadow:0 8px 32px #05966959;transform:scale(1)}50%{box-shadow:0 12px 48px #05966980;transform:scale(1.05)}}.kiosk-qr-auth{min-height:100vh;background:linear-gradient(135deg,#f6f8fc,#e9eff5);display:flex;flex-direction:column;font-family:Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none}.kiosk-qr-auth__header{display:flex;align-items:center;justify-content:space-between;padding:20px 40px;background:#fff;box-shadow:0 4px 20px #0000000d}.kiosk-qr-auth__header h1{margin:0;font-size:28px;color:#1a1a1a;font-weight:700}.back-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:none;background:#f0f0f0;border-radius:12px;cursor:pointer;transition:all .2s}.back-button:hover{background:#e0e0e0;transform:scale(1.05)}.connection-status{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600}.connection-status.connected{background:#e6fffa;color:#059669}.connection-status.disconnected{background:#fff5f5;color:#e53e3e}.kiosk-qr-auth__main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.kiosk-qr-auth__title{text-align:center;margin-bottom:40px}.kiosk-qr-auth__title h2{font-size:32px;color:#2d3748;margin:0 0 12px;font-weight:700}.kiosk-qr-auth__title p{font-size:18px;color:#718096;margin:0}.kiosk-qr-auth__help{margin-top:40px;padding:24px;background:#fff;border-radius:16px;max-width:400px;box-shadow:0 4px 20px #0000000d}.kiosk-qr-auth__help h3{margin:0 0 16px;font-size:18px;color:#2d3748}.kiosk-qr-auth__help ol{margin:0;padding-left:20px}.kiosk-qr-auth__help li{font-size:16px;color:#555;margin-bottom:8px}.error-message{margin-top:20px;padding:16px 24px;background:#fff5f5;border:1px solid #feb2b2;border-radius:12px;color:#e53e3e}.error-message p{margin:0;font-size:16px}.session-notification{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.session-notification__content{background:#fff;padding:60px 80px;border-radius:24px;text-align:center;animation:scaleIn .3s ease}.session-notification__content h2{margin:0 0 16px;font-size:36px;color:#059669;font-weight:700}.session-notification__content p{margin:0;font-size:24px;color:#333}.session-notification__code{margin-top:12px!important;font-size:28px!important;font-weight:700;color:#ff751f!important}.kiosk-qr-auth__footer{text-align:center;padding:24px;color:#a0aec0;font-size:16px}.kiosk-qr-auth__footer button{background:none;border:none;color:#3182ce;font-size:16px;cursor:pointer;text-decoration:underline}.kiosk-qr-auth__footer button:hover{color:#2c5282}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.kd{min-height:100vh;background:linear-gradient(160deg,#f0f4ff,#e4ecf7,#f5f0ff);display:flex;flex-direction:column;font-family:Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none}.kd__loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.kd__loading p{font-size:18px;color:#666}.kd__spinner{width:48px;height:48px;border:4px solid #f0f0f0;border-top-color:#f97316;border-radius:50%;animation:kd-spin 1s linear infinite}.kd__header{display:flex;align-items:center;justify-content:space-between;padding:18px 36px;background:#fff;box-shadow:0 2px 16px #0000000d;flex-shrink:0}.kd__back{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:none;background:#f1f5f9;border-radius:12px;cursor:pointer;color:#64748b;transition:all .2s}.kd__back:hover{background:#e2e8f0;color:#1e293b}.kd__greeting{flex:1;text-align:center;font-size:22px;font-weight:700;color:#1e293b;margin:0}.kd__countdown{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff5f5;border-radius:20px;color:#e53e3e;font-size:16px;font-weight:600}.kd__body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 40px 20px;gap:40px}.kd__welcome{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.kd__clock{font-size:72px;font-weight:800;color:#1e293b;letter-spacing:-2px;line-height:1}.kd__date{font-size:18px;color:#64748b;font-weight:500;text-transform:capitalize}.kd__status-badge{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:8px 20px;background:#fff;border-radius:24px;font-size:15px;font-weight:600;color:#475569;box-shadow:0 2px 12px #0000000f}.kd__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.kd__dot--active{background:#22c55e;box-shadow:0 0 0 3px #22c55e33;animation:kd-pulse 2s ease infinite}.kd__dot--inactive{background:#94a3b8}.kd__checkin-time{color:#94a3b8;font-weight:400;font-size:14px}@keyframes kd-pulse{0%,to{box-shadow:0 0 0 3px #22c55e33}50%{box-shadow:0 0 0 6px #22c55e1a}}.kd__actions{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;max-width:680px;width:100%}.kd__card{background:#fff;border:3px solid transparent;border-radius:24px;padding:44px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000000f;position:relative;overflow:hidden}.kd__card:hover:not(:disabled){transform:translateY(-6px);box-shadow:0 16px 48px #0000001f}.kd__card:disabled{opacity:.6;cursor:not-allowed}.kd-ripple{position:relative;overflow:hidden}.kd-ripple:active:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#f9731640;transform:translate(-50%,-50%);animation:kd-ripple-anim .5s ease-out forwards}@keyframes kd-ripple-anim{0%{width:0;height:0;opacity:.6}to{width:600px;height:600px;opacity:0}}.kd__card:active:not(:disabled){transform:scale(.96);border-color:#f97316;box-shadow:0 0 0 4px #f9731626}.kd__card-icon{width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:18px;transition:transform .3s ease}.kd__card:hover .kd__card-icon{transform:scale(1.08)}.kd__card--checkin .kd__card-icon{background:#fff7ed;color:#f97316}.kd__card--checkin:hover:not(:disabled){border-color:#f97316}.kd__card--checkout .kd__card-icon{background:#fff5f5;color:#e53e3e}.kd__card--checkout:hover:not(:disabled){border-color:#e53e3e}.kd__card--booking .kd__card-icon{background:#faf5ff;color:#805ad5}.kd__card--booking:hover:not(:disabled){border-color:#805ad5}.kd__card-text h3{margin:0 0 6px;font-size:22px;font-weight:700;color:#1e293b}.kd__card-text p{margin:0;font-size:15px;color:#94a3b8}.kd__card-loading{position:absolute;inset:0;background:#ffffffd9;display:flex;align-items:center;justify-content:center}.kd__card-loading:after{content:"";width:36px;height:36px;border:4px solid #f0f0f0;border-top-color:#f97316;border-radius:50%;animation:kd-spin 1s linear infinite}.kd__branding{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8;font-weight:500}.kd__popup-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999;animation:kd-fadeIn .2s ease}@keyframes kd-fadeIn{0%{opacity:0}to{opacity:1}}.kd__popup{background:#fff;border-radius:24px;padding:48px 40px 36px;min-width:380px;max-width:460px;text-align:center;box-shadow:0 24px 64px #0003;animation:kd-slideUp .3s ease}@keyframes kd-slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.kd__popup-icon{margin-bottom:20px}.kd__popup--success .kd__popup-icon{color:#22c55e}.kd__popup--error .kd__popup-icon{color:#ef4444}.kd__popup--info .kd__popup-icon{color:#f97316}.kd__popup h2{margin:0 0 12px;font-size:24px;font-weight:700;color:#1e293b}.kd__popup p{margin:0 0 28px;font-size:16px;color:#64748b;line-height:1.6}.kd__popup-close{width:100%;padding:16px;border:none;border-radius:14px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:opacity .2s,transform .15s;min-height:52px}.kd__popup-close:active{transform:scale(.97);opacity:.9}@keyframes kd-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.kd__actions{grid-template-columns:1fr;gap:20px}.kd__clock{font-size:48px}.kd__card{flex-direction:row;padding:24px;text-align:left}.kd__card-icon{margin-bottom:0;margin-right:20px;width:64px;height:64px}}:root{--sp-bg: #f7f8fb;--sp-white: #ffffff;--sp-text: #1f2937;--sp-subtext: #6b7280;--sp-border: #e5e7eb;--sp-shadow: 0 8px 24px rgba(0, 0, 0, .06);--sp-radius: 16px;--sp-seat-free: #e7f5ff;--sp-seat-booked: #ffd6a5;--sp-seat-blocked: #f3f4f6;--sp-seat-selected: #ff8a4c;--sp-green: #22c55e;--sp-amber: #f59e0b;--sp-red: #ef4444;--sp-blue: #3b82f6;--sp-mint: #34d399}.sp-page{background:var(--sp-bg);min-height:100vh;padding:16px 24px 32px;color:var(--sp-text);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}.sp-topbar{display:flex;align-items:center;justify-content:space-between;background:var(--sp-white);padding:12px 16px;border-radius:var(--sp-radius);box-shadow:var(--sp-shadow);margin-bottom:18px;gap:12px}.sp-topbar__group{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px}.sp-actions{display:flex;gap:10px;flex-wrap:wrap}.sp-select{border:1px solid var(--sp-border);background:var(--sp-white);border-radius:10px;padding:8px 12px;min-width:160px;font-weight:600;color:var(--sp-text);outline:none;box-shadow:inset 0 1px 2px #00000008}.sp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}.sp-card{background:var(--sp-white);border-radius:var(--sp-radius);padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--sp-shadow)}.sp-card__icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--sp-text)}.sp-card__icon--green{background:#ecfdf3;color:#16a34a}.sp-card__icon--blue{background:#eef2ff;color:#4338ca}.sp-card__icon--amber{background:#fff7ed;color:#f97316}.sp-card__icon--mint{background:#ecfeff;color:#0f766e}.sp-card__title{font-size:13px;color:var(--sp-subtext);margin-bottom:4px}.sp-card__number{font-size:22px;font-weight:700}.sp-banner{display:flex;align-items:center;gap:8px;background:#fef3c7;color:#92400e;border:1px solid #fcd34d;padding:10px 12px;border-radius:12px;box-shadow:var(--sp-shadow);margin-bottom:14px}.sp-layout{display:grid;grid-template-columns:2fr 1fr;gap:14px;flex:1;min-height:0}.sp-canvas-wrapper{background:transparent;position:relative;overflow:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex:1;min-height:0}.sp-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--sp-subtext);font-weight:600;background:#ffffffe6;border-radius:var(--sp-radius);z-index:100}.sp-canvas{position:relative;background-image:linear-gradient(90deg,#f3f4f6 1px,transparent 1px),linear-gradient(#f3f4f6 1px,transparent 1px);background-size:20px 20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;margin:12px}.sp-zone{position:absolute;background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:12px;display:flex;flex-direction:column;gap:10px}.sp-zone__header{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:14px;color:var(--sp-text);padding-bottom:8px;border-bottom:1px solid #e5e7eb}.sp-zone__count{background:#eef2ff;color:#4338ca;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700}.sp-seat-grid{display:grid;gap:8px;width:fit-content}.sp-seat-empty{width:60px;height:60px}.sp-seat{border:2px solid transparent;border-radius:8px;padding:0;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;text-align:center;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.sp-seat--free{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 8px #3b82f64d}.sp-seat--booked{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 4px 8px #f973164d}.sp-seat--blocked{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff;box-shadow:0 2px 4px #0000001a;opacity:.85}.sp-seat:hover:not(.sp-seat--blocked){transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.sp-seat--selected{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f64d,0 4px 8px #00000026;transform:scale(1.05)}.sp-empty{color:var(--sp-subtext);font-size:13px;text-align:center;padding:12px 0}.sp-sidebar{background:var(--sp-white);border-radius:var(--sp-radius);box-shadow:var(--sp-shadow);padding:14px;display:flex;flex-direction:column;gap:12px}.sp-sidebar__section{border:1px solid var(--sp-border);border-radius:12px;padding:12px}.sp-sidebar__title{display:flex;align-items:center;gap:8px;font-weight:700;margin-bottom:10px}.sp-seat-detail__code{font-size:18px;font-weight:800;margin-bottom:6px}.sp-seat-detail__row{font-size:13px;color:var(--sp-subtext);margin-bottom:4px}.sp-btn{margin-top:10px;width:100%;padding:10px 12px;border-radius:10px;border:none;background:linear-gradient(90deg,coral,#f97316);color:#fff;font-weight:700;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;box-shadow:0 8px 14px #f973164d}.sp-btn:hover{transform:translateY(-1px)}.sp-sidebar__legend{border:1px dashed var(--sp-border);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.sp-legend-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--sp-subtext)}.sp-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.sp-dot--green{background:#3b82f6}.sp-dot--amber{background:#f97316}.sp-dot--red{background:#9ca3af}@media(max-width:1024px){.sp-layout{grid-template-columns:1fr}.sp-canvas{min-height:360px}}.ksb{--color-seat-available: #22c55e;--color-seat-available-light: #dcfce7}.ksb .canvas-board{background:none}.ksb{display:flex;flex-direction:column;height:100vh;background:linear-gradient(135deg,#f0f4ff,#e8ecf4);overflow:hidden}.ksb__header{display:flex;align-items:center;gap:20px;padding:16px 32px;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000f;flex-shrink:0}.ksb__back{display:flex;align-items:center;gap:8px;background:none;border:1px solid #e2e8f0;border-radius:10px;padding:12px 20px;cursor:pointer;font-size:16px;color:#475569;transition:all .2s;-webkit-tap-highlight-color:transparent;min-height:48px}.ksb__back:active{background:#f1f5f9;border-color:#cbd5e1}.ksb__title{flex:1;font-size:24px;font-weight:700;color:#1e293b;margin:0}.ksb__slot-select{display:flex;align-items:center;gap:10px;color:#475569}.ksb__slot-select select{padding:12px 18px;border-radius:10px;border:1px solid #e2e8f0;font-size:16px;color:#1e293b;background:#fff;cursor:pointer;outline:none;min-height:48px}.ksb__slot-select select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ksb__stats{display:flex;align-items:center;gap:28px;padding:14px 32px;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0}.ksb__stat{display:flex;align-items:center;gap:8px;font-size:15px;color:#64748b}.ksb__stat strong{color:#1e293b;font-weight:600}.ksb__stat-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.ksb__stat-dot--available{background:#22c55e}.ksb__stat-dot--booked{background:#f59e0b}.ksb__stat-dot--unavailable{background:#94a3b8}.ksb__stat--occupancy{margin-left:auto;color:#3b82f6}.ksb__stat--occupancy strong{color:#3b82f6}.ksb__map{flex:1;position:relative;overflow:hidden;padding:8px}.ksb__canvas{width:100%;height:100%;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000000f;position:relative;overflow:hidden;cursor:grab}.ksb__canvas:active{cursor:grabbing}.ksb__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;color:#64748b;z-index:10;background:#ffffffe6;padding:12px 24px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.ksb__zoom-controls{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;gap:4px;background:#fffffff2;border-radius:12px;padding:6px;box-shadow:0 4px 16px #0000001f;z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ksb__zoom-btn{width:48px;height:48px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;font-size:22px;font-weight:600;color:#1e293b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ksb__zoom-btn:active{background:#e2e8f0;transform:scale(.93)}.ksb__zoom-btn--reset{width:auto;padding:0 16px;font-size:14px;font-weight:500}.ksb__zoom-level{font-size:12px;font-weight:500;color:#64748b;min-width:44px;text-align:center}.ksb__detail-overlay{position:fixed;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:1000;animation:ksb-fadeIn .2s ease}@keyframes ksb-fadeIn{0%{opacity:0}to{opacity:1}}.ksb__detail-card{background:#fff;border-radius:20px;padding:32px;min-width:360px;max-width:440px;box-shadow:0 20px 60px #00000026;animation:ksb-slideUp .3s ease}@keyframes ksb-slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.ksb__detail-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;color:#1e293b}.ksb__detail-code{font-size:26px;font-weight:700;flex:1}.ksb__detail-status{font-size:14px;font-weight:600;padding:6px 16px;border-radius:20px;text-transform:uppercase}.ksb__detail-status--available{background:#dcfce7;color:#166534}.ksb__detail-status--booked{background:#fef3c7;color:#92400e}.ksb__detail-status--unavailable{background:#f1f5f9;color:#64748b}.ksb__detail-info{display:flex;flex-direction:column;gap:12px;font-size:16px;color:#64748b;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e2e8f0}.ksb__detail-info-row{display:flex;justify-content:space-between;align-items:center}.ksb__detail-info-label{color:#94a3b8;font-size:14px}.ksb__detail-info-value{color:#1e293b;font-weight:600;font-size:15px}.ksb__detail-note{font-size:15px;color:#3b82f6;background:#eff6ff;padding:14px 18px;border-radius:10px;margin-bottom:18px;line-height:1.5}.ksb__detail-close{width:100%;padding:16px;border:none;border-radius:10px;background:#f1f5f9;color:#475569;font-size:17px;font-weight:500;cursor:pointer;transition:background .2s;-webkit-tap-highlight-color:transparent;min-height:52px}.ksb__detail-close:active{background:#e2e8f0}.ksb__detail-book{width:100%;padding:18px;border:none;border-radius:12px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;font-size:19px;font-weight:700;cursor:pointer;margin-bottom:12px;transition:opacity .2s,transform .15s;-webkit-tap-highlight-color:transparent;min-height:56px}.ksb__detail-book:active{transform:scale(.97)}.ksb__detail-book:disabled{opacity:.6;cursor:not-allowed}.ksb__detail-note--warn{color:#92400e;background:#fef3c7}.ksb__toast{position:fixed;top:32px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:18px 32px;border-radius:14px;font-size:17px;font-weight:600;box-shadow:0 8px 30px #0000002e;z-index:9999;animation:ksb-toastIn .4s ease}.ksb__toast--success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.ksb__toast--error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}@keyframes ksb-toastIn{0%{transform:translate(-50%) translateY(-20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.ksb__locked-overlay{position:fixed;inset:0;z-index:500;background:#0000008c;display:flex;align-items:center;justify-content:center;animation:ksb-fadeIn .3s ease}.ksb__locked-card{background:#fff;border-radius:24px;padding:48px 40px;text-align:center;max-width:460px;box-shadow:0 20px 60px #0003;animation:ksb-slideUp .35s ease}.ksb__locked-card h2{margin:20px 0 12px;font-size:24px;font-weight:700;color:#1e293b}.ksb__locked-card p{margin:0 0 28px;font-size:16px;color:#64748b;line-height:1.6}.ksb__locked-back{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border:none;border-radius:12px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .15s;min-height:48px}.ksb__locked-back:active{transform:scale(.97)}.chat-widget-launcher{position:fixed;bottom:24px;right:24px;width:64px;height:64px;background:linear-gradient(135deg,#e8600a,#ff9a4d);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;cursor:pointer;box-shadow:0 8px 24px #ff751f59;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:9998}.chat-widget-launcher:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 32px #ff751f73}.chat-widget-launcher:active{transform:translateY(-2px) scale(1.02)}.unread-badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#ff3b30,#ff6b60);color:#fff;font-size:11px;font-weight:700;padding:4px 7px;border-radius:12px;min-width:20px;text-align:center;border:2px solid white;box-shadow:0 2px 8px #ff3b3066}.chat-window{position:fixed;bottom:100px;right:24px;width:380px;max-width:calc(100vw - 48px);height:600px;max-height:calc(100vh - 140px);background:#fff;border-radius:10px;box-shadow:0 12px 48px #00000026,0 0 0 1px #0000000d;display:flex;flex-direction:column;overflow:hidden;z-index:9999;animation:slideUpFade .35s cubic-bezier(.4,0,.2,1)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(24px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.widget-header{background:linear-gradient(135deg,#e8600a,#ff9a4d);color:#fff;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:15px;box-shadow:0 2px 8px #ff751f33}.back-btn{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;color:#fff;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s cubic-bezier(.4,0,.2,1)}.back-btn:hover,.close-btn:hover{background:#ffffff40;transform:scale(1.05)}.back-btn:active,.close-btn:active{transform:scF7F8FA}.conversation-item{display:flex;align-items:center;padding:14px 16px;margin:8px 12px;cursor:pointer;background:#fff;border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000000a}.conversation-item:hover{background:#fff;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.avatar-circle{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#e8600a,#ff9a4d);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0;box-shadow:0 2px 8px #e8600a1f}.conv-info{flex:1;margin-left:12px;overflow:hidden}.conv-unread-dot{background:linear-gradient(135deg,#e8600a,#ff9a4d);min-width:20px;box-shadow:0 2px 6px #e8600a26 0;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.messages-area{flex:1;overflow-y:auto;padding:15px;background:#f8f9fa}.message-row{display:flex;margin-bottom:8px}.message-row.sent{justify-content:flex-end}.message-row.received{justify-content:flex-start}.message-bubble{max-width:100%;padding:5px;border-radius:10px;font-size:13px;line-height:1.4;word-wrap:break-word}.message-row.sent .message-bubble{background:#eb8a296b;color:#2d1515;border-bottom-right-radius:4px}.message-row.received .message-bubble{background:#e9ecef;color:#212529;border-bottom-left-radius:4px}.msg-text{margin-bottom:4px}.msg-timestamp{font-size:10px;opacity:.7;text-align:right}.chat-input-area{display:flex;align-items:center;padding:10px;background:#fff;border-top:1px solid #e9ecef;gap:8px}.chat-input-area input{flex:1;padding:8px 12px;border:1px solid #dee2e6;border-radius:12px;font-size:13px;outline:none}.chat-input-area input:focus{border-color:#0084ff}.chat-input-area button{background:none;border:none;color:#e78433;font-weight:600;cursor:pointer;padding:8px 12px;font-size:13px}.chat-input-area button:hover{opacity:.8}.conversation-list::-webkit-scrollbar,.messages-area::-webkit-scrollbar{width:6px}.conversation-list::-webkit-scrollbar-track,.messages-area::-webkit-scrollbar-track{background:#f1f1f1}.conversation-list::-webkit-scrollbar-thumb,.messages-area::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.conversation-list::-webkit-scrollbar-thumb:hover,.messages-area::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.widget-seen-status{display:flex;justify-content:flex-end;margin-right:15px;margin-top:2px;margin-bottom:6px;font-size:10px;animation:fadeInUp .3s ease;min-height:14px}.widget-seen-text{color:#0084ff;font-weight:500;display:flex;align-items:center;gap:2px;transition:all .3s ease}.widget-sent-text{color:#65676b;font-style:italic;transition:all .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.message-wrapper-horizontal{display:flex;align-items:center;max-width:85%;gap:8px;position:relative}.message-row.sent .message-wrapper-horizontal{flex-direction:row-reverse}.message-row.received .message-wrapper-horizontal{flex-direction:row}.msg-timestamp-bubble{background-color:#0000000d;color:#65676b;font-size:10px;padding:3px 8px;border-radius:10px;white-space:nowrap;opacity:0;transform:scale(.8);transition:all .2s ease;pointer-events:none}.message-bubble:hover+.msg-timestamp-bubble{opacity:1;transform:scale(1)}.message-row.sent .msg-timestamp-bubble{background-color:#e7f3ff;color:#0084ff}.message-bubble{padding:6px 6px 10px;cursor:pointer;position:relative;z-index:2}.input-actions-group{display:flex;gap:2px;align-items:center}.icon-svg-black{width:20px;height:20px;display:block;object-fit:contain;filter:brightness(0);opacity:.8;transition:opacity .2s}.btn-icon:hover .icon-svg-black{opacity:1}.spinner-mini{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #000;border-radius:50%;animation:spin .8s linear infinite}.file-attachment-box{position:relative;z-index:5}.file-attachment-box a{text-decoration:underline;pointer-events:auto!important;position:relative;z-index:10}.msg-timestamp-bubble{pointer-events:none}.btn-send-text{background:none;border:none;color:#0084ff;font-weight:700;cursor:pointer;padding:0 5px}.widget-header{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;background-color:#ff842a;color:#fff;border-top-left-radius:10px;border-top-right-radius:10px}.header-left{display:flex;align-items:center;gap:10px;cursor:pointer}.back-btn-new{background:none;border:none;padding:0;display:flex;align-items:center;cursor:pointer}.back-btn-new img{width:20px;height:20px;filter:brightness(0) invert(1)}.header-user-info{position:relative;display:flex;align-items:center;gap:6px}.user-name{font-weight:600;font-size:16px;white-space:nowrap}.dropdown-icon{width:12px;height:12px;transition:transform .2s ease;filter:brightness(0) invert(1)}.dropdown-icon.rotate{transform:rotate(180deg)}.header-dropdown-menu{position:absolute;top:30px;left:0;background:#fff;color:#333;box-shadow:0 4px 12px #00000026;border-radius:8px;padding:4px 0;z-index:1000;min-width:160px}.menu-item{padding:10px 15px;font-size:14px;cursor:pointer;transition:background .2s}.menu-item:hover{background-color:#f5f5f5}.close-btn-new{background:#fff3;border:none;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px}.close-btn-new:hover{background:#ffffff4d}