@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&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}.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}.panel-login{left:0;z-index:2;opacity:1}.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}:root{--sidebar-width-collapsed: 72px;--sidebar-width-expanded: 260px;--sidebar-primary: #FF751F;--sidebar-primary-dark: #E85A00;--sidebar-radius: 12px;--sidebar-transition: cubic-bezier(.4, 0, .2, 1)}.sidebar{position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-width-collapsed);background:linear-gradient(180deg,var(--sidebar-primary) 0%,var(--sidebar-primary-dark) 100%);padding:20px 12px;display:flex;flex-direction:column;transition:width .35s var(--sidebar-transition);box-shadow:4px 0 24px #ff751f26;z-index:1000;overflow:hidden}.sidebar:hover{width:var(--sidebar-width-expanded)}.sidebar__brand{height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:all .35s var(--sidebar-transition);flex-shrink:0}.sidebar__brandRow{display:flex;align-items:center;justify-content:center;width:100%}.sidebar__brandIcon{width:40px;height:40px;object-fit:contain;transition:transform .4s var(--sidebar-transition),filter .3s ease;filter:drop-shadow(0 2px 8px rgba(0,0,0,.15));border-radius:10px;will-change:transform;backface-visibility:hidden;transform-origin:center center}.sidebar:hover .sidebar__brandIcon{transform:scale(2.5);filter:drop-shadow(0 4px 16px rgba(0,0,0,.2))}.sidebar__badge{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;margin:0 auto 20px;background:#ffffff26;border-radius:20px;color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;width:40px;overflow:hidden;transition:all .35s var(--sidebar-transition)}.sidebar__badge svg{flex-shrink:0}.sidebar__badgeText{opacity:0;width:0;overflow:hidden;white-space:nowrap;transition:all .3s var(--sidebar-transition)}.sidebar:hover .sidebar__badge{width:auto;padding:6px 16px}.sidebar:hover .sidebar__badgeText{opacity:1;width:auto;margin-left:2px}.sidebar__nav{display:flex;flex-direction:column;gap:4px;flex:1;overflow-y:hidden;overflow-x:hidden}.sidebar__nav::-webkit-scrollbar{width:4px}.sidebar__nav::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:100px}.sidebar__section{margin-bottom:12px}.sidebar__sectionLabel{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#ffffff80;padding:8px 12px;margin-bottom:4px;opacity:0;max-width:0;overflow:hidden;white-space:nowrap;transition:all .3s var(--sidebar-transition)}.sidebar:hover .sidebar__sectionLabel{opacity:1;max-width:200px}.sidebar__item{display:flex;align-items:center;justify-content:center;text-decoration:none;color:#ffffffd9;padding:0;border-radius:var(--sidebar-radius);transition:all .25s ease;white-space:nowrap;position:relative;min-height:48px;height:48px;width:48px;margin:0 auto}.sidebar__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.sidebar__icon svg{width:22px;height:22px;transition:transform .2s ease}.sidebar__label{font-size:14px;font-weight:500;opacity:0;width:0;overflow:hidden;transition:opacity .2s ease,width .35s var(--sidebar-transition),margin .35s var(--sidebar-transition);margin-left:0}.sidebar:hover .sidebar__label{opacity:1;width:auto;margin-left:12px}.sidebar__item:hover{background:#ffffff26;color:#fff}.sidebar__item:hover .sidebar__icon svg{transform:scale(1.1)}.sidebar__item--active{background:#fff;color:var(--sidebar-primary);font-weight:600;box-shadow:0 4px 16px #0000001f}.sidebar__item--active:hover{background:#fff;color:var(--sidebar-primary-dark)}.sidebar__item--active .sidebar__icon svg{color:var(--sidebar-primary)}.sidebar__item--active .sidebar__label{font-weight:700;color:var(--sidebar-primary)}.sidebar__item--active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:var(--sidebar-primary);border-radius:0 4px 4px 0;opacity:0;transition:opacity .2s ease}.sidebar:hover .sidebar__item--active:before{opacity:1}.sidebar__helpWrap{margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.15);flex-shrink:0}.sidebar__helpItem{display:flex;align-items:center;justify-content:center;color:#ffffffbf;padding:12px;border-radius:var(--sidebar-radius);cursor:pointer;transition:all .25s ease;min-height:48px;width:48px;margin:0 auto}.sidebar__helpItem:hover{background:#ffffff26;color:#fff}.sidebar__helpItem .sidebar__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.sidebar__helpItem .sidebar__icon svg{width:22px;height:22px}.sidebar__helpItem .sidebar__label{font-size:14px;font-weight:500;opacity:0;width:0;overflow:hidden;transition:opacity .2s ease,width .35s var(--sidebar-transition),margin .35s var(--sidebar-transition);margin-left:0}.sidebar:hover .sidebar__helpItem{justify-content:flex-start;padding:12px 16px;width:100%;margin:0}.sidebar:hover .sidebar__helpItem .sidebar__label{opacity:1;width:auto;margin-left:12px}@media(max-width:768px){.sidebar{width:var(--sidebar-width-collapsed)}.sidebar:hover{width:var(--sidebar-width-expanded)}}.appLayout{display:flex;min-height:100vh;background-color:#f5f7fa}.main{flex:1;margin-left:72px;padding:24px;overflow-y:scroll;overflow-x:hidden;height:100vh}@media(max-width:768px){.main{margin-left:0}}: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:var(--slib-bg-warm)}.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}.h1{font-size:var(--slib-text-3xl);font-weight:var(--slib-font-bold);color:var(--slib-text-primary);margin:0 0 var(--slib-space-4) 0;line-height:var(--slib-leading-tight)}.statsRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--slib-space-5);margin-bottom:var(--slib-space-6)}@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:var(--slib-space-6);display:flex;align-items:flex-start;gap:var(--slib-space-4);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)}.statIcon{width:56px;height:56px;border-radius:var(--slib-radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.statValue{font-size:var(--slib-text-3xl);font-weight:var(--slib-font-bold);color:var(--slib-text-primary);line-height:1.2;margin-bottom:var(--slib-space-1)}.statLabel{font-size:var(--slib-text-sm);color:var(--slib-text-secondary);font-weight:var(--slib-font-medium);line-height:1.4}.gridMid{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--slib-space-5);margin-bottom:var(--slib-space-5)}.gridBottom{display:grid;grid-template-columns:1fr 1fr;gap:var(--slib-space-5)}@media(max-width:1100px){.gridMid,.gridBottom{grid-template-columns:1fr}}.panel{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 .3s ease}.panel:hover{box-shadow:var(--slib-shadow-lg)}.panelTitle{font-size:var(--slib-text-base);font-weight:var(--slib-font-semibold);color:var(--slib-text-primary);margin:0 0 var(--slib-space-4) 0;display:flex;align-items:center;gap:var(--slib-space-3)}.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:var(--slib-space-4);border-bottom:2px solid var(--slib-border-light);text-transform:uppercase;letter-spacing:.5px}.table td{padding:var(--slib-space-4);border-bottom:1px solid var(--slib-border-light);color:var(--slib-text-secondary)}.table tbody tr{transition:background-color .2s ease;cursor:pointer}.table tbody tr:hover{background-color:var(--slib-primary-subtle)}.table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--slib-space-2);padding:var(--slib-space-2) var(--slib-space-3);border-radius:var(--slib-radius-sm);font-weight:var(--slib-font-semibold);font-size:var(--slib-text-xs)}.badgeIn{background:var(--slib-status-success-bg);color:var(--slib-status-success)}.badgeOut{background:var(--slib-status-error-bg);color:var(--slib-status-error)}.aiHeader{display:flex;align-items:center;gap:var(--slib-space-3);margin-bottom:var(--slib-space-4)}.aiCard{border-radius:var(--slib-radius-md);padding:var(--slib-space-4);border:1px solid var(--slib-border-light);display:flex;gap:var(--slib-space-3);margin-bottom:var(--slib-space-3);transition:all .2s ease}.aiCard:hover{transform:translate(4px)}.aiCard--warn{background:var(--slib-status-warning-bg);border-color:#ffe0b2}.aiCard--info{background:var(--slib-status-info-bg);border-color:#bbdefb}.aiTitle{font-weight:var(--slib-font-semibold);font-size:var(--slib-text-sm);color:var(--slib-text-primary);margin:0 0 var(--slib-space-1) 0}.aiMsg{margin:0;font-size:var(--slib-text-sm);color:var(--slib-text-secondary);line-height:var(--slib-leading-relaxed)}.legend{display:flex;align-items:center;gap:var(--slib-space-5);font-size:var(--slib-text-xs);color:var(--slib-text-muted);font-weight:var(--slib-font-medium);margin-bottom:var(--slib-space-4);padding:var(--slib-space-3) var(--slib-space-4);background:var(--slib-bg-main);border-radius:var(--slib-radius-md)}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:var(--slib-space-2)}.dotGreen{background:var(--slib-accent-green)}.dotYellow{background:var(--slib-accent-yellow)}.dotRed{background:var(--slib-status-error)}.areaRow{margin:var(--slib-space-3) 0;padding:var(--slib-space-4);border-radius:var(--slib-radius-md);border:1px solid var(--slib-border-light);transition:all .2s ease}.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:var(--slib-text-sm);font-weight:var(--slib-font-semibold);margin-bottom:var(--slib-space-3)}.bar{height:8px;background:var(--slib-border-light);border-radius:100px;overflow:hidden}.fill{height:100%;border-radius:100px;transition:width .5s ease}.fillGreen{background:linear-gradient(90deg,var(--slib-accent-green),#6DD47E)}.fillYellow{background:linear-gradient(90deg,var(--slib-accent-yellow),#FFD54F)}.fillRed{background:linear-gradient(90deg,var(--slib-status-error),#EF5350)}.noticeBox{border:2px solid var(--slib-accent-blue);border-radius:var(--slib-radius-lg);background:var(--slib-bg-card);box-shadow:var(--slib-shadow-card);padding:var(--slib-space-4)}.noticeItem{font-size:var(--slib-text-sm);color:var(--slib-text-secondary);margin:var(--slib-space-3) 0;padding:var(--slib-space-3);border-radius:var(--slib-radius-md);border:1px solid var(--slib-border-light);transition:all .2s ease;cursor:pointer}.noticeItem:hover{background:var(--slib-primary-subtle);border-color:var(--slib-primary);transform:translate(4px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.statsRow>*,.gridMid>*,.gridBottom>*{animation:fadeIn .4s ease forwards}.statsRow>*:nth-child(1){animation-delay:.1s}.statsRow>*:nth-child(2){animation-delay:.15s}.statsRow>*:nth-child(3){animation-delay:.2s}.gridMid>*:nth-child(1){animation-delay:.25s}.gridMid>*:nth-child(2){animation-delay:.3s}.gridBottom>*:nth-child(1){animation-delay:.35s}.gridBottom>*:nth-child(2){animation-delay:.4s}@media(max-width:1400px){.main{padding:0}}@media(max-width:768px){.main{margin-left:0;width:100%}.statsRow{grid-template-columns:1fr;gap:var(--slib-space-4)}.statCard{padding:var(--slib-space-4)}.statValue{font-size:var(--slib-text-2xl)}}.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)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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)}.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, #FFF7F2);color:var(--slib-primary, #FF751F)}.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, #FF751F);color:#fff;box-shadow:0 4px 12px #ff751f40}.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}@keyframes spin{to{transform:rotate(360deg)}}.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:16px;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, #FFF7F2);display:flex;align-items:center;justify-content:center;color:var(--slib-primary, #FF751F)}.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, #FFF7F2) 0%,transparent 100%)}.profile-avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--slib-primary, #FF751F),var(--slib-primary-light, #FF9B5A));display:flex;align-items:center;justify-content:center;position:relative;border:4px solid white;box-shadow:0 8px 24px #ff751f40}.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, #FF751F);color:#fff;border-radius:20px;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:16px;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, #FF751F);background:#fff;box-shadow:0 0 0 4px #ff751f1a}.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, #FFF7F2);border-color:var(--slib-primary, #FF751F)}.security-button-content{display:flex;align-items:center;gap:14px}.security-button-content svg{color:var(--slib-primary, #FF751F)}.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, #FF751F);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}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--slib-bg-card, #ffffff);border-radius:20px;width:100%;max-width:450px;margin:20px;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.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, #FF751F);background:#fff;box-shadow:0 0 0 4px #ff751f1a}.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, #FF751F)}.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, #FF751F);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 #ff751f40}.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}}:root{--sidebar-bg: linear-gradient(180deg, #FF751F 100%, #feb47b 100%);--sb-width-collapsed: 72px;--sb-width-expanded: 260px;--item-color: rgba(255, 255, 255, .8);--item-color-hover: #ffffff;--item-bg-hover: rgba(255, 255, 255, .15);--item-bg-active: #ffffff;--item-text-active: #ff7e5f;--ease-spring: cubic-bezier(.4, 0, .2, 1)}.sidebar{position:fixed!important;top:0!important;left:0!important;height:100vh!important;width:var(--sb-width-collapsed);background:var(--sidebar-bg)!important;padding:24px 12px!important;display:flex!important;flex-direction:column!important;transition:width .4s var(--ease-spring);box-shadow:4px 0 20px #ff7e5f40!important;z-index:1000!important;overflow:hidden!important;visibility:visible!important;opacity:1!important}.sidebar:hover{width:var(--sb-width-expanded)}.sidebar__brand{height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:30px;transition:all .4s var(--ease-spring)}.sidebar__brandIcon{width:40px;height:40px;object-fit:contain;transition:transform .4s var(--ease-spring);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.sidebar:hover .sidebar__brand{justify-content:flex-start;padding-left:12px}.sidebar__nav{display:flex;flex-direction:column;gap:8px;flex:1;overflow-y:auto;overflow-x:hidden}.sidebar__nav::-webkit-scrollbar{display:none}.sidebar__item{display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--item-color);padding:0;border-radius:12px;transition:all .2s ease;white-space:nowrap;position:relative;min-height:48px;height:48px;width:48px;margin:0 auto}.sidebar__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;transition:margin .3s var(--ease-spring)}.sidebar__item svg{width:22px;height:22px;transition:transform .2s ease}.sidebar:hover .sidebar__item{justify-content:flex-start;padding:12px 16px;width:100%;margin:0}.sidebar:hover .sidebar__icon{margin-right:12px}.sidebar__label{font-size:15px;font-weight:500;opacity:0;transform:translate(-10px);transition:all .3s var(--ease-spring);pointer-events:none}.sidebar:hover .sidebar__label{opacity:1;transform:translate(0);pointer-events:auto;transition-delay:.05s}.sidebar__item:hover{background:var(--item-bg-hover);color:var(--item-color-hover)}.sidebar__item--active{background:var(--item-bg-active);color:var(--item-text-active);font-weight:700;box-shadow:0 4px 12px #0000001a}.sidebar__item--active svg{stroke-width:2.5px}.sidebar__helpWrap{margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}.sidebar__helpItem{display:flex;align-items:center;color:var(--item-color);padding:12px 14px;border-radius:12px;cursor:pointer;transition:all .2s}.sidebar__helpItem:hover{background:var(--item-bg-hover);color:var(--item-color-hover)}.sidebar__helpItem svg{min-width:24px;margin-right:16px}.appLayout{display:flex;min-height:100vh;background-color:#f5f5f5}.main{margin-left:72px;flex:1;width:calc(100% - 72px);transition:margin-left .4s cubic-bezier(.4,0,.2,1);padding:10px;overflow-y:auto;overflow-x:hidden;max-height:100vh;height:100vh}.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}:root{--orange:#f58220;--orange-dark:#ef6f12;--bg:#f6f7fb;--panel:#ffffff;--text:#111827;--muted:#6b7280;--border:#e5e7eb;--shadow: 0 10px 24px rgba(17,24,39,.08);--shadow-soft: 0 6px 16px rgba(17,24,39,.06);--r-lg:18px;--r-md:14px;--r-sm:12px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}.topbar{height:54px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.searchBox{flex:1;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--border);border-radius:999px;padding:10px 14px;max-width:720px}.searchBox input{border:none;outline:none;width:100%;font-size:14px}.profile{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--border);border-radius:999px;padding:7px 10px}.profile img{width:30px;height:30px;border-radius:999px;object-fit:cover}.profile__name{font-weight:800;font-size:12px;margin:0;line-height:1.2}.profile__role{font-size:11px;color:var(--muted);margin:0;line-height:1.2}.h1{font-size:22px;font-weight:900;margin:8px 0 14px}.statsRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:16px}@media(max-width:980px){.statsRow{grid-template-columns:1fr}}.statCard{background:var(--panel);border-radius:var(--r-lg);box-shadow:var(--shadow-soft);padding:18px;display:flex;align-items:center;gap:14px;min-height:78px}.statIcon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center}.statValue{font-size:22px;font-weight:900}.statLabel{font-size:12px;color:var(--muted);font-weight:650;margin-top:2px}.gridMid{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-bottom:18px}@media(max-width:1100px){.gridMid{grid-template-columns:1fr}}.panel{background:var(--panel);border-radius:var(--r-lg);box-shadow:var(--shadow-soft);padding:16px}.panelTitle{font-size:13px;font-weight:900;margin:0 0 10px}.table{width:100%;border-collapse:collapse;font-size:12px}.table th{text-align:left;color:var(--muted);font-weight:800;padding:10px 8px;border-bottom:1px solid var(--border)}.table td{padding:10px 8px;border-bottom:1px solid #f1f5f9}.badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-weight:900;font-size:11px}.badgeIn{background:#d1fae5;color:#065f46}.badgeOut{background:#fee2e2;color:#991b1b}.aiHeader{display:flex;align-items:center;gap:8px;margin-bottom:10px}.aiCard{border-radius:var(--r-md);padding:12px;border:1px solid var(--border);display:flex;gap:10px;margin-bottom:12px}.aiCard--warn{background:#fff7ed;border-color:#fed7aa}.aiCard--info{background:#eff6ff;border-color:#bfdbfe}.aiTitle{font-weight:900;font-size:12px;margin:0 0 4px}.aiMsg{margin:0;font-size:11.5px;color:#374151;line-height:1.45}.gridBottom{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}@media(max-width:1100px){.gridBottom{grid-template-columns:1fr}}.noticeBox{border:2px solid #3b82f6;border-radius:var(--r-lg);background:#fff;box-shadow:var(--shadow-soft);padding:14px}.noticeItem{font-size:12px;color:#374151;margin:10px 0}.legend{display:flex;align-items:center;gap:14px;font-size:11px;color:var(--muted);font-weight:700;margin-bottom:10px}.dot{width:8px;height:8px;border-radius:999px;display:inline-block;margin-right:6px}.dotGreen{background:#22c55e}.dotYellow{background:#fbbf24}.dotRed{background:#ef4444}.areaRow{margin:12px 0}.areaTop{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800}.bar{height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin-top:8px}.fill{height:100%;border-radius:999px}.fillGreen{background:#22c55e}.fillYellow{background:#fbbf24}.fillRed{background:#ef4444}:root{--orange-start: #ff8c42;--orange-end: #f75c03;--bg-main: #f6f7fb;--white: #ffffff;--text-dark: #1f2937;--text-gray: #6b7280;--text-light-gray: #9ca3af;--border-color: #e5e7eb;--green-bg: #dcfce7;--green-text: #166534;--red-bg: #fee2e2;--red-text: #991b1b;--zone-quiet-bg: #fecaca;--zone-quiet-text: #7f1d1d;--zone-discuss-bg: #86efac;--zone-discuss-text: #14532d;--zone-self-bg: #fef08a;--zone-self-text: #854d0e;--sidebar-width: 240px}*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}body{background-color:var(--bg-main)}.slib-container{display:flex;flex-direction:column;width:100%}.sidebar,.sidebar-header,.sidebar-nav,.nav-item,.sidebar-footer,.help-btn,.logo{display:none}.main-content{margin-left:0;width:100%;min-height:auto;padding:0;background-color:var(--bg-main)}.topbar{display:flex;align-items:center;gap:18px;margin-bottom:18px}.circle-btn{width:34px;height:34px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-gray);cursor:pointer;border:1px solid var(--border-color);box-shadow:0 2px 8px #00000008}.search-bar{flex:1;background:#fff;border-radius:999px;padding:12px 18px;display:flex;align-items:center;gap:12px;border:1px solid var(--border-color);box-shadow:0 2px 10px #00000005}.search-icon{color:var(--text-light-gray)}.search-bar input{border:none;outline:none;width:100%;font-size:14px;color:var(--text-dark)}.user-profile{background:#fff;padding:6px 14px 6px 6px;border-radius:999px;display:flex;align-items:center;gap:12px;cursor:pointer;border:1px solid var(--border-color);box-shadow:0 2px 10px #00000005}.avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.user-info{display:flex;flex-direction:column;line-height:1.15}.user-name{font-weight:800;font-size:14px;color:var(--text-dark)}.user-role{font-size:12px;color:var(--text-gray)}.page-title{font-size:22px;font-weight:800;color:var(--text-dark);margin:6px 0 18px}.stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:24px}@media(max-width:1050px){.stats-row{grid-template-columns:1fr}}.stat-card{background:#fff;border-radius:18px;padding:22px 24px;display:flex;align-items:center;gap:18px;box-shadow:0 4px 14px #00000008}.stat-icon-wrapper{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-number{font-size:32px;font-weight:800;color:var(--text-dark);line-height:1.1}.stat-label{font-size:14px;color:var(--text-gray);font-weight:600;margin-top:4px}.table-panel{background:#fff;border-radius:18px;padding:22px;box-shadow:0 4px 14px #00000008;position:relative;height:540px;display:flex;flex-direction:column}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel-header h2{font-size:16px;font-weight:800;color:var(--text-dark)}.filter-container{position:relative}.filter-btn{width:34px;height:34px;border-radius:8px;background:#f3f4f6;border:1px solid #eef2f7;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--text-gray)}.filter-btn:hover{background:#eaeef5}.filter-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 10px 24px #0000001f;width:150px;z-index:20;overflow:hidden}.filter-item{padding:10px 14px;font-size:13px;color:var(--text-dark);cursor:pointer;background:#fff}.filter-item:hover{background-color:#f9fafb}.table-wrapper{flex:1;overflow-y:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.table-wrapper::-webkit-scrollbar{width:6px}.table-wrapper::-webkit-scrollbar-track{background:transparent}.table-wrapper::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:20px}.log-table{width:100%;border-collapse:collapse}.log-table thead th{text-align:left;font-size:12px;font-weight:700;color:var(--text-dark);padding:12px 16px;position:sticky;top:0;background:#fff;z-index:5;border-bottom:1px solid #eef2f7}.log-table tbody td{padding:14px 16px;font-size:14px;color:var(--text-dark);vertical-align:middle;border-bottom:1px solid #f1f5f9}.log-table tbody tr:hover td{background-color:#f9fafb}.fw-500{font-weight:600;color:var(--text-gray)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.badge.action.in{background-color:var(--green-bg);color:var(--green-text)}.badge.action.out{background-color:var(--red-bg);color:var(--red-text)}.badge.zone.quiet{background-color:var(--zone-quiet-bg);color:var(--zone-quiet-text)}.badge.zone.discuss{background-color:var(--zone-discuss-bg);color:var(--zone-discuss-text)}.badge.zone.self-study{background-color:var(--zone-self-bg);color:var(--zone-self-text)}:root{--orange-start: #ff8c42;--orange-end: #f75c03;--bg-main: #f6f7fb;--white: #ffffff;--text-dark: #1f2937;--text-gray: #6b7280;--text-light-gray: #9ca3af;--border-color: #e5e7eb;--map-bg-grid: #e5e7eb;--zone-gray: #d1d5db;--zone-gray-text: #6b7280;--zone-yellow-bg: #f59e0b;--zone-green-bg: #4ade80;--zone-red-bg: #ef4444;--sidebar-width: 240px}*{box-sizing:border-box;grid-template-columns:90px 2fr 3fr 10px 2fr;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background-color:var(--bg-main);color:var(--text-dark);grid-template-rows:40px 1fr 40px 20px 1.2fr;grid-template-areas:"shelf entrance quiet . ." "shelf hall     quiet . ." "shelf library  quiet . ." "shelf .        .     . ." "shelf discuss  .  wall self";@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50% + 120px,10px)}to{opacity:1;transform:translate(-50% + 120px,0)}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%);width:0;opacity:0}to{transform:translate(0);width:320px;opacity:1}}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%,to{box-shadow:0 8px 32px #ff6b3559}50%{box-shadow:0 8px 40px #ff6b358c}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(24px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}}body .sidebar,body .sidebar-header,body .sidebar-nav,body .nav-item,body .sidebar-footer,body .help-btn,body .logo{display:none}body .main-content{margin-left:0;flex:1;padding:0;background-color:var(--bg-main);min-height:auto;display:flex;flex-direction:column}body .topbar{display:flex;align-items:center;margin-bottom:24px;gap:24px}body .back-btn{width:32px;height:32px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-gray);cursor:pointer;box-shadow:0 2px 4px #0000000d}body .search-bar{flex:1;background:#fff;border-radius:99px;padding:10px 24px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 8px #00000005;border:1px solid var(--border-color);max-width:600px}body .search-bar input{border:none;outline:none;width:100%;font-size:14px;color:var(--text-dark)}body .user-profile{background:#fff;padding:6px 16px 6px 6px;border-radius:99px;display:flex;align-items:center;gap:12px;cursor:pointer;border:1px solid var(--border-color);box-shadow:0 2px 8px #00000005;margin-left:auto}body .avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background-color:#ddd}body .user-info{display:flex;flex-direction:column;line-height:1.2}body .user-name{font-weight:700;font-size:14px}body .user-role{font-size:12px;color:var(--text-gray)}body .page-title{font-size:24px;font-weight:800;color:var(--text-dark);margin-bottom:24px}body .stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}body .stat-card{background:#fff;border-radius:18px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 12px #00000008}body .stat-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}body .stat-content h3{font-size:28px;font-weight:800;line-height:1.2;margin-bottom:4px}body .stat-content h4{font-size:18px;font-weight:700;color:var(--text-dark);margin-bottom:2px}body .stat-content p{font-size:13px;color:var(--text-gray);font-weight:500}body .stat-card.green .stat-icon{background-color:#dcfce7;color:#16a34a}body .stat-card.green h3{color:var(--text-dark)}body .stat-card.red .stat-icon{background-color:#fee2e2;color:#dc2626}body .stat-card.red h3,body .stat-card.red h4{color:#dc2626}body .stat-card.red h4{color:var(--text-dark)}body .stat-card.mint .stat-icon{background-color:#ccfbf1;color:#0d9488}body .map-panel{background:#fff;border-radius:18px;padding:24px;box-shadow:0 4px 12px #00000008;flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column}body .map-bg-grid{position:absolute;inset:0;background:linear-gradient(135deg,#cbd5e1,#94a3b8);opacity:.4;z-index:0}body .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"}body .map-block{border-radius: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}body .map-block:hover{transform:scale(1.01);box-shadow:0 4px 8px #0000001a}body .map-block span{font-size:14px}body .map-badge{background:#fff;padding:4px 12px;border-radius:99px;font-size:12px;font-weight:800;margin-top:8px;box-shadow:0 2px 4px #0000001a;color:var(--text-dark)}body .zone-shelf{grid-area:shelf;background-color:var(--zone-gray);color:#fff;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:16px;letter-spacing:1px}body .zone-entrance{grid-area:entrance;background-color:var(--zone-gray);color:#fff;border-radius:20px;width:60%;justify-self:center;font-size:12px}body .zone-hall{grid-area:hall;background-color:var(--zone-gray);color:#fff;font-size:16px}body .zone-library{grid-area:library;background-color:var(--zone-gray);color:#fff;border-radius:20px;width:60%;justify-self:center;font-size:12px}body .zone-quiet{grid-area:quiet;background-color:var(--zone-yellow-bg);color:#fff;font-size:18px}body .zone-discuss{grid-area:discuss;background-color:var(--zone-green-bg);color:#fff;font-size:16px}body .zone-self{grid-area:self;background-color:var(--zone-red-bg);color:#fff;font-size:16px}body .map-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){body .stats-row{grid-template-columns:1fr}body .map-layout{height:auto;min-height:600px;grid-template-columns:60px 1fr 1fr}}body :root{--color-primary-start: #f58220;--color-primary-end: #ef6f12;--color-bg: #f6f7fb;--color-white: #ffffff;--color-text-main: #333333;--color-text-sub: #6b7280;--color-border: #e5e7eb;--seat-empty: #dbe7f6;--seat-occupied: #ff9b4a;--seat-restricted: #e5e7eb;--seat-selected-border: #ef6f12;--sidebar-width: 240px;--shadow-card: 0 4px 20px rgba(0, 0, 0, .04);--radius-card: 18px;--radius-seat: 8px}body .seatManage__avatar img{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-right:10px}body .seatManage__profileInfo{display:flex;flex-direction:column;margin-right:12px}body .seatManage__name{font-size:13px;font-weight:600;color:var(--color-text-main)}body .seatManage__role{font-size:11px;color:var(--color-text-sub)}body .seatManage__title{font-size:20px;font-weight:700;margin:0 0 20px;color:var(--color-text-main)}body .seatManage__topCards{display:flex;gap:20px;margin-bottom:24px}body .seatManage__leftStack{display:flex;flex-direction:column;gap:20px;flex:0 0 400px}body .seatManage__statCard{background:#fff;border-radius:var(--radius-card);padding:24px;box-shadow:var(--shadow-card);display:flex;align-items:center;gap:20px}body .seatManage__statIconCircle{width:64px;height:64px;border-radius:50%;background-color:#f0fdf4;display:flex;align-items:center;justify-content:center}body .seatManage__statInfo{display:flex;flex-direction:column}body .seatManage__statNumber{font-size:28px;font-weight:700;color:var(--color-text-main)}body .seatManage__statLabel{color:var(--color-text-sub);font-size:14px;margin-top:4px}body .seatManage__restrictedCard{background:#fff;border-radius:var(--radius-card);padding:16px 24px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:12px}body .seatManage__restrictedHeader{display:flex;justify-content:space-between;align-items:center}body .seatManage__restrictedTitle{font-size:14px;font-weight:600;color:var(--color-text-main)}body .seatManage__restrictedCount{font-size:12px;color:#ef4444;font-weight:600;background:#fef2f2;padding:4px 10px;border-radius:12px}body .seatManage__chipList{display:flex;flex-wrap:wrap;gap:8px}body .seatManage__chip{background-color:#f3f4f6;color:#4b5563;font-size:12px;padding:4px 10px;border-radius:6px;font-weight:500;border:1px solid #e5e7eb}body .seatManage__chipMore{font-size:11px;color:#9ca3af;align-self:center;padding-left:4px}body .seatManage__aiCard{flex:1;background:#fff;border-radius:var(--radius-card);padding:20px 24px;box-shadow:var(--shadow-card);background-image:linear-gradient(to bottom right,#fff,#fffdfa);border:1px solid #fff7ed}body .seatManage__aiHeader{display:flex;align-items:center;font-weight:700;font-size:14px;color:#333;margin-bottom:16px}body .seatManage__sparkle{margin-right:8px;color:#d946ef}body .seatManage__aiContent{background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:16px;display:flex;gap:16px}body .seatManage__aiAlertIcon{margin-top:2px}body .seatManage__aiAlertTitle{font-weight:600;color:#c2410c;font-size:14px;margin-bottom:4px}body .seatManage__aiAlertDesc{font-size:13px;color:#ea580c;line-height:1.5}body .seatManage__controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}body .seatManage__slots{display:flex;gap:12px;background:#fff;padding:6px;border-radius:12px;border:1px solid #e5e7eb}body .seatManage__slotBtn{background:transparent;border:1px solid transparent;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;color:#4b5563;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}body .seatManage__slotBtn:hover{background:#f9fafb}body .seatManage__slotBtn--active{background:#ffedd5!important;border-color:#fb923c!important;color:#c2410c!important}body .seatManage__filterWrapper{position:relative}body .seatManage__dropdownTrigger{display:flex;align-items:center;background:#fff;padding:8px 16px;border-radius:8px;border:1px solid #e5e7eb;color:#4b5563;font-size:13px;font-weight:600;gap:8px;cursor:pointer}body .seatManage__filterSelect{appearance:none;border:none;background:transparent;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;outline:none;cursor:pointer;padding-right:4px}body .seatManage__mapPanel{background:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:30px;position:relative;min-height:600px;background-image:linear-gradient(#f3f4f6 1px,transparent 1px),linear-gradient(90deg,#f3f4f6 1px,transparent 1px);background-size:40px 40px;overflow:hidden}body .seatManage__mapGrid{display:grid;grid-template-columns:100px 40px 3fr 40px 3fr;grid-template-rows:50px 250px 50px 20px auto;gap:10px;height:100%}body .seatManage__staticElement{background-color:#e5e5e5;border-radius:30px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;text-shadow:0 1px 2px rgba(0,0,0,.1)}body .seatManage__bookshelf{grid-column:1;grid-row:1 / span 5;background-color:#d1d5db;writing-mode:vertical-rl;text-orientation:mixed;border-radius:16px;height:100%;align-self:start;max-height:500px}body .seatManage__entrance{grid-column:3;grid-row:1;background-color:#d1d5db;width:80%;margin:0 auto}body .seatManage__hall{grid-column:3;grid-row:2;background-color:#d1d5db;border-radius:16px}body .seatManage__librarian{grid-column:3;grid-row:3;background-color:#d1d5db;width:60%;margin:0 auto}body .seatManage__pillar{grid-column:4;grid-row:4 / span 2;width:20px;height:120px;background:#d1d5db;border-radius:10px;align-self:center}body .seatManage__zone{display:grid;gap:8px}body .seatManage__zoneB{grid-column:5;grid-row:1 / span 2;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;align-content:start}body .seatManage__zoneA{grid-column:3;grid-row:5;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;align-content:start}body .seatManage__zoneC{grid-column:5;grid-row:5;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;align-content:end}body .seatManage__seat{aspect-ratio:1;background-color:var(--seat-empty);border-radius:var(--radius-seat);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:#4b5563;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;box-shadow:0 1px 2px #0000000d}body .seatManage__seat:hover{filter:brightness(.95)}body .seatManage__seat--occupied{background-color:var(--seat-occupied);color:#7c2d12;font-weight:700}body .seatManage__seat--restricted{background-color:var(--seat-restricted);color:#9ca3af;border:1px dashed #9ca3af}body .seatManage__seat--selected{border:2px solid var(--seat-selected-border);box-shadow:0 0 0 3px #f5822033;transform:scale(1.05);z-index:10}body .seatManage__seat--dimmed{opacity:.2;pointer-events:none}body .seatManage__seatActionCard{position:absolute;top:20px;right:20px;background:#fff;padding:16px;border-radius:12px;box-shadow:0 10px 30px #00000026;z-index:50;border:1px solid #e5e7eb;min-width:220px;animation:slideDown .2s ease-out}body .seatManage__actionHeader{display:flex;align-items:center;gap:10px;font-weight:700;color:#333;margin-bottom:16px;border-bottom:1px solid #f3f4f6;padding-bottom:10px}body .seatManage__actionZone{font-weight:400;color:#666;font-size:13px}body .seatManage__actionBody{display:flex;flex-direction:column}body .seatManage__actionBtn{width:100%;padding:10px;border-radius:8px;font-weight:600;cursor:pointer;border:none;font-size:13px;transition:background .2s}body .seatManage__actionBtn--restrict{background-color:#fee2e2;color:#dc2626}body .seatManage__actionBtn--restrict:hover{background-color:#fecaca}body .seatManage__actionBtn--unrestrict{background-color:#e0f2fe;color:#0284c7}body .seatManage__actionBtn--unrestrict:hover{background-color:#bae6fd}body .seatManage__toast{position:fixed;bottom:40px;left:50%;transform:translateX(-50% + 120px);background-color:#1f2937;color:#fff;padding:12px 24px;border-radius:30px;font-size:14px;box-shadow:0 10px 25px #0003;z-index:9999;animation:fadeIn .3s ease-out}body .seatManage__topCards{display:grid!important;grid-template-columns:minmax(320px,420px) minmax(420px,520px);gap:20px;align-items:start;margin-bottom:24px}body .seatManage__leftStack{flex:unset!important;width:100%;min-width:320px}body .seatManage__aiCard{width:100%;min-width:420px;max-width:520px;width:350px;height:230px;display:flex;flex-direction:column;justify-content:center}body .seatManage__main{padding:18px 28px 26px!important}body .seatManage__main>*{max-width:1400px;margin-left:auto;margin-right:auto}body .seatManage__controls{gap:12px;flex-wrap:wrap}body .seatManage__slots{flex-wrap:wrap}body .seatManage__mapPanel{min-height:clamp(520px,62vh,720px)!important;padding:26px!important}body .seatManage__mapGrid{grid-template-columns:100px 32px 2fr 32px 2fr!important;grid-template-rows:50px 240px 50px 16px auto!important;gap:10px!important}@media(max-width:1100px){body .seatManage__topCards{grid-template-columns:1fr!important}body .seatManage__aiCard{min-width:0}body .seatManage__main{padding:18px 18px 26px!important}body .seatManage__main>*{max-width:100%}}body .seatManage__toast{position:absolute;top:-60px;left:0;right:0;margin:auto;transform:none!important}body :root{--primary-orange: #f97316;--text-dark: #333333;--text-gray: #666666;--border-radius-card: 18px;--shadow-card: 0 4px 12px rgba(0, 0, 0, .05)}body .info-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-bottom:30px}body .info-card{background:#fdf6f2;border-radius:var(--border-radius-card);padding:30px;display:flex;align-items:center;gap:30px}body .info-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid white;box-shadow:0 2px 8px #0000001a}body .info-text{display:flex;flex-direction:column;gap:8px}body .info-row{font-size:16px;color:var(--text-dark)}body .info-row .label{color:#a16248;font-weight:500}body .info-row .val{font-weight:600;margin-left:5px}body .info-row .val.highlight{color:#d35400}body .rank-card{background:#f5f5f5;border-radius:var(--border-radius-card);padding:30px;display:flex;align-items:center;gap:25px}body .donut-chart-wrapper{position:relative;width:90px;height:90px}body .donut-chart{width:100%;height:100%;border-radius:50%;position:relative;display:flex;justify-content:center;align-items:center}body .inner-circle{width:80%;height:80%;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}body .score-val{font-size:20px;font-weight:800}body .score-max{font-size:10px;color:#999}body .rank-details{flex:1}body .rank-title{font-size:16px;font-weight:700;display:flex;align-items:center;gap:6px;margin-bottom:6px}body .icon-check-filled{color:#fff}body .rank-desc{font-size:13px;color:var(--text-gray);line-height:1.4}body .history-section{margin-top:10px}body .section-title{font-size:16px;font-weight:700;margin-bottom:15px;color:var(--text-dark)}body .history-card{padding:24px;height:auto;max-height:500px}body .time-pill{background:#eef2f6;padding:6px 16px;border-radius:20px;font-size:13px;color:#444;font-weight:500}body .seat-pill.blue{background:#e3f2fd;color:#1976d2}body .no-hover:hover{background:transparent!important;cursor:default!important}body :root{--primary-orange: #f97316;--primary-gradient: linear-gradient(180deg, #FF9F43 0%, #FF6B00 100%);--bg-color: #f6f7fb;--white: #ffffff;--text-dark: #333333;--text-gray: #888888;--border-radius-card: 18px;--border-radius-pill: 50px;--shadow-card: 0 4px 12px rgba(0, 0, 0, .05);--green: #2ecc71;--yellow: #f1c40f;--red: #e74c3c;--purple-light: #efeaff;--purple-icon: #7d5fff;--red-light: #ffecec;--red-icon: #ff5f5f}body *{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body .btn-back{width:40px;height:40px;border-radius:50%;border:none;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-gray);box-shadow:0 2px 5px #0000000d}body .stats-container{display:flex;gap:20px;margin-bottom:30px}body .stat-icon.purple{background:var(--purple-light);color:var(--purple-icon)}body .stat-icon.red{background:var(--red-light);color:var(--red-icon)}body .stat-info h3{font-size:32px;font-weight:700;color:var(--text-dark)}body .time-slots{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap}body .slot-pill{padding:10px 24px;border-radius:12px;border:1px solid transparent;background:#fff;font-weight:600;color:var(--text-dark);cursor:pointer;box-shadow:0 2px 4px #00000008;display:flex;align-items:center;gap:8px;transition:all .2s}body .slot-pill.active{background:#fff3e0;border-color:var(--primary-orange);color:var(--primary-orange)}body .slot-check{width:16px;height:16px}body .slot-pill.disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5;color:var(--text-gray);pointer-events:none}body .slot-pill.disabled:hover{background:#f5f5f5;transform:none}body .table-card{background:#fff;border-radius:var(--border-radius-card);padding:24px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;height:500px}body .table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}body .table-header h3{font-size:16px;font-weight:700;color:var(--text-dark)}body .table-actions{display:flex;align-items:center;gap:12px}body .mini-search input{padding:8px 16px;border-radius:var(--border-radius-pill);border:1px solid #ddd;font-size:13px;outline:none;width:220px}body .btn-icon{background:none;border:none;cursor:pointer;color:var(--text-gray);padding:4px}body .filter-dropdown-wrapper{position:relative}body .dropdown-menu{position:absolute;top:100%;right:0;width:160px;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:8px 0;z-index:10;border:1px solid #eee}body .dropdown-header{padding:8px 16px;font-weight:700;font-size:12px;color:var(--text-dark);border-bottom:1px solid #eee}body .dropdown-item{padding:10px 16px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:8px;color:var(--text-dark)}body .dropdown-item:hover{background:#f9f9f9}body .dot{width:8px;height:8px;border-radius:50%;display:inline-block}body .table-responsive{flex:1;overflow-y:auto}body .student-table{width:100%;border-collapse:collapse}body .student-table th{text-align:left;padding:16px;font-size:13px;color:var(--text-gray);font-weight:600;position:sticky;top:0;background:#fff;z-index:1;border-bottom:1px solid #eee}body .student-table td{padding:16px;font-size:14px;color:var(--text-dark);border-bottom:1px solid #f5f5f5}body .student-table tbody tr{cursor:pointer;transition:background .2s}body .student-table tbody tr:hover{background:#fdfdfd}body .seat-pill{background:#eef2f6;padding:6px 12px;border-radius:8px;font-weight:600;font-size:13px;color:#555}body .empty-state{padding:40px;text-align:center;color:var(--text-gray)}body :root{--primary-orange: #f97316;--primary-gradient: linear-gradient(180deg, #FF9F43 0%, #FF6B00 100%);--bg-color: #f6f7fb;--white: #ffffff;--text-dark: #333333;--text-gray: #888888;--border-radius-card: 18px;--border-radius-pill: 50px;--shadow-card: 0 4px 12px rgba(0, 0, 0, .05);--green: #2ecc71;--yellow: #f1c40f;--red: #e74c3c;--green-light: #eafaf1;--yellow-light: #fef9e7;--red-light: #fdedec}body *{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body body{background-color:var(--bg-color)}body .slib-container{display:flex;min-height:100vh}body .slib-sidebar{width:240px;height:100vh;position:fixed;left:0;top:0;background:var(--primary-gradient);color:#fff;display:flex;flex-direction:column;padding:20px;z-index:100}body .sidebar-logo h1{font-size:32px;font-weight:800;margin-bottom:40px;margin-top:10px;padding-left:10px}body .logo-dot{color:#fff}body .sidebar-menu{flex:1;display:flex;flex-direction:column;gap:10px}body .menu-item{display:flex;align-items:center;gap:12px;padding:12px 20px;border-radius:var(--border-radius-pill);cursor:pointer;font-weight:500;opacity:.9;transition:all .2s}body .menu-item:hover{background:#fff3}body .menu-item.active{background:#fff;color:var(--primary-orange);opacity:1;box-shadow:0 2px 8px #0000001a}body .sidebar-help{padding:10px}body .help-icon{width:40px;height:40px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer}body .slib-main{margin-left:240px;flex:1;display:flex;flex-direction:column}body .slib-topbar{height:80px;display:flex;align-items:center;padding:0 40px;gap:20px;background:transparent}body .btn-back,body .btn-back-placeholder button{width:40px;height:40px;border-radius:50%;border:none;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-gray);box-shadow:0 2px 5px #0000000d}body .btn-back-placeholder button{opacity:0;cursor:default}body .search-bar{flex:1}body .search-bar input{width:100%;padding:12px 24px;border-radius:var(--border-radius-pill);border:1px solid #e0e0e0;outline:none;font-size:14px}body .profile-pill{display:flex;align-items:center;gap:10px;background:#fff;padding:6px 16px 6px 6px;border-radius:var(--border-radius-pill);cursor:pointer;box-shadow:0 2px 5px #0000000d}body .profile-pill .avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}body .profile-info{display:flex;flex-direction:column;line-height:1.2}body .profile-info .name{font-weight:600;font-size:14px;color:var(--text-dark)}body .profile-info .role{font-size:11px;color:var(--text-gray)}body .content-body{padding:0 40px 40px}body .page-title{font-size:24px;margin-bottom:24px;color:var(--text-dark)}body .stats-row{display:flex;gap:20px;margin-bottom:30px}body .stat-card{flex:1;background:#fff;border-radius:var(--border-radius-card);padding:24px;display:flex;align-items:center;gap:20px;box-shadow:var(--shadow-card)}body .stat-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center}body .stat-icon.green{background:var(--green-light);color:var(--green)}body .stat-icon.yellow{background:var(--yellow-light);color:var(--yellow)}body .stat-icon.red{background:var(--red-light);color:var(--red)}body .stat-info h3{font-size:28px;font-weight:700;color:var(--text-dark)}body .stat-info p{font-size:14px;color:var(--text-gray);margin-top:4px}body .list-panel{background:#fff;border-radius:var(--border-radius-card);padding:24px;box-shadow:var(--shadow-card);min-height:500px;display:flex;flex-direction:column}body .panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}body .panel-header h3{font-size:16px;font-weight:700;color:var(--text-dark)}body .panel-actions{display:flex;gap:12px;align-items:center}body .pill-search input{padding:8px 20px;border-radius:var(--border-radius-pill);border:1px solid #ddd;font-size:13px;outline:none;width:250px}body .filter-wrapper{position:relative}body .btn-filter{background:none;border:none;cursor:pointer;color:var(--text-gray);display:flex;align-items:center}body .filter-dropdown{position:absolute;top:100%;right:0;width:180px;background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:8px 0;z-index:10;margin-top:8px}body .filter-title{padding:8px 16px;font-size:12px;font-weight:700;border-bottom:1px solid #eee;margin-bottom:4px}body .filter-option{padding:8px 16px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:8px}body .filter-option:hover{background:#f9f9f9}body .dot{width:8px;height:8px;border-radius:50%}body .dot.green{background:var(--green)}body .dot.yellow{background:var(--yellow)}body .dot.red{background:var(--red)}body .table-wrapper{flex:1;overflow-y:auto}body .violation-table{width:100%;border-collapse:collapse}body .violation-table th{text-align:left;padding:16px;font-size:13px;color:var(--text-gray);font-weight:600;border-bottom:1px solid #eee}body .violation-table td{padding:16px;font-size:14px;color:var(--text-dark);border-bottom:1px solid #f5f5f5}body .violation-table tbody tr{cursor:pointer;transition:background .2s}body .violation-table tbody tr:hover{background:#fdfdfd}body .violation-table tbody tr.no-cursor{cursor:default}body .text-center{text-align:center}body .font-medium{font-weight:500}body .score-badge{display:inline-flex;width:32px;height:32px;border-radius:50%;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#fff}body .score-badge.good{background:var(--green)}body .score-badge.average{background:var(--yellow)}body .score-badge.bad{background:var(--red)}body .detail-top-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-bottom:20px}body .info-card{background:#fff;border-radius:var(--border-radius-card);padding:24px;display:flex;align-items:center;gap:24px;box-shadow:var(--shadow-card)}body .info-avatar{width:90px;height:90px;border-radius:50%;object-fit:cover}body .info-content{display:flex;flex-direction:column;gap:8px;font-size:15px}body .info-title{font-weight:500;color:var(--primary-orange)}body .highlight{color:var(--text-dark);font-weight:600}body .email-text{color:var(--primary-orange)}body .rank-card{background:#fff;border-radius:var(--border-radius-card);padding:24px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-card)}body .donut-wrapper{width:90px;height:90px}body .donut-chart{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}body .donut-inner{width:80%;height:80%;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}body .donut-score{font-size:20px;font-weight:800}body .donut-total{font-size:10px;color:#999}body .rank-text h4{font-size:16px;font-weight:700;display:flex;align-items:center;gap:6px}body .icon-check{color:var(--green)}body .detail-bottom-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;height:500px}body .history-panel{background:#fff;border-radius:var(--border-radius-card);padding:24px;box-shadow:var(--shadow-card);display:flex;flex-direction:column}body .panel-header-simple{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}body .panel-header-simple h3{font-size:16px;font-weight:700}body .edit-panel{background:#fff;border-radius:var(--border-radius-card);padding:24px;box-shadow:var(--shadow-card)}body .edit-panel h3{font-size:16px;font-weight:700;margin-bottom:20px}body .form-group{margin-bottom:20px}body .form-group label{display:block;font-size:14px;font-weight:500;color:var(--text-dark);margin-bottom:8px}body .input-with-btn{display:flex;gap:10px}body .score-input{width:80px;padding:10px;border:1px solid #ddd;border-radius:8px;text-align:center;font-weight:600}body .btn-confirm{background:var(--primary-orange);color:#fff;border:none;padding:0 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:opacity .2s}body .btn-confirm:hover{opacity:.9}body .reason-textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;resize:none;font-size:14px;color:var(--text-dark)}@media(max-width:1100px){body .detail-top-grid{grid-template-columns:1fr}body .detail-bottom-grid{grid-template-columns:1fr;height:auto}}body body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#f5f5f5;color:#333}body .cm-layout{display:flex;min-height:100vh}body .cm-sidebar{width:240px;background-color:#f26f21;color:#fff;display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;padding:20px 0;z-index:100}body .cm-brand{padding:0 24px 30px}body .cm-brand h1{font-size:32px;margin:0;font-weight:800;display:flex;align-items:center;gap:8px}body .cm-nav{display:flex;flex-direction:column;gap:8px;padding:0 12px}body .cm-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#ffffffe6;text-decoration:none;font-size:15px;border-radius:8px;transition:background-color .2s}body .cm-nav-item:hover{background-color:#ffffff1a}body .cm-nav-item.active{background-color:#fff;color:#f26f21;font-weight:600;box-shadow:0 2px 4px #0000001a}body .cm-sidebar-footer{margin-top:auto;padding:24px}body .cm-help-icon{width:40px;height:40px;background-color:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}body .cm-main-content{margin-left:240px;width:calc(100% - 240px);padding:16px 32px;background-color:#fff;min-height:100vh}body .cm-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}body .cm-search-bar{display:flex;align-items:center;background-color:#f3f4f6;padding:10px 16px;border-radius:30px;width:50%;border:1px solid #e5e7eb}body .cm-search-icon{color:#9ca3af;margin-right:8px}body .cm-search-bar input{border:none;background:transparent;width:100%;outline:none;font-size:14px}body .cm-profile-pill{display:flex;align-items:center;gap:12px;background-color:#fff;padding:6px 12px 6px 6px;border-radius:30px;cursor:pointer}body .cm-avatar-sm{width:36px;height:36px;border-radius:50%;object-fit:cover}body .cm-profile-info{display:flex;flex-direction:column}body .cm-profile-name{font-size:14px;font-weight:600;color:#1f2937}body .cm-profile-role{font-size:12px;color:#6b7280}body .cm-chevron{color:#9ca3af;margin-left:4px}body .cm-page-title{font-size:22px;color:#f26f21;margin:0 0 16px;font-weight:600}body .cm-chat-container{display:flex;gap:20px;background-color:#f28c50;padding:20px;border-radius:20px;height:calc(100vh - 140px);box-shadow:0 4px 12px #f26f2133}body .cm-conversation-list{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-right:8px}body .cm-conversation-list::-webkit-scrollbar,body .cm-messages-area::-webkit-scrollbar{width:6px}body .cm-conversation-list::-webkit-scrollbar-track,body .cm-messages-area::-webkit-scrollbar-track{background:transparent}body .cm-conversation-list::-webkit-scrollbar-thumb,body .cm-messages-area::-webkit-scrollbar-thumb{background:#ffffff80;border-radius:3px}body .cm-messages-area::-webkit-scrollbar-thumb{background:#0000001a}body .cm-conv-item{display:flex;align-items:center;gap:12px;background-color:#ffffffe6;padding:10px 14px;border-radius:50px;cursor:pointer;transition:all .2s;border:2px solid transparent}body .cm-conv-item:hover{background-color:#fff;transform:translate(2px)}body .cm-conv-item.active{background-color:#fff;border-color:#c2410c;box-shadow:0 2px 8px #0000001a}body .cm-conv-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}body .cm-conv-info{display:flex;flex-direction:column}body .cm-conv-name{font-size:14px;font-weight:700;color:#333}body .cm-conv-id{font-size:12px;color:#666}body .cm-chat-window{flex:1;background-color:#fff;border-radius:12px;border:1px solid #1f2937;display:flex;flex-direction:column;overflow:hidden;position:relative}body .cm-messages-area{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}body .cm-message-row{display:flex;align-items:flex-end;gap:10px;max-width:70%}body .cm-message-row.mine{margin-left:auto;flex-direction:row-reverse}body .cm-message-row.theirs{margin-right:auto}body .cm-msg-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-bottom:4px}body .cm-bubble{padding:12px 18px;border-radius:18px;font-size:14px;line-height:1.4;position:relative}body .cm-message-row.mine .cm-bubble{background-color:#f26f21;color:#fff;border-top-right-radius:4px}body .cm-message-row.theirs .cm-bubble{background-color:#f8b88b;color:#333;font-weight:500;border-top-left-radius:4px}body .cm-composer{padding:16px 20px;background-color:#f28c50;border-top:1px solid #1f2937;border-bottom-left-radius:11px;border-bottom-right-radius:11px;display:flex;align-items:center;gap:12px}body .cm-composer-form{flex:1;display:flex;gap:12px;align-items:center}body .cm-btn-icon{background:none;border:1px solid white;border-radius:8px;padding:6px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center}body .cm-composer input{flex:1;padding:10px 16px;border-radius:20px;border:none;background-color:#f3f4f6;outline:none;font-size:14px}body .cm-btn-send{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;padding:0}body .cm-btn-send:disabled{opacity:.5;cursor:not-allowed}body .cm-connecting{font-size:10px;color:#fff;white-space:nowrap}body body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#f6f7fb;color:#333}body .st-layout{display:flex;min-height:100vh}body .st-sidebar{width:240px;background:linear-gradient(180deg,#f26f21,#ea580c);color:#fff;display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;padding:20px 0;z-index:100}body .st-brand{padding:0 24px 30px}body .st-brand h1{font-size:32px;margin:0;font-weight:800;display:flex;align-items:center;gap:8px;color:#fff}body .st-nav{display:flex;flex-direction:column;gap:8px;padding:0 12px}body .st-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#ffffffe6;text-decoration:none;font-size:15px;border-radius:8px;transition:all .2s}body .st-nav-item:hover{background-color:#ffffff26}body .st-nav-item.active{background-color:#fff;color:#f26f21;font-weight:600;box-shadow:0 2px 6px #00000026}body .st-sidebar-footer{margin-top:auto;padding:24px}body .st-help-icon{width:40px;height:40px;background-color:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}body .st-main-content{margin-left:240px;width:calc(100% - 240px);padding:24px 32px;min-height:100vh;background-color:#f6f7fb}body .st-topbar{display:flex;align-items:center;margin-bottom:24px;gap:16px}body .st-back-btn{width:40px;height:40px;border-radius:50%;border:none;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0000000d;color:#666}body .st-search-bar{flex:1;display:flex;align-items:center;background-color:#fff;padding:12px 20px;border-radius:30px;border:1px solid #e5e7eb;max-width:600px}body .st-search-icon{color:#9ca3af;margin-right:12px}body .st-search-bar input{border:none;background:transparent;width:100%;outline:none;font-size:14px}body .st-profile-pill{display:flex;align-items:center;gap:12px;background-color:#fff;padding:6px 14px 6px 6px;border-radius:30px;cursor:pointer;border:1px solid #e5e7eb}body .st-avatar-sm{width:36px;height:36px;border-radius:50%;object-fit:cover}body .st-profile-info{display:flex;flex-direction:column}body .st-profile-name{font-size:14px;font-weight:600;color:#1f2937}body .st-profile-role{font-size:12px;color:#6b7280}body .st-chevron{color:#9ca3af;margin-left:4px}body .st-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media(max-width:1100px){body .st-grid{grid-template-columns:1fr}}body .st-card{background:#fff;border-radius:18px;padding:24px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}body .st-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}body .st-card-header h3{margin:0;font-size:18px;font-weight:700;color:#111}body .st-chip-date{display:flex;align-items:center;font-size:12px;background:#f3f4f6;padding:6px 12px;border-radius:20px;color:#666;font-weight:500;border:1px solid #e5e5e5}body .st-ai-box{margin-bottom:30px}body .st-ai-title{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:600;color:#111}body .st-warning-box{background-color:#fff7ed;border:1px solid #FFEDD5;border-radius:12px;padding:16px;display:flex;gap:16px}body .st-warning-icon-wrapper{margin-top:2px}body .st-warning-content strong{display:block;color:#ea580c;font-size:14px;margin-bottom:4px}body .st-warning-content p{margin:0;font-size:13px;color:#c2410c;line-height:1.4}body .st-chart-container{display:flex;height:200px;gap:16px}body .st-y-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:11px;color:#999;padding-bottom:24px}body .st-bars-wrapper{flex:1;display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:0}body .st-bar-group{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}body .st-bar{width:32px;background-color:#fed7aa;border-radius:6px;transition:height .3s ease}body .st-bar.active{background-color:#f97316}body .st-bar-label{font-size:12px;color:#666}body .st-violation-main{text-align:left;margin-bottom:32px;position:relative}body .st-big-percent{font-size:48px;font-weight:800;color:#111;line-height:1;margin-bottom:4px}body .st-subtitle{font-size:14px;color:#666;margin-bottom:20px}body .st-progress-multi{height:8px;background-color:#eee;border-radius:4px;display:flex;overflow:hidden;margin-bottom:8px}body .st-seg{height:100%}body .st-seg-green{background-color:#22c55e}body .st-seg-yellow{background-color:#eab308}body .st-seg-red{background-color:#ef4444}body .st-ticks{position:relative;height:20px;font-size:11px;color:#666}body .st-ticks span{position:absolute;transform:translate(-50%)}body .st-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}body .st-stat-item{background-color:#f9fafb;border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}body .st-icon-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}body .st-bg-green{background-color:#22c55e}body .st-bg-yellow{background-color:#eab308}body .st-bg-red{background-color:#ef4444}body .st-stat-text strong{display:block;font-size:16px;margin-bottom:4px}body .st-stat-text span{font-size:11px;color:#666;display:block;line-height:1.3}body .st-card-zones{display:flex;flex-direction:column;justify-content:center}body .st-zones-list{display:flex;flex-direction:column;gap:24px}body .st-zone-item{width:100%}body .st-zone-header{display:flex;justify-content:space-between;font-size:15px;font-weight:500;margin-bottom:8px}body .st-progress-bar-bg{width:100%;height:10px;background-color:#e5e7eb;border-radius:5px;overflow:hidden;border:1px solid #e5e5e5}body .st-progress-fill{height:100%;border-radius:5px}body .st-nav-controls{display:flex;gap:8px}body .st-nav-controls button{width:32px;height:32px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}body .st-nav-controls button:hover:not(:disabled){background-color:#f3f4f6}body .st-nav-controls button:disabled{opacity:.5;cursor:not-allowed}body .st-feedback-list{display:flex;gap:16px}body .st-feedback-item{flex:1;background-color:#f9fafb;border-radius:12px;padding:16px;display:flex;flex-direction:column}body .st-fb-date{font-size:11px;color:#9ca3af;margin-bottom:8px}body .st-fb-content{font-size:14px;color:#333;margin-bottom:20px;flex:1;font-weight:500;line-height:1.4}body .st-fb-user{display:flex;align-items:center;gap:10px}body .st-fb-user img{width:32px;height:32px;border-radius:50%}body .st-fb-name{font-size:13px;font-weight:700;color:#111}body .st-fb-code{font-size:11px;color:#666}body .chat-container{display:flex;height:97vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden;background-color:#f0f2f5}body .chat-sidebar{width:300px;background-color:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column}body .sidebar-header{padding:20px;font-weight:700;font-size:1.2rem;border-bottom:1px solid #e0e0e0;color:#1a1a1a}body .conversation-list{flex:1;overflow-y:auto}body .conversation-item{padding:15px 20px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .2s;display:flex;align-items:center}body .conversation-item:hover{background-color:#f5f5f5}body .conversation-item.active{background-color:#e7f3ff;border-left:4px solid #f2bf18}body .user-avatar-placeholder{width:40px;height:30px;background-color:#ddd;border-radius:50%}body .user-avatar-placeholder{width:40px;height:40px;background-color:#ddd;border-radius:50%;margin-right:12px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#555;font-size:16px;text-transform:uppercase}body .conv-subtext{font-size:12px;color:#666;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body .chat-main{flex:1;display:flex;flex-direction:column;background-color:#fff}body .chat-header{height:60px;background-color:#fff;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;padding:0 20px}body .chat-header div:first-child{font-weight:700;font-size:16px}body .chat-messages-area{flex:1;padding:20px;overflow-y:auto;background-color:#f0f2f5;display:flex;flex-direction:column}body .message-row{display:flex;margin-bottom:10px}body .message-bubble{max-width:70%;border-radius:18px;position:relative;word-wrap:break-word;font-size:.95rem;line-height:1.4}body .message-row.sent .message-bubble{background-color:#f8a14b9e;color:#422f2f;border-bottom-right-radius:4px}body .message-row.received .message-bubble{background-color:#e4e6eb;color:#050505;border-bottom-left-radius:4px}body .message-image{display:block;max-width:200px;max-height:200px;width:auto;height:auto;border-radius:12px;margin-bottom:5px;object-fit:cover;background-color:#f0f0f0;cursor:pointer;transition:transform .2s}body .message-image:hover{transform:scale(1.02)}body .chat-input-area{padding:15px;border-top:1px solid #e0e0e0;display:flex;align-items:center;gap:10px;background-color:#fff}body .btn-icon{padding:10px;background:none;border:none;cursor:pointer;font-size:1.2rem;border-radius:50%;transition:background .2s}body .icon-svg{width:20px;height:20px;display:block;object-fit:contain;filter:opacity(.6);transition:filter .2s}body .spinner-mini{width:18px;height:18px;border:2px solid #f3f3f3;border-top:2px solid #0084ff;border-radius:50%;display:inline-block;animation:spin .8s linear infinite}body .btn-icon:disabled{cursor:not-allowed;opacity:.6}body .input-field{flex:1;padding:10px 15px;border-radius:20px;border:1px solid #ddd;outline:none;font-size:1rem;background-color:#f0f2f5}body .input-field:focus{background-color:#fff;border-color:#0084ff}body .btn-send{padding:10px 20px;border-radius:20px;border:none;background-color:#ea8934;color:#fff;font-weight:700;cursor:pointer;transition:background .2s}body .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#65676b}body .date-separator{display:flex;justify-content:center;margin:15px 0;opacity:.9}body .date-separator span{background-color:#e4e6eb;color:#65676b;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600}body .message-bubble{position:relative;min-width:80px;transition:filter .2s}body .msg-text{margin-bottom:2px}body .msg-timestamp{bottom:3px;right:8px;font-size:10px;display:flex;align-items:center;opacity:0;visibility:hidden;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none}body .message-row.sent .msg-timestamp{color:#ffffffe6}body .message-row.received .msg-timestamp{color:#00000080}body .message-bubble:hover .msg-timestamp{opacity:1;visibility:visible}body .message-bubble:hover{filter:brightness(.95)}body .chat-search-box input{padding:6px 12px;border-radius:20px;border:1px solid #ddd;font-size:13px;background-color:#f0f2f5;outline:none;width:200px;transition:all .3s ease}body .chat-search-box input:focus{background-color:#fff;border-color:#0084ff;width:240px;box-shadow:0 0 0 2px #0084ff1a}body .search-results-container{display:flex;flex-direction:column;padding:10px}body .search-info{font-size:13px;color:#888;margin-bottom:10px;padding-left:10px}body .search-result-item{display:flex;align-items:center;padding:12px 15px;border-radius:8px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #f0f0f0}body .search-result-item:hover{background-color:#f5f5f5}body .search-avatar{width:40px;height:40px;border-radius:50%;background-color:#ddd;display:flex;align-items:center;justify-content:center;font-weight:700;color:#555;margin-right:12px;flex-shrink:0}body .search-content{flex:1;display:flex;flex-direction:column;overflow:hidden}body .search-sender-name{font-weight:600;font-size:14px;color:#050505;margin-bottom:3px}body .search-text-preview{font-size:13px;color:#65676b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body .highlight-keyword{font-weight:700;color:#050505;background-color:#ff03}body .search-time{font-size:11px;color:#888;margin-left:10px;white-space:nowrap}body .clear-search-btn{background:none;border:none;font-size:14px;cursor:pointer;color:#999;padding:0 5px;margin-left:-25px;z-index:10}body .clear-search-btn:hover{color:#333}body .no-result{text-align:center;color:#888;margin-top:20px}body .header-actions{display:flex;align-items:center;gap:10px}body .btn-header-icon{background:none;border:none;cursor:pointer;font-size:18px;padding:8px;border-radius:100%;color:#0084ff;transition:background-color .2s;display:flex;align-items:center;justify-content:center}body .chat-search-box{display:flex;align-items:center;animation:fadeIn .3s ease}body .search-sidebar{width:320px;border-left:1px solid #ddd;background-color:#fff;display:flex;flex-direction:column;animation:slideInRight .3s ease}body .search-sidebar-header{height:60px;display:flex;align-items:center;padding:0 15px;border-bottom:1px solid #eee;font-weight:700;font-size:16px}body .search-results-list{flex:1;overflow-y:auto;padding:10px 0}body .search-result-item{padding:10px 15px;border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;align-items:center}body .search-result-item:hover{background-color:#f0f2f5}body .search-sidebar{width:350px;border-left:1px solid #ddd;background-color:#fff;display:flex;flex-direction:column;animation:slideInRight .3s ease;flex-shrink:0}body .search-sidebar-header{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid #eee;font-weight:700;font-size:16px}body .search-sidebar-body{flex:1;overflow-y:auto;display:flex;flex-direction:column}body .partner-info-summary{display:flex;flex-direction:column;align-items:center;padding:30px 0;border-bottom:5px solid #f5f5f5}body .big-avatar{width:80px;height:80px;background-color:#eee;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;color:#555;margin-bottom:10px}body .partner-name{font-weight:700;font-size:18px}body .menu-item{width:100%;display:flex;align-items:center;padding:12px 15px;background:none;border:none;cursor:pointer;text-align:left;border-radius:8px;transition:background .2s;font-size:15px;color:#333}body .menu-item:hover{background-color:#f0f2f5}body .menu-item .icon{margin-right:15px;font-size:18px}body .search-ui-container{display:flex;flex-direction:column;height:100%}body .search-input-wrapper{padding:15px;border-bottom:1px solid #f0f0f0}body .sidebar-search-input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:20px;outline:none;background:#f0f2f5}body .sidebar-search-input:focus{background:#fff;border-color:#0084ff}body .result-count{padding:10px 15px;font-size:13px;color:#888;background:#fff}body .btn-icon-small{background:none;border:none;cursor:pointer;font-size:16px;padding:5px;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:.2s}body .btn-icon-small:hover{background-color:#eee}body .loading-text{text-align:center;padding:20px;color:#666}body .search-avatar{width:30px;height:30px;margin-right:10px;border-radius:50%;background:#eee;display:flex;align-items:center;justify-content:center;font-size:12px}body .search-content{flex:1;overflow:hidden}body .search-sender-name{font-size:13px;font-weight:600}body .search-date{font-size:10px;color:#888;margin-left:5px;font-weight:400}body .search-text-preview{font-size:12px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body .unread-badge-mini{background-color:#ff4d4f;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:2px;box-shadow:0 2px 4px #0000001a;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}body .conversation-item{display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer;transition:background .2s}body .conversation-item.active{background-color:#e5f1ff}body .seen-status-container{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}body .seen-text{color:#0084ff;font-weight:500;display:flex;align-items:center;gap:2px;transition:all .3s ease}body .message-image{display:block;max-width:100%;border-radius:12px;margin-bottom:5px;min-height:100px;background-color:#f0f0f0}body .chat-messages-area{transition:opacity .15s ease-in-out}body .spinner-orange{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #FF751F;border-radius:50%;animation:spin 1s linear infinite}body .chat-messages-area{transition:opacity .2s ease-in-out}body .message-interaction-wrapper{display:flex;flex-direction:column;max-width:70%;transition:all .3s cubic-bezier(.4,0,.2,1)}body .message-row.sent .message-interaction-wrapper{align-items:flex-end}body .message-row.received .message-interaction-wrapper{align-items:flex-start}body .message-group-container{display:flex;flex-direction:column;max-width:70%}body .message-row.sent .message-group-container{align-items:flex-end}body .message-row.received .message-group-container{align-items:flex-start}body .msg-timestamp-bubble{background-color:#00000014;color:#65676b;font-size:11px;padding:4px 8px;border-radius:12px;white-space:nowrap;opacity:0;transform:scale(.8);transition:all .2s ease-in-out;pointer-events:none}body .message-bubble{position:relative;padding:10px 16px;border-radius:18px;cursor:pointer;z-index:2;word-wrap:break-word;max-width:100%}body .icon-svg{width:22px;height:22px;display:block;object-fit:contain;filter:brightness(0);opacity:.7;transition:opacity .2s,transform .2s}body .btn-icon{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:50%;transition:background .2s}body .spinner-mini{width:18px;height:18px;border:2px solid #f3f3f3;border-top:2px solid #000;border-radius:50%;animation:spin .8s linear infinite}body .escalate-toast{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;padding:15px 20px;border-radius:12px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 32px #ff6b3559;z-index:10000;animation:slideInFromRight .4s ease-out,pulse 2s infinite;max-width:350px}body .escalate-toast span:first-child{font-size:24px}body .escalate-toast strong{display:block;font-size:14px;margin-bottom:4px}body .escalate-toast p{margin:0;font-size:12px;opacity:.9}body .escalate-toast button{background:#fff3;border:none;color:#fff;padding:5px 10px;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s}body .escalate-toast button:hover{background:#ffffff4d}body .escalation-tabs{display:flex;gap:4px;padding:10px 12px;border-bottom:1px solid #e0e0e0;background:#fafafa}body .tab-btn{flex:1;padding:8px 12px;border:none;background:transparent;cursor:pointer;font-size:12px;font-weight:500;color:#666;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}body .tab-btn:hover{background:#f0f0f0}body .tab-btn.active{background:#ea8934;color:#fff}body .waiting-badge{background:#ff4d4f;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;animation:popIn .3s ease-out}body .waiting-badge-mini{background:#ff9500;color:#fff;font-size:10px;padding:2px 8px;border-radius:10px;font-weight:500}body .conversation-item.waiting-item{background:linear-gradient(135deg,#fff5f0,#fff);border-left:3px solid #ff6b35}body .conversation-item.waiting-item:hover{background:linear-gradient(135deg,#ffebe0,#fff)}body .waiting-avatar{background:linear-gradient(135deg,#ff6b35,#f7931e)!important;color:#fff!important}body .tab-empty-state{padding:40px 20px;text-align:center;color:#999}body .tab-empty-state .empty-icon{font-size:48px;margin-bottom:15px;opacity:.5}body .tab-empty-state p{font-size:14px;margin:0}body .search-sidebar{width:0;position:relative;height:100%;background:#fff;border-left:0px solid #eee;display:flex;flex-direction:column;transition:width .3s ease,border-left .3s ease;z-index:100;overflow:hidden}body .search-sidebar.open{width:320px;border-left:1px solid #eee}body .search-sidebar-header{height:60px;padding:0 15px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;font-weight:600;flex-shrink:0}body .search-sidebar-body{flex:1;overflow-y:auto;padding-bottom:20px}body .search-sidebar-body::-webkit-scrollbar{width:4px}body .search-sidebar-body::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}body .partner-info-summary{padding:30px 20px;text-align:center;border-bottom:8px solid #f9f9f9}body .big-avatar{width:80px;height:80px;background-color:#f0f2f5;color:#0006;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;margin:0 auto 15px}body .partner-name{font-weight:700;font-size:18px;margin-bottom:5px;color:#050505}body .partner-email-sub{font-size:13px;color:#888}body .menu-group{padding:10px}body .menu-item{width:100%;display:flex;align-items:center;padding:12px 15px;border:none;background:none;cursor:pointer;border-radius:8px;transition:background .2s;color:#333}body .menu-item:hover{background:#f5f5f5}body .menu-item .icon{font-size:20px;margin-right:15px;width:25px;text-align:center;color:#65676b}body .menu-item .text{font-size:14px;font-weight:500}body .media-gallery-container{padding:10px}body .media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;box-sizing:border-box}body .media-item{width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:4px;background-color:#f0f0f0;cursor:pointer;transition:transform .2s ease,opacity .2s ease}body .media-item:hover{transform:scale(1.02);opacity:.9}body .media-item img{width:100%;height:100%;object-fit:cover;display:block}body .file-archive-list{padding:10px}body .file-item-card{display:flex;align-items:center;padding:10px;border-radius:8px;cursor:pointer;transition:background .2s;margin-bottom:5px;color:#333}body .file-item-card:hover{background:#f0f7ff}body .file-icon-box{font-size:24px;margin-right:12px}body .file-info-box{flex:1;overflow:hidden}body .file-name-text{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body .file-date-sub{font-size:11px;color:#999;margin-top:2px}body .file-jump-btn{background:none;border:none;opacity:0;cursor:pointer;font-size:16px;color:#0084ff;transition:opacity .2s}body .file-item-card:hover .file-jump-btn{opacity:1}body .image-lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}body .lightbox-content{position:relative;max-width:90%;max-height:90%;display:flex;flex-direction:column;align-items:center;gap:15px}body .lightbox-content img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:4px;box-shadow:0 0 20px #00000080}body .close-lightbox{position:absolute;top:-40px;right:-10px;background:none;border:none;color:#fff;font-size:35px;cursor:pointer}body .download-full-btn{color:#fff;text-decoration:none;background:#ed722f;padding:10px 25px;border-radius:25px;font-size:14px;font-weight:600;transition:background .2s}body .download-full-btn:hover{background:#ed722f}body .empty-media,body .loading-text{padding:40px 20px;text-align:center;color:#999;font-size:14px;font-style:italic}body *{box-sizing:border-box}body .nt-page-title{font-size:26px;font-weight:800;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}body .nt-fade-in{animation:fadeSlideIn .4s ease-out}body .nt-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px}body .nt-stat-card{background:linear-gradient(145deg,#fff,#f8fafc);border-radius:20px;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}body .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}body .nt-stat-card:hover:before{opacity:1}body .nt-stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px -5px #0000001a,0 20px 30px -10px #00000014}body .nt-card-action{background:linear-gradient(145deg,#fefefe,#f0f4f8);cursor:pointer;border:2px dashed #e2e8f0}body .nt-card-action:hover{border-color:#f97316;background:linear-gradient(145deg,#fff7ed,#ffedd5)}body .nt-icon-circle{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s}body .nt-stat-card:hover .nt-icon-circle{transform:scale(1.08) rotate(3deg)}body .nt-bg-purple{background:linear-gradient(135deg,#818cf8,#6366f1,#4f46e5);box-shadow:0 8px 20px #6366f159}body .nt-bg-pink{background:linear-gradient(135deg,#f472b6,#ec4899,#db2777);box-shadow:0 8px 20px #ec489959}body .nt-bg-action{background:linear-gradient(135deg,#fb923c,#f97316,#ea580c);box-shadow:0 8px 20px #f9731659}body .nt-stat-info{display:flex;flex-direction:column;gap:4px}body .nt-stat-num{font-size:36px;font-weight:800;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}body .nt-stat-label{font-size:14px;color:#64748b;font-weight:600;letter-spacing:.3px}body .nt-text-lg{font-size:18px;font-weight:700;color:#1e293b}body .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}body .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)}body .nt-panel-header h3{margin:0;font-size:18px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:10px}body .nt-panel-header h3:before{content:"";width:4px;height:20px;background:linear-gradient(180deg,#f97316,#ea580c);border-radius:2px}body .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}body .nt-filter-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}body .nt-table-container{overflow-y:auto;max-height:65vh;padding:0 8px 8px}body .nt-table-container::-webkit-scrollbar{width:8px}body .nt-table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}body .nt-table-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#94a3b8,#64748b);border-radius:4px}body .nt-table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#64748b,#475569)}body .nt-table{width:100%;border-collapse:separate;border-spacing:0 8px;text-align:left;padding:0 20px}body .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}body .nt-table td{padding:18px 20px;font-size:14px;color:#334155;vertical-align:middle;background:#fff;transition:all .2s}body .nt-table tr td:first-child{border-radius:12px 0 0 12px}body .nt-table tr td:last-child{border-radius:0 12px 12px 0}body .nt-table tbody tr{box-shadow:0 1px 3px #0000000a;transition:all .25s cubic-bezier(.4,0,.2,1)}body .nt-table tbody tr:hover{transform:translate(4px);box-shadow:0 4px 12px #00000014,0 0 0 1px #f973161a}body .nt-table tbody tr:hover td{background:linear-gradient(90deg,#fff7ed,#fff)}body .nt-font-medium{font-weight:600;color:#1e293b}body .nt-text-gray{color:#64748b;font-size:13px}body .nt-actions{display:flex;gap:8px;justify-content:flex-end}body .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)}body .nt-action-btn:hover{transform:scale(1.1)}body .nt-btn-edit{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669;box-shadow:0 2px 8px #05966933}body .nt-btn-edit:hover{background:linear-gradient(135deg,#a7f3d0,#6ee7b7);box-shadow:0 4px 12px #0596694d}body .nt-btn-delete{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;box-shadow:0 2px 8px #dc262633}body .nt-btn-delete:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);box-shadow:0 4px 12px #dc26264d}body .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}body .nt-form-layout{display:grid;grid-template-columns:2fr 1fr;gap:40px}body .nt-form-left{display:flex;flex-direction:column;gap:24px}body .nt-row-2{display:flex;gap:20px}body .nt-form-group{flex:1;display:flex;flex-direction:column;gap:8px}body .nt-form-group label{font-size:13px;color:#475569;font-weight:600;letter-spacing:.3px}body .nt-input,body .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}body .nt-input:focus,body .nt-textarea:focus{border-color:#f97316;box-shadow:0 0 0 4px #f973161a}body .nt-textarea{min-height:250px;resize:vertical;line-height:1.6}body .nt-select-wrapper{position:relative}body .nt-select{appearance:none;cursor:pointer}body .nt-select-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}body .nt-form-right{display:flex;flex-direction:column;gap:20px}body .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}body .nt-btn-primary-blue:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2563eb66}body .nt-dropzone{flex:1;border:2px dashed #e2e8f0;border-radius:16px;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}body .nt-dropzone:hover{border-color:#f97316;background:linear-gradient(145deg,#fff7ed,#ffedd5)}body .nt-footer-actions{display:flex;justify-content:flex-end;gap:16px;padding:16px 0}body .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}body .nt-btn-draft:hover{background:#eff6ff;transform:translateY(-2px)}body .nt-btn-submit{background:#e2e8f0;color:#94a3b8;border:none;padding:12px 28px;border-radius:12px;font-weight:600;cursor:not-allowed}body .nt-btn-submit:not(:disabled){background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;cursor:pointer;box-shadow:0 4px 14px #2563eb4d}body .nt-btn-submit:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 20px #2563eb66}body .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}body .nt-empty-text{font-size:14px;color:#94a3b8;font-style:italic}@media(max-width:1200px){body .nt-stats-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){body .nt-form-layout{grid-template-columns:1fr;gap:24px}body .nt-row-2{flex-direction:column}}@media(max-width:768px){body .nt-stats-row{grid-template-columns:1fr}body .nt-stat-card{padding:20px}body .nt-table{padding:0 12px}body .nt-panel-header{flex-direction:column;gap:16px;align-items:flex-start}}body .tiptap-editor-container{border:2px solid #e2e8f0;border-radius:14px;background:#fff;overflow:hidden;transition:all .25s}body .tiptap-editor-container:focus-within{border-color:#f97316;box-shadow:0 0 0 4px #f973161a,0 4px 12px #f9731626}body .tiptap-loading{padding:40px;text-align:center;color:#64748b}body .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}body .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}body .tiptap-btn:hover{background:#fff;color:#f97316;border-color:#fed7aa}body .tiptap-btn.active{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border-color:#ea580c;box-shadow:0 2px 6px #f973164d}body .tiptap-divider{width:1px;height:24px;background:#e2e8f0;margin:0 4px;flex-shrink:0}body .tiptap-dropdown{position:relative}body .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}body .tiptap-dropdown:hover .tiptap-dropdown-content{display:block}body .tiptap-color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}body .tiptap-color-btn{width:24px;height:24px;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .15s}body .tiptap-color-btn:hover{transform:scale(1.15);border-color:#1e293b}body .tiptap-fontsize-list{display:flex;flex-direction:column;gap:2px;min-width:140px}body .tiptap-fontsize-btn{padding:8px 12px;border:none;background:transparent;text-align:left;cursor:pointer;border-radius:6px;transition:all .15s;color:#374151}body .tiptap-fontsize-btn:hover{background:#fff7ed;color:#f97316}body .tiptap-table-controls{display:flex;gap:6px;padding:8px 12px;background:#fef3c7;border-bottom:1px solid #fde68a;flex-wrap:wrap;align-items:center}body .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}body .tiptap-table-controls button:hover{background:#f97316;color:#fff;border-color:#f97316}body .tiptap-table-divider{color:#d1d5db;font-size:12px}body .tiptap-content{min-height:300px;max-height:500px;overflow-y:auto;padding:20px;font-size:15px;line-height:1.75;color:#1e293b}body .tiptap-content .ProseMirror{outline:none;min-height:260px}body .tiptap-content .ProseMirror p.is-empty:before{content:attr(data-placeholder);float:left;color:#94a3b8;pointer-events:none;height:0}body .tiptap-content .ProseMirror p{margin:0 0 12px}body .tiptap-content .ProseMirror p:last-child{margin-bottom:0}body .tiptap-content .ProseMirror h1{font-size:28px;font-weight:700;margin:24px 0 16px;color:#0f172a}body .tiptap-content .ProseMirror h2{font-size:22px;font-weight:700;margin:20px 0 12px;color:#1e293b}body .tiptap-content .ProseMirror h3{font-size:18px;font-weight:600;margin:16px 0 10px;color:#334155}body .tiptap-content .ProseMirror strong{font-weight:700}body .tiptap-content .ProseMirror em{font-style:italic}body .tiptap-content .ProseMirror u{text-decoration:underline}body .tiptap-content .ProseMirror s{text-decoration:line-through}body .tiptap-content .ProseMirror ul,body .tiptap-content .ProseMirror ol{margin:12px 0;padding-left:28px}body .tiptap-content .ProseMirror li{margin-bottom:6px}body .tiptap-content .ProseMirror ol{list-style-type:decimal}body .tiptap-content .ProseMirror ul{list-style-type:disc}body .tiptap-content .ProseMirror a{color:#3b82f6;text-decoration:underline;cursor:pointer}body .tiptap-content .ProseMirror img{max-width:100%;height:auto;border-radius:12px;margin:12px 0}body .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}body .tiptap-content .ProseMirror hr{border:none;height:2px;background:linear-gradient(90deg,transparent,#e2e8f0 20%,#e2e8f0 80%,transparent);margin:24px 0}body .tiptap-content .ProseMirror table{border-collapse:collapse;margin:16px 0;width:100%;overflow:hidden;border-radius:8px;border:1px solid #e2e8f0}body .tiptap-content .ProseMirror th,body .tiptap-content .ProseMirror td{border:1px solid #e2e8f0;padding:10px 14px;text-align:left;position:relative}body .tiptap-content .ProseMirror th{background:linear-gradient(180deg,#f8fafc,#f1f5f9);font-weight:600;color:#374151}body .tiptap-content .ProseMirror td{background:#fff}body .tiptap-content .ProseMirror iframe{width:100%;max-width:560px;height:315px;border-radius:12px;margin:16px 0}body .tiptap-content .ProseMirror mark{border-radius:4px;padding:0 2px}body .tiptap-content .ProseMirror ::selection{background:#f9731633}body .tiptap-content::-webkit-scrollbar{width:8px}body .tiptap-content::-webkit-scrollbar-track{background:#f1f5f9}body .tiptap-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}body .tiptap-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}body .tiptap-content .ProseMirror a{color:#2563eb;text-decoration:underline;cursor:pointer;text-decoration-color:#93c5fd;text-underline-offset:2px;transition:all .15s}body .tiptap-content .ProseMirror a:hover{color:#1d4ed8;text-decoration-color:#2563eb}body .news-create-container{padding:0;background:linear-gradient(180deg,#f8fafc,#f1f5f9);min-height:calc(100vh - 80px)}body .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}body .news-form-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:48px}body .news-form-group{margin-bottom:24px}body .news-form-label{display:block;margin-bottom:10px;font-weight:700;color:#1e293b;font-size:14px;letter-spacing:.2px}body .news-form-input,body .news-form-select,body .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}body .news-form-input::placeholder,body .news-form-textarea::placeholder{color:#94a3b8}body .news-form-input:focus,body .news-form-textarea:focus,body .news-form-select:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 4px #f973161a,0 4px 12px #f9731626}body .news-form-input:disabled{background-color:#f1f5f9;cursor:not-allowed;opacity:.7}body .news-form-textarea{resize:vertical;min-height:100px;line-height:1.6}body .news-editor-container{border:2px solid #e2e8f0;border-radius:16px;background:#fff;overflow:hidden;transition:all .25s}body .news-editor-container:focus-within{border-color:#f97316;box-shadow:0 0 0 4px #f973161a,0 4px 12px #f9731626}body .news-editor-toolbar{padding:12px 14px;border-bottom:1px solid #e2e8f0;background:linear-gradient(180deg,#f8fafc,#f1f5f9);display:flex;gap:6px;flex-wrap:wrap}body .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}body .news-tool-btn:hover{background:linear-gradient(135deg,#fff7ed,#ffedd5);color:#f97316;border-color:#fed7aa;transform:translateY(-1px)}body .news-tool-divider{width:1px;background:linear-gradient(180deg,transparent,#e2e8f0,transparent);margin:4px 8px}body .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}body .news-editor-content *,body .news-editor-content p,body .news-editor-content span,body .news-editor-content div{direction:ltr!important;unicode-bidi:isolate!important;text-align:left!important}body .news-editor-content:empty:before{content:attr(data-placeholder);color:#94a3b8;pointer-events:none}body .news-editor-content p{margin:0 0 12px}body .news-editor-content ul{margin:12px 0;padding-left:28px}body .news-editor-content a{color:#3b82f6;text-decoration:underline}body .news-editor-content img{max-width:100%;height:auto;display:block;margin:12px 0;border-radius:12px}body .news-upload-zone{border:2px dashed #e2e8f0;border-radius:16px;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}body .news-upload-zone:hover{border-color:#f97316;background:linear-gradient(145deg,#fff7ed,#ffedd5);transform:translateY(-2px);box-shadow:0 8px 24px #f9731626}body .news-upload-icon{font-size:48px;color:#f97316;margin-bottom:16px;opacity:.8}body .news-upload-text{color:#64748b;font-size:14px;margin-bottom:4px;font-weight:500}body .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}body .news-upload-btn-mini:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f9731666}body .news-image-preview{position:relative;border:2px solid #e2e8f0;border-radius:16px;overflow:hidden;min-height:220px;background:linear-gradient(145deg,#f8fafc,#f1f5f9);display:flex;align-items:center;justify-content:center}body .news-image-preview img{max-width:100%;max-height:320px;object-fit:contain}body .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}body .news-remove-image:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:scale(1.1)}body .news-checkbox-container{display:inline-flex;align-items:center;cursor:pointer}body .news-checkbox{width:22px;height:22px;cursor:pointer;margin:0;accent-color:#f97316}body .news-toggle-desc{font-size:13px;color:#64748b;line-height:1.5}body .news-time-picker{display:grid;grid-template-columns:2fr 1fr;gap:16px}body .news-time-column{background:#fff;border:2px solid #e2e8f0;border-radius:14px;padding:14px;box-shadow:0 2px 8px #0000000a}body .news-time-label{font-weight:700;color:#1e293b;font-size:14px;margin-bottom:12px}body .news-time-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}body .news-time-grid.minutes{grid-template-columns:repeat(5,minmax(0,1fr));max-height:260px;overflow-y:auto}body .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}body .news-time-chip:hover{border-color:#f97316;background:#fff7ed;color:#f97316}body .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)}body .news-btn-group{display:flex;justify-content:flex-end;gap:12px;margin-top:36px;padding-top:24px;border-top:2px solid #f1f5f9}body .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}body .news-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}body .news-btn-secondary{background:#fff;color:#475569;border:2px solid #e2e8f0}body .news-btn-secondary:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-2px)}body .news-btn-primary{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 4px 14px #f9731666}body .news-btn-primary:hover:not(:disabled){box-shadow:0 8px 24px #f9731680;transform:translateY(-3px)}body .news-error-alert{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;padding:16px 20px;border-radius:14px;margin-bottom:24px;font-size:14px;display:flex;align-items:center;gap:12px;border:1px solid #fecaca;font-weight:500}body .news-loading{text-align:center;padding:4rem;color:#64748b;font-size:16px}@media(max-width:1200px){body .news-form-grid{grid-template-columns:1fr;gap:32px}}@media(max-width:768px){body .news-card{padding:24px 20px;margin:16px;border-radius:20px}body .news-btn-group{flex-direction:column;gap:10px}body .news-btn{width:100%;justify-content:center}body .news-time-picker{grid-template-columns:1fr}}body .news-detail-wrapper{min-height:100vh;background:linear-gradient(180deg,#f8fafc,#f1f5f9);color:#0f172a}body .breadcrumb-section{position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;color:#0f172a;padding:48px 0 36px;overflow:hidden}body .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)}body .breadcrumb-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:140px;background:linear-gradient(180deg,transparent 0%,#f8fafc 100%)}body .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}body .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}body .page-title{font-size:32px;font-weight:800;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}body .crumb-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px;align-items:center}body .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}body .chip.ghost{background:#fffffff2;color:#475569;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 8px #0000000a}body .chip.ghost:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}body .chip.solid{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 4px 12px #f973164d}body .chip.outline{border:2px solid rgba(0,0,0,.1);color:#475569;background:#ffffffe6}body .chip.outline.on{border-color:#22c55e;color:#166534;background:#22c55e1a}body .chip.outline.off{border-color:#eab308;color:#854d0e;background:#eab3081a}body .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)}body .breadcrumb-nav a{color:#64748b;text-decoration:none;transition:all .25s;font-weight:500}body .breadcrumb-nav a:hover{color:#f97316}body .breadcrumb-nav .separator{color:#cbd5e1;margin:0 4px;font-size:12px}body .breadcrumb-nav .current{color:#0f172a;font-weight:700}body .news-detail-container{max-width:1200px;margin:0 auto;padding:28px 20px 48px}body .news-detail-layout{display:grid;grid-template-columns:1fr 380px;gap:28px;position:relative;z-index:2}body .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)}body .news-cover{position:relative;border-radius:20px;overflow:hidden;margin:16px 16px 0;background:linear-gradient(145deg,#f1f5f9,#e2e8f0);aspect-ratio:16 / 7}body .news-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}body .news-cover:hover img{transform:scale(1.02)}body .cover-gradient{display:none}body .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}body .actions-bottom{border-bottom-left-radius:24px;border-bottom-right-radius:24px;margin-top:16px}body .actions-right{display:flex;gap:12px;flex-wrap:wrap}body .actions-left{display:flex;gap:12px}body .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}body .btn-back{background:#fff;color:#475569;border-color:#e2e8f0;box-shadow:0 2px 8px #0000000f}body .btn-back:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}body .btn-edit{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 14px #2563eb59}body .btn-edit:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 8px 20px #2563eb73}body .btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 14px #ef444459}body .btn-delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 8px 20px #ef444473}body .news-header{padding:28px 28px 18px;border-bottom:1px solid rgba(0,0,0,.06)}body .eyebrow{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}body .news-title{font-size:32px;font-weight:800;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}body .news-subtitle{margin:0 0 8px;color:#64748b;font-size:16px;line-height:1.65}body .news-article{padding:28px 32px 40px}body .news-summary{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left:4px solid #3b82f6;padding:24px;margin-bottom:32px;border-radius:12px}body .news-summary p{font-size:16px;line-height:1.7;color:#64748b;margin:0;font-style:italic}body .news-content{font-size:16px;line-height:1.85;color:#334155}body .news-content h1,body .news-content h2,body .news-content h3,body .news-content h4,body .news-content h5,body .news-content h6{color:#0f172a;margin-top:36px;margin-bottom:18px;font-weight:700;letter-spacing:-.3px}body .news-content p{margin-bottom:18px;color:#334155}body .news-content img{max-width:100%;height:auto;border-radius:16px;margin:24px 0;box-shadow:0 8px 24px #0000001a}body .news-content ul,body .news-content ol{margin:18px 0;padding-left:32px}body .news-content li{margin-bottom:10px}body .news-content a{color:#3b82f6;text-decoration:none;border-bottom:2px solid rgba(59,130,246,.3);transition:all .2s}body .news-content a:hover{color:#2563eb;border-bottom-color:#2563eb}body .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}body .news-sidebar{display:flex;flex-direction:column;gap:24px}body .sidebar-section{background:#fff;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d,0 16px 32px -8px #0000001a;padding:22px;border:1px solid rgba(0,0,0,.04)}body .sidebar-title{font-size:18px;font-weight:800;color:#0f172a;margin:0 0 18px;padding-bottom:14px;border-bottom:2px solid #f1f5f9;display:flex;align-items:center;gap:10px}body .sidebar-title:before{content:"";width:4px;height:18px;background:linear-gradient(180deg,#f97316,#ea580c);border-radius:2px}body .info-card{display:flex;flex-direction:column;gap:4px}body .info-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #f1f5f9;transition:all .2s}body .info-row:last-child{border-bottom:none}body .info-row:hover{background:#f8fafc;margin:0 -12px;padding-left:12px;padding-right:12px;border-radius:8px}body .info-label{font-weight:700;color:#64748b;font-size:13px}body .info-value{color:#0f172a;font-size:14px;font-weight:600;text-align:right}body .related-news-section{padding:18px}body .related-news-list{display:flex;flex-direction:column;gap:16px}body .related-news-item{display:flex;gap:14px;padding:14px;border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(145deg,#f8fafc,#f1f5f9);border:1px solid rgba(0,0,0,.04)}body .related-news-item:hover{background:linear-gradient(145deg,#fff7ed,#ffedd5);transform:translate(6px);box-shadow:0 4px 16px #f9731626;border-color:#f9731633}body .related-news-image{flex-shrink:0;width:88px;height:88px;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}body .related-news-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}body .related-news-item:hover .related-news-image img{transform:scale(1.08)}body .related-news-content{flex:1;display:flex;flex-direction:column;justify-content:center}body .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}body .related-news-item:hover .related-news-title{color:#f97316}body .related-meta{margin:6px 0 0;font-size:12px;color:#64748b;font-weight:500}body .news-detail-loading,body .news-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;padding:48px}body .loading-spinner{width:56px;height:56px;border:4px solid #f1f5f9;border-top:4px solid #f97316;border-radius:50%;animation:spin .8s linear infinite}body .news-detail-loading p{margin-top:24px;font-size:16px;color:#64748b;font-weight:500}body .news-detail-error p{font-size:18px;color:#dc2626;margin-bottom:24px;font-weight:600}@media(max-width:1024px){body .news-detail-layout{grid-template-columns:1fr}body .news-sidebar{order:-1;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}body .page-title{font-size:28px}body .news-title{font-size:26px}}@media(max-width:768px){body .breadcrumb-section{padding:40px 0 32px}body .page-title{font-size:22px}body .news-detail-container{padding:20px 16px}body .news-header,body .news-article{padding:24px 20px}body .news-actions-bar{flex-direction:column;gap:12px}body .actions-right{width:100%;justify-content:center}body .btn-action{flex:1;justify-content:center}body .news-sidebar{grid-template-columns:1fr}}body .chat-widget-launcher{position:fixed;bottom:24px;right:24px;width:64px;height:64px;background:linear-gradient(135deg,#ff751f,#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}body .chat-widget-launcher:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 32px #ff751f73}body .chat-widget-launcher:active{transform:translateY(-2px) scale(1.02)}body .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}body .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:16px;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)}body .widget-header{background:linear-gradient(135deg,#ff751f,#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}body .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)}body .back-btn:hover,body .close-btn:hover{background:#ffffff40;transform:scale(1.05)}body .back-btn:active,body .close-btn:active{transform:scF7F8FA}body .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}body .conversation-item:hover{background:#fff;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}body .avatar-circle{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#ff751f,#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 #ff751f40}body .conv-info{flex:1;margin-left:12px;overflow:hidden}body .conv-unread-dot{background:linear-gradient(135deg,#ff751f,#ff9a4d);min-width:20px;box-shadow:0 2px 6px #ff751f4d 0;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}body .messages-area{flex:1;overflow-y:auto;padding:15px;background:#f8f9fa}body .message-row{display:flex;margin-bottom:8px}body .message-row.sent{justify-content:flex-end}body .message-row.received{justify-content:flex-start}body .message-bubble{max-width:100%;padding:5px;border-radius:16px;font-size:13px;line-height:1.4;word-wrap:break-word}body .message-row.sent .message-bubble{background:#eb8a296b;color:#2d1515;border-bottom-right-radius:4px}body .message-row.received .message-bubble{background:#e9ecef;color:#212529;border-bottom-left-radius:4px}body .msg-text{margin-bottom:4px}body .msg-timestamp{font-size:10px;opacity:.7;text-align:right}body .chat-input-area{display:flex;align-items:center;padding:10px;background:#fff;border-top:1px solid #e9ecef;gap:8px}body .chat-input-area input{flex:1;padding:8px 12px;border:1px solid #dee2e6;border-radius:20px;font-size:13px;outline:none}body .chat-input-area input:focus{border-color:#0084ff}body .chat-input-area button{background:none;border:none;color:#e78433;font-weight:600;cursor:pointer;padding:8px 12px;font-size:13px}body .chat-input-area button:hover{opacity:.8}body .conversation-list::-webkit-scrollbar,body .messages-area::-webkit-scrollbar{width:6px}body .conversation-list::-webkit-scrollbar-track,body .messages-area::-webkit-scrollbar-track{background:#f1f1f1}body .conversation-list::-webkit-scrollbar-thumb,body .messages-area::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}body .conversation-list::-webkit-scrollbar-thumb:hover,body .messages-area::-webkit-scrollbar-thumb:hover{background:#a8a8a8}body .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}body .widget-seen-text{color:#0084ff;font-weight:500;display:flex;align-items:center;gap:2px;transition:all .3s ease}body .widget-sent-text{color:#65676b;font-style:italic;transition:all .3s ease}body .message-wrapper-horizontal{display:flex;align-items:center;max-width:85%;gap:8px;position:relative}body .message-row.sent .message-wrapper-horizontal{flex-direction:row-reverse}body .message-row.received .message-wrapper-horizontal{flex-direction:row}body .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}body .message-bubble:hover+.msg-timestamp-bubble{opacity:1;transform:scale(1)}body .message-row.sent .msg-timestamp-bubble{background-color:#e7f3ff;color:#0084ff}body .message-bubble{padding:6px 6px 10px;cursor:pointer;position:relative;z-index:2}body .input-actions-group{display:flex;gap:2px;align-items:center}body .icon-svg-black{width:20px;height:20px;display:block;object-fit:contain;filter:brightness(0);opacity:.8;transition:opacity .2s}body .btn-icon:hover .icon-svg-black{opacity:1}body .spinner-mini{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #000;border-radius:50%;animation:spin .8s linear infinite}body .file-attachment-box{position:relative;z-index:5}body .file-attachment-box a{text-decoration:underline;pointer-events:auto!important;position:relative;z-index:10}body .msg-timestamp-bubble{pointer-events:none}body .btn-send-text{background:none;border:none;color:#0084ff;font-weight:700;cursor:pointer;padding:0 5px}body .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}body .header-left{display:flex;align-items:center;gap:10px;cursor:pointer}body .back-btn-new{background:none;border:none;padding:0;display:flex;align-items:center;cursor:pointer}body .back-btn-new img{width:20px;height:20px;filter:brightness(0) invert(1)}body .header-user-info{position:relative;display:flex;align-items:center;gap:6px}body .user-name{font-weight:600;font-size:16px;white-space:nowrap}body .dropdown-icon{width:12px;height:12px;transition:transform .2s ease;filter:brightness(0) invert(1)}body .dropdown-icon.rotate{transform:rotate(180deg)}body .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}body .menu-item{padding:10px 15px;font-size:14px;cursor:pointer;transition:background .2s}body .menu-item:hover{background-color:#f5f5f5}body .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}body .close-btn-new:hover{background:#ffffff4d}