.force-logout-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;background-color:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.force-logout-overlay .force-logout-modal{text-align:center;background:#fff;border-radius:16px;width:400px;padding:32px 24px;animation:.3s cubic-bezier(.175,.885,.32,1.275) force-logout-pop;box-shadow:0 20px 40px #00000026}.force-logout-overlay .force-logout-modal .modal-icon{color:#f56c6c;background:#fef0f0;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;display:flex}.force-logout-overlay .force-logout-modal .modal-icon svg{width:32px;height:32px}.force-logout-overlay .force-logout-modal .modal-title{color:#1f2329;margin:0 0 12px;font-size:20px;font-weight:600}.force-logout-overlay .force-logout-modal .modal-desc{color:#646a73;margin:0 0 28px;font-size:14px;line-height:1.6}.force-logout-overlay .force-logout-modal .modal-actions .btn-relogin{color:#fff;cursor:pointer;background:#1890ff;border:none;border-radius:8px;width:100%;padding:12px 0;font-size:16px;font-weight:500;transition:all .2s}.force-logout-overlay .force-logout-modal .modal-actions .btn-relogin:hover{background:#40a9ff;transform:translateY(-1px)}.force-logout-overlay .force-logout-modal .modal-actions .btn-relogin:active{background:#096dd9;transform:translateY(1px)}@keyframes force-logout-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.login-page{background:#f5f5f7;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.login-bg-decoration{z-index:0;pointer-events:none;background:radial-gradient(circle,#0071e314 0%,#f5f5f700 60%);width:120%;height:120%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-card{z-index:1;-webkit-backdrop-filter:blur(40px);background:#ffffffbf;border-radius:24px;flex-direction:column;gap:32px;width:100%;max-width:420px;padding:48px;display:flex;position:relative;box-shadow:0 16px 48px #00000014,0 0 0 1px #0000000a}.login-header{text-align:center}.login-header h1{color:#1d1d1f;letter-spacing:-.5px;margin:0 0 8px;font-size:28px;font-weight:700}.login-header p{color:#86868b;margin:0;font-size:15px}.login-form{flex-direction:column;gap:20px;display:flex}.login-form-group{flex-direction:column;gap:8px;display:flex}.login-form-group label{color:#1d1d1f;font-size:13px;font-weight:600}.login-input{color:#1d1d1f;box-sizing:border-box;background:#fffc;border:1px solid #0000001a;border-radius:12px;width:100%;padding:14px 16px;font-size:16px;transition:all .2s}.login-input:focus{background:#fff;border-color:#0071e3;outline:none;box-shadow:0 0 0 4px #0071e326}.login-btn{color:#fff;cursor:pointer;background:#1d1d1f;border:none;border-radius:12px;width:100%;margin-top:12px;padding:14px;font-size:16px;font-weight:600;transition:all .2s}.login-btn:hover{background:#000;transform:scale(.98)}.login-btn:active{transform:scale(.96)}.captcha-container{align-items:center;gap:12px;display:flex}.captcha-container .captcha-input{flex:1;margin-bottom:0}.captcha-container .captcha-image{cursor:pointer;background:#fff;border:1px solid #dcdfe6;border-radius:4px;justify-content:center;align-items:center;height:48px;padding:0 4px;transition:border-color .2s;display:flex;overflow:hidden}.captcha-container .captcha-image:hover{border-color:#409eff}.captcha-container .captcha-image svg{width:120px;height:100%}.dashboard-layout{background:#fbfbfd;width:100vw;height:100vh;display:flex;overflow:hidden}.dashboard-sidebar{z-index:10;background:#f5f5f7;border-right:1px solid #e5e5ea;flex-direction:column;width:260px;padding:24px 16px;display:flex}.dashboard-logo{color:#1d1d1f;letter-spacing:-.5px;margin-bottom:32px;padding:0 8px;font-size:18px;font-weight:700}.dashboard-nav{flex-direction:column;flex:1;gap:8px;display:flex}.dashboard-nav-item{color:#515154;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.dashboard-nav-item:hover{color:#1d1d1f;background:#0000000a}.dashboard-nav-item.active{color:#1d1d1f;background:#e5e5ea;font-weight:600}.dashboard-nav-bottom{border-top:1px solid #e5e5ea;flex-direction:column;gap:8px;margin-top:auto;padding-top:16px;display:flex}.dashboard-main{background:#fff;flex-direction:column;flex:1;display:flex;overflow:hidden}.dashboard-header{box-sizing:border-box;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:50;white-space:nowrap;background:#fffc;border-bottom:1px solid #e5e5ea;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;min-height:64px;max-height:64px;padding:0 24px;display:flex}.dashboard-user-profile{color:#1d1d1f;cursor:pointer;white-space:nowrap;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.dashboard-avatar{color:#fff;background:#0071e3;border-radius:50%;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;font-weight:700;display:flex}.dashboard-content{flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}@media print{.dashboard-sidebar,.dashboard-header{display:none!important}.dashboard-layout,.dashboard-main,.dashboard-content,#root,body,html{background:#fff!important;width:100%!important;height:auto!important;min-height:auto!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}}.dashboard-layout{transition:all .3s}.dashboard-sidebar{white-space:nowrap;transition:width .3s,padding .3s,opacity .3s;overflow:hidden}.dashboard-layout.sidebar-collapsed .dashboard-sidebar{opacity:0;border-right:none;width:0;padding:0}.hamburger-btn{border-radius:6px;padding:6px;transition:background .2s}.hamburger-btn:hover{background:#0000000d!important}:root{--dash-brand:#0061ff;--dash-brand-hover:#0052cc;--dash-bg-body:#f0f2f5;--dash-bg-container:#fff;--dash-border:#eaedf1;--dash-text-title:#1a1a1a;--dash-text-primary:#333;--dash-text-secondary:#737373;--dash-radius:12px;--dash-shadow-sm:0 1px 3px #0000000a;--dash-shadow-md:0 4px 12px #0000000f;--dash-shadow-hover:0 8px 24px #0000001f}@keyframes dash-skeleton-pulse{0%{background-position:100%}to{background-position:0}}.dash-skeleton-box{background:linear-gradient(90deg,#f0f2f5 25%,#e6e8eb 37%,#f0f2f5 63%) 0 0/400% 100%;border-radius:6px;animation:1.4s infinite dash-skeleton-pulse}.dashboard-home{width:100%;max-width:100%;color:var(--dash-text-primary);min-height:calc(100vh - 112px);margin:0;padding:24px;animation:.4s cubic-bezier(.16,1,.3,1) fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dashboard-home-header{border-radius:var(--dash-radius);box-shadow:var(--dash-shadow-sm);border:1px solid var(--dash-border);background:linear-gradient(135deg,#fff 0%,#f9fafb 100%);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:32px;padding:32px;display:flex}.dashboard-home-header .welcome-section{flex:1}.dashboard-home-header .welcome-section h1{color:var(--dash-text-title);letter-spacing:-.5px;margin:0 0 8px;font-size:28px;font-weight:600}.dashboard-home-header .welcome-section p{color:var(--dash-text-secondary);margin:0;font-size:15px}.dashboard-home-header .header-actions{flex-shrink:0;gap:12px;display:flex}.dashboard-home-header .header-actions button{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.dashboard-home-header .header-actions button.primary{background:var(--dash-brand);color:#fff;border:none;box-shadow:0 4px 10px #0061ff33}.dashboard-home-header .header-actions button.primary:hover{background:var(--dash-brand-hover);transform:translateY(-1px);box-shadow:0 6px 14px #0061ff4d}.dashboard-home-header .header-actions button.secondary{color:var(--dash-text-primary);border:1px solid var(--dash-border);background:#fff}.dashboard-home-header .header-actions button.secondary:hover{background:#f9fafb;border-color:#d1d5db}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px;display:grid}.metric-card{background:var(--dash-bg-container);border-radius:var(--dash-radius);border:1px solid var(--dash-border);box-shadow:var(--dash-shadow-sm);padding:24px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.metric-card:hover{box-shadow:var(--dash-shadow-md);transform:translateY(-2px)}.metric-card:before{content:"";background:var(--dash-brand);opacity:0;border-radius:4px 0 0 4px;width:4px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.metric-card:hover:before{opacity:1}.metric-card .metric-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.metric-card .metric-header .metric-label{color:var(--dash-text-secondary);font-size:14px;font-weight:500}.metric-card .metric-header .metric-icon-small{color:#9ca3af;box-sizing:content-box;background:#f3f4f6;border-radius:6px;padding:6px}.metric-card .metric-value{color:var(--dash-text-title);letter-spacing:-1px;font-size:32px;font-weight:700;line-height:1.2}.dashboard-content-area{grid-template-columns:2fr 1fr;align-items:start;gap:24px;display:grid}.dashboard-content-area.single-column{grid-template-columns:1fr}.dash-panel{background:var(--dash-bg-container);border-radius:var(--dash-radius);border:1px solid var(--dash-border);box-shadow:var(--dash-shadow-sm);padding:28px}.dash-panel h2.panel-title{color:var(--dash-text-title);justify-content:space-between;align-items:center;margin:0 0 24px;font-size:18px;font-weight:600;display:flex}.dash-panel h2.panel-title .view-all-link{color:var(--dash-brand);cursor:pointer;font-size:14px;font-weight:500;transition:color .2s}.dash-panel h2.panel-title .view-all-link:hover{color:var(--dash-brand-hover)}.task-list-container{flex-direction:column;gap:16px;display:flex}.task-row{border:1px solid var(--dash-border);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;padding:16px;transition:all .2s;display:flex}.task-row:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000a}.task-row .task-main{flex-direction:column;gap:6px;display:flex}.task-row .task-main .task-name{color:var(--dash-text-title);font-size:15px;font-weight:600}.task-row .task-main .task-meta{color:var(--dash-text-secondary);align-items:center;gap:12px;font-size:13px;display:flex}.task-row .task-status .status-badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500}.task-row .task-status .status-badge.urgent{color:#ef4444;background:#fef2f2;border:1px solid #fecaca}.task-row .task-status .status-badge.pending{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.task-row .task-status .status-badge.active{color:#3b82f6;background:#eff6ff;border:1px solid #bfdbfe}.action-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.action-grid .action-item{cursor:pointer;background:#f8fafc;border:1px solid #0000;border-radius:10px;padding:20px;transition:all .2s cubic-bezier(.16,1,.3,1)}.action-grid .action-item:hover{border-color:var(--dash-border);box-shadow:var(--dash-shadow-md);background:#fff;transform:translateY(-2px)}.action-grid .action-item .icon-wrapper{color:#4f46e5;background:#e0e7ff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:16px;display:flex}.action-grid .action-item .icon-wrapper.orange{color:#ea580c;background:#ffedd5}.action-grid .action-item .icon-wrapper.green{color:#16a34a;background:#dcfce3}.action-grid .action-item .icon-wrapper.blue{color:#2563eb;background:#dbeafe}.action-grid .action-item .icon-wrapper.purple{color:#9333ea;background:#f3e8ff}.action-grid .action-item h4{color:var(--dash-text-title);margin:0 0 6px;font-size:15px;font-weight:600}.action-grid .action-item p{color:var(--dash-text-secondary);margin:0;font-size:12px;line-height:1.4}.dash-empty-state{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.dash-empty-state .empty-icon{opacity:.5;margin-bottom:16px}.dash-empty-state p{margin-bottom:20px;font-size:14px}@media (width<=1024px){.dashboard-content-area{grid-template-columns:1fr}.action-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.wizard-overlay{-webkit-backdrop-filter:blur(4px);z-index:10000;background:#0006;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.wizard-modal{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:680px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden;box-shadow:0 20px 40px #0003}.wizard-header{border-bottom:1px solid #f5f5f7;justify-content:space-between;align-items:flex-start;padding:32px 32px 24px;display:flex}.wizard-header h2{color:#1d1d1f;margin:0 0 12px;font-size:22px;font-weight:700}.wizard-steps{color:#86868b;align-items:center;gap:12px;font-size:13px;font-weight:600;display:flex}.wizard-steps span.active{color:#0071e3}.wizard-steps .divider{background:#d2d2d7;width:24px;height:1px}.close-btn{color:#86868b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.close-btn:hover{color:#1d1d1f;background:#f5f5f7}.wizard-content{min-height:300px;padding:32px}.upload-dropzone{background:#fbfbfd;border:2px dashed #d2d2d7;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:48px 0;transition:all .2s;display:flex}.upload-dropzone:hover{background:#f0f7ff;border-color:#0071e3}.upload-dropzone h3{color:#1d1d1f;margin:16px 0 8px;font-size:16px;font-weight:600}.upload-dropzone p{color:#86868b;margin:0 0 24px;font-size:13px}.upload-btn{color:#1d1d1f;cursor:pointer;background:#fff;border:1px solid #d2d2d7;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:500;box-shadow:0 2px 4px #00000005}.upload-hint{text-align:center;margin-top:16px}.upload-hint a{color:#0071e3;font-size:13px;font-weight:500;text-decoration:none}.step-desc{color:#515154;margin:0 0 20px;font-size:14px}.mapping-table{border:1px solid #e5e5ea;border-radius:12px;overflow:hidden}.mapping-row{border-bottom:1px solid #e5e5ea;display:flex}.mapping-row:last-child{border-bottom:none}.header-row{color:#86868b;background:#f5f5f7;padding:12px 16px;font-size:12px;font-weight:600}.mapping-row>div{flex:1;align-items:center;padding:16px;display:flex}.excel-col{color:#1d1d1f;font-size:14px;font-weight:500}.sys-col select{border:1px solid #d2d2d7;border-radius:8px;outline:none;width:100%;height:36px;padding:0 10px;font-size:14px}.preview-summary{gap:16px;margin-bottom:24px;display:flex}.summary-card{background:#f5f5f7;border-radius:12px;flex:1;align-items:center;gap:16px;padding:16px;display:flex}.summary-card.success{background:#f0fdf4;border:1px solid #dcfce7}.summary-card.warning{background:#fffbeb;border:1px solid #fef3c7}.summary-card h4{color:#1d1d1f;margin:0 0 4px;font-size:14px;font-weight:600}.summary-card span{color:#515154;font-size:12px}.preview-table-container{border:1px solid #e5e5ea;border-radius:12px;overflow:hidden}.preview-table{border-collapse:collapse;width:100%}.preview-table th{text-align:left;color:#86868b;background:#f5f5f7;border-bottom:1px solid #e5e5ea;padding:12px 16px;font-size:12px;font-weight:600}.preview-table td{color:#1d1d1f;border-bottom:1px solid #f5f5f7;padding:12px 16px;font-size:13px}.error-row td{background:#fffcfc}.status-badge{border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600}.status-badge.new{color:#515154;background:#f5f5f7}.status-badge.update{color:#2563eb;background:#eff6ff}.status-badge.error{color:#dc2626;background:#fef2f2}.wizard-footer{background:#fbfbfd;border-top:1px solid #f5f5f7;justify-content:flex-end;gap:12px;padding:24px 32px;display:flex}.wizard-btn-secondary{color:#1d1d1f;cursor:pointer;background:#fff;border:1px solid #d2d2d7;border-radius:12px;padding:12px 24px;font-size:15px;font-weight:500}.wizard-btn-primary{color:#fff;cursor:pointer;background:#0071e3;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;display:flex}.wizard-btn-primary.success{background:#1d1d1f}.crm-layout{background:#f5f5f7;height:calc(100vh - 60px);display:flex;overflow:hidden}.crm-sidebar{background:#fff;border-right:1px solid #e5e5ea;flex-direction:column;width:260px;padding:24px 16px;display:flex;overflow-y:auto}.crm-sidebar-title{color:#1d1d1f;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px 8px;font-size:13px;font-weight:700}.sidebar-subtitle{color:#86868b;margin:24px 0 8px 8px;font-size:12px;font-weight:600}.sidebar-section{flex-direction:column;gap:4px;display:flex}.sidebar-item{color:#515154;cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.sidebar-item:hover{background:#f5f5f7}.sidebar-item.active{color:#0071e3;background:#eef2ff;font-weight:600}.crm-main{flex-direction:column;flex:1;padding:32px 40px;display:flex;overflow-y:auto}.crm-main-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:32px;display:flex}.crm-main-header h1{white-space:nowrap}.crm-table-card{background:#fff;border:1px solid #e5e5ea;border-radius:16px;flex-direction:column;flex:1;padding:24px;display:flex;overflow-x:auto;box-shadow:0 4px 12px #00000005}.crm-header-actions{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.crm-search-bar{background:#f5f5f7;border-radius:8px;align-items:center;width:320px;padding:8px 12px;display:flex}.crm-search-bar input{color:#1d1d1f;background:0 0;border:none;outline:none;width:100%;margin-left:8px;font-size:14px}.crm-action-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.crm-action-btn.primary{color:#fff;background:#1d1d1f}.crm-action-btn.primary:hover{background:#333}.crm-action-btn.secondary{color:#1d1d1f;background:#fff;border:1px solid #d2d2d7}.crm-action-btn.secondary:hover{background:#f5f5f7}.crm-table{border-collapse:collapse;width:100%}.crm-table th{text-align:left;color:#86868b;white-space:nowrap;border-bottom:1px solid #e5e5ea;padding:12px 16px;font-size:13px;font-weight:500}.crm-table td{color:#1d1d1f;white-space:nowrap;border-bottom:1px solid #f5f5f7;padding:16px;font-size:14px}.crm-table tr:hover td{background:#fbfbfd}.crm-tag{border-radius:4px;align-items:center;padding:4px 8px;font-size:12px;font-weight:500;display:inline-flex}.crm-tag.vip{color:#ff9500;background:#fff8e1}.crm-tag.normal{color:#86868b;background:#f5f5f7}.dynamic-field{color:#515154;background:#f8f8f8;border:1px dashed #d2d2d7;border-radius:4px;padding:4px 8px;font-size:12px;display:inline-block}.crm-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:9999;background:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s fadeIn;display:flex;position:fixed;top:0;left:0}.crm-modal{background:#fff;border-radius:20px;flex-direction:column;gap:24px;width:100%;max-width:480px;padding:32px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;box-shadow:0 20px 40px #0003}.crm-modal-header{justify-content:space-between;align-items:center;display:flex}.crm-modal-header h2{color:#1d1d1f;margin:0;font-size:20px;font-weight:700}.crm-modal-header button{cursor:pointer;color:#86868b;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.crm-modal-header button:hover{color:#1d1d1f;background:#f5f5f7}.crm-modal-form{flex-direction:column;gap:16px;display:flex}.crm-form-group{flex-direction:column;gap:6px;display:flex}.crm-form-group label{color:#515154;font-size:13px;font-weight:600}.crm-form-group input[type=text],.crm-form-group input[type=datetime-local],.crm-form-group input[type=number],.crm-form-group textarea,.crm-form-group select{border:1px solid #d2d2d7;border-radius:12px;outline:none;height:44px;padding:0 14px;font-size:14px;transition:all .2s}.crm-form-group input[type=text]:focus,.crm-form-group input[type=datetime-local]:focus,.crm-form-group input[type=number]:focus,.crm-form-group textarea:focus,.crm-form-group select:focus{border-color:#0071e3;box-shadow:0 0 0 3px #0071e333}.crm-modal-actions{justify-content:flex-end;gap:12px;margin-top:16px;display:flex}.crm-btn-secondary{cursor:pointer;color:#1d1d1f;white-space:nowrap;background:#f5f5f7;border:none;border-radius:12px;flex-shrink:0;padding:12px 20px;font-size:15px;font-weight:600;transition:all .2s}.crm-btn-secondary:hover{background:#e5e5ea}.crm-btn-primary{cursor:pointer;color:#fff;white-space:nowrap;background:#1d1d1f;border:none;border-radius:12px;flex-shrink:0;padding:12px 20px;font-size:15px;font-weight:600;transition:all .2s}.crm-btn-primary:hover{background:#000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.crm-row-menu{z-index:100;background:#fff;border:1px solid #e5e5ea;border-radius:12px;flex-direction:column;min-width:160px;padding:8px 0;animation:.15s fadeIn;display:flex;position:absolute;top:100%;right:16px;box-shadow:0 10px 30px #0000001f}.crm-row-menu button{text-align:left;color:#1d1d1f;cursor:pointer;background:0 0;border:none;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s}.crm-row-menu button:hover{background:#f5f5f7}.crm-row-menu button.danger{color:#ff3b30}.crm-row-menu button.danger:hover{background:#fff0f0}.crm-menu-divider{background:#f5f5f7;height:1px;margin:4px 0}.settings-page{box-sizing:border-box;width:100%;max-width:1440px;margin:0 auto;padding:32px 40px;animation:.4s ease-out fade-in}.settings-page h1{color:#1d1d1f;margin-bottom:8px;font-size:28px;font-weight:700}.settings-page p.subtitle{color:#86868b;margin-bottom:32px;font-size:14px}.settings-page .settings-tabs{border-bottom:1px solid #e5e5ea;gap:8px;margin-bottom:24px;padding-bottom:16px;display:flex;overflow-x:auto}.settings-page .settings-tabs .tab-btn{color:#86868b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.settings-page .settings-tabs .tab-btn:hover{color:#1d1d1f;background:#0000000a}.settings-page .settings-tabs .tab-btn.active{color:#fff;background:#0071e3}.settings-page .settings-tabs .tab-btn.active svg{color:#fff!important}.settings-page .settings-content{animation:.3s fade-in}.settings-page .settings-section{background:#fff;border:1px solid #e5e5ea;border-radius:16px;min-width:0;padding:24px;box-shadow:0 4px 12px #00000005}.settings-page .settings-section h2{color:#1d1d1f;align-items:center;gap:8px;margin-bottom:16px;font-size:18px;font-weight:600;display:flex}.settings-page .settings-section .settings-row{border-bottom:1px solid #f5f5f7;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.settings-page .settings-section .settings-row:last-child{border-bottom:none;padding-bottom:0}.settings-page .settings-section .settings-row:first-of-type{padding-top:8px}.settings-page .settings-section .settings-row .settings-info h3{color:#1d1d1f;margin-bottom:4px;font-size:15px;font-weight:500}.settings-page .settings-section .settings-row .settings-info p{color:#86868b;font-size:13px}.settings-page .settings-section .settings-row .settings-action button{cursor:pointer;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.settings-page .settings-section .settings-row .settings-action button.btn-danger{color:#ff3b30;background:#fef0f0;border:1px solid #0000}.settings-page .settings-section .settings-row .settings-action button.btn-danger:hover{color:#fff;background:#ff3b30}.settings-page .settings-section .settings-row .settings-action button.btn-secondary{color:#1d1d1f;background:#f5f5f7;border:none}.settings-page .settings-section .settings-row .settings-action button.btn-secondary:hover{background:#e5e5ea}.settings-page .modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-page .modal-content{background:#fff;border-radius:16px;width:100%;max-width:440px;padding:24px;animation:.2s ease-out modalPopIn;box-shadow:0 10px 40px #0000001a}.settings-page .modal-content .modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.settings-page .modal-content .modal-header h2{margin:0;font-size:20px;font-weight:600}.settings-page .modal-content .modal-header .close-btn{color:#86868b;cursor:pointer;background:0 0;border:none;border-radius:50%;align-items:center;padding:4px;display:flex}.settings-page .modal-content .modal-header .close-btn:hover{color:#1d1d1f;background:#f5f5f7}@keyframes modalPopIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.account-management{background:#fff;flex-direction:column;width:100%;height:100%;padding:24px;display:flex}.account-management .page-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.account-management .page-header .header-title{align-items:center;gap:12px;display:flex}.account-management .page-header .header-title h1{color:#1d1d1f;margin:0;font-size:20px;font-weight:600}.account-management .primary-btn{color:#fff;cursor:pointer;background:#0071e3;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.account-management .primary-btn:hover{background:#0077ed}.account-management .primary-btn.warning{background:#ff9500}.account-management .primary-btn.warning:hover{background:#ff9f0a}.account-management .secondary-btn{color:#1d1d1f;cursor:pointer;background:#fff;border:1px solid #d2d2d7;border-radius:6px;padding:6px 16px;font-size:14px;font-weight:500;transition:all .2s}.account-management .secondary-btn:hover{background:#f5f5f7}.account-management .error-banner{color:#ff3b30;background:#fff4f4;border:1px solid #ffcece;border-radius:6px;margin-bottom:16px;padding:10px 16px;font-size:14px}.account-management .table-container{background:0 0;flex:1;overflow:auto}.account-management .table-container .loading-state{text-align:center;color:#86868b;padding:60px;font-size:14px}.account-management .table-container .user-table{border-collapse:collapse;text-align:left;width:100%}.account-management .table-container .user-table th{color:#1d1d1f;background:#fafafa;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;padding:14px 16px;font-size:13px;font-weight:600}.account-management .table-container .user-table td{color:#1d1d1f;vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:16px;font-size:14px}.account-management .table-container .user-table tr:hover td{background:#fafafa}.account-management .role-tag{border-radius:20px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.account-management .role-tag.admin{color:#0071e3;background:#e8f2fc}.account-management .role-tag.user{color:#515154;background:#f5f5f7}.account-management .action-buttons{gap:12px;display:flex}.account-management .action-buttons .icon-btn{color:#86868b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.account-management .action-buttons .icon-btn:hover{color:#1d1d1f;background:#f5f5f7}.account-management .action-buttons .icon-btn.danger:hover{color:#ff3b30;background:#fff4f4}.account-management .action-buttons .icon-btn:disabled{opacity:.3;cursor:not-allowed}.account-management .modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.account-management .modal-content{background:#fff;border-radius:16px;width:100%;max-width:440px;padding:24px;animation:.2s ease-out modalPopIn;box-shadow:0 10px 40px #0000001a}.account-management .modal-content .modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.account-management .modal-content .modal-header h2{margin:0;font-size:20px;font-weight:600}.account-management .modal-content .modal-header .close-btn{color:#86868b;cursor:pointer;background:0 0;border:none;border-radius:50%;align-items:center;padding:4px;display:flex}.account-management .modal-content .modal-header .close-btn:hover{color:#1d1d1f;background:#f5f5f7}.account-management .modal-content .form-group{margin-bottom:24px}.account-management .modal-content .form-group label{color:#1d1d1f;margin-bottom:10px;font-size:14px;font-weight:600;display:block}.account-management .modal-content .form-group input[type=text],.account-management .modal-content .form-group input[type=password],.account-management .modal-content .form-group input[type=number],.account-management .modal-content .form-group input[type=date],.account-management .modal-content .form-group select{color:#1d1d1f;box-sizing:border-box;background:#fbfbfd;border:1px solid #d2d2d7;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-size:15px;transition:all .2s cubic-bezier(.16,1,.3,1)}.account-management .modal-content .form-group input[type=text]:focus,.account-management .modal-content .form-group input[type=password]:focus,.account-management .modal-content .form-group input[type=number]:focus,.account-management .modal-content .form-group input[type=date]:focus,.account-management .modal-content .form-group select:focus{background:#fff;border-color:#0071e3;box-shadow:0 0 0 4px #0071e326}.account-management .modal-content .form-group input[type=text]::placeholder,.account-management .modal-content .form-group input[type=password]::placeholder,.account-management .modal-content .form-group input[type=number]::placeholder,.account-management .modal-content .form-group input[type=date]::placeholder,.account-management .modal-content .form-group select::placeholder{color:#86868b}.account-management .modal-content .permissions-grid{background:#fbfbfd;border:1px solid #e5e5ea;border-radius:8px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;padding:16px;display:grid}.account-management .modal-content .permission-item{cursor:pointer;align-items:center;gap:8px;display:flex;margin-bottom:0!important}.account-management .modal-content .permission-item input[type=checkbox]{cursor:pointer;accent-color:#0071e3;width:16px;height:16px}.account-management .modal-content .permission-item span{color:#515154;-webkit-user-select:none;user-select:none;font-size:14px}.account-management .modal-content .permissions-hint{color:#86868b;margin-top:8px;font-size:12px}.account-management .modal-content .modal-actions{justify-content:flex-end;gap:12px;margin-top:32px;display:flex}.account-management .commercial-user-info{background:#fbfbfd;border:1px solid #e5e5ea;border-radius:12px;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex}.account-management .commercial-user-info .avatar{color:#fff;background:linear-gradient(135deg,#0071e3,#45a2ff);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;font-weight:600;display:flex;box-shadow:0 4px 12px #0071e333}.account-management .commercial-user-info .info .name{color:#1d1d1f;margin-bottom:4px;font-size:16px;font-weight:600}.account-management .commercial-user-info .info .desc{color:#86868b;font-size:13px}.account-management .commercial-form-section{margin-bottom:28px}.account-management .commercial-form-section .section-title{color:#1d1d1f;align-items:center;gap:8px;margin-bottom:12px;font-size:15px;font-weight:600;display:flex}.account-management .commercial-form-section .section-title:before{content:"";background:#0071e3;border-radius:2px;width:4px;height:14px;display:block}.account-management .quota-presets{flex-wrap:wrap;gap:10px;display:flex}.account-management .quota-presets .preset-btn{color:#515154;cursor:pointer;background:#fff;border:1px solid #d2d2d7;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1)}.account-management .quota-presets .preset-btn:hover{background:#f5f5f7;border-color:#c6c6c8}.account-management .quota-presets .preset-btn.active{color:#fff;background:#0071e3;border-color:#0071e3;box-shadow:0 4px 12px #0071e333}.account-management .radio-group{background:#f5f5f7;border-radius:10px;gap:4px;padding:4px;display:flex}.account-management .radio-group .radio-label{cursor:pointer;color:#515154;border-radius:8px;flex:1;justify-content:center;align-items:center;padding:8px 0;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.account-management .radio-group .radio-label input[type=radio]{display:none}.account-management .radio-group .radio-label.active{color:#1d1d1f;background:#fff;box-shadow:0 2px 8px #00000014}.account-management input.premium-input{background:#fbfbfd;border:1px solid #d2d2d7;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:15px;transition:all .2s cubic-bezier(.16,1,.3,1)}.account-management input.premium-input:focus{background:#fff;border-color:#0071e3;box-shadow:0 0 0 4px #0071e31a}.sub-account-management{background:#fff;flex-direction:column;width:100%;height:100%;padding:24px;animation:.4s ease-out fadeIn;display:flex}.sub-account-management .page-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.sub-account-management .page-header .header-title{align-items:center;gap:12px;display:flex}.sub-account-management .page-header .header-title h1{color:#1d1d1f;letter-spacing:-.5px;margin:0;font-size:24px;font-weight:600}.sub-account-management .quota-card{background:#fff;border:1px solid #e5e5ea;border-radius:12px;margin-bottom:32px;padding:24px;box-shadow:0 4px 12px #00000008}.sub-account-management .quota-card .quota-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.sub-account-management .quota-card .quota-header h3{color:#1d1d1f;margin:0;font-size:16px;font-weight:600}.sub-account-management .quota-card .quota-header .quota-text{color:#86868b;font-size:16px;font-weight:500}.sub-account-management .quota-card .progress-bar-bg{background:#f5f5f7;border-radius:6px;width:100%;height:12px;margin-bottom:8px;overflow:hidden}.sub-account-management .quota-card .progress-bar-bg .progress-bar-fill{background:#0071e3;border-radius:6px;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1),background-color .3s}.sub-account-management .quota-card .progress-bar-bg .progress-bar-fill.warning{background:#f5a623}.sub-account-management .quota-card .progress-bar-bg .progress-bar-fill.danger{background:#ff3b30}.sub-account-management .quota-card .quota-warning{color:#ff3b30;margin-top:8px;font-size:13px}.sub-account-management .table-container{background:#fff;border:1px solid #e5e5ea;border-radius:12px;overflow:hidden;box-shadow:0 4px 24px #00000005}.sub-account-management .table-container .user-table{border-collapse:collapse;width:100%;font-size:14px}.sub-account-management .table-container .user-table th,.sub-account-management .table-container .user-table td{text-align:left;border-bottom:1px solid #f5f5f7;padding:16px 20px}.sub-account-management .table-container .user-table th{color:#86868b;white-space:nowrap;background:#fbfbfd;font-size:13px;font-weight:500}.sub-account-management .table-container .user-table tr:last-child td{border-bottom:none}.sub-account-management .table-container .user-table tbody tr{transition:background-color .2s}.sub-account-management .table-container .user-table tbody tr:hover{background-color:#fbfbfd}.sub-account-management .role-tag{color:#1d1d1f;background:#f5f5f7;border-radius:20px;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.sub-account-management .role-tag.admin{color:#0071e3;background:#eef8ff}.sub-account-management .action-buttons{gap:8px;display:flex}.sub-account-management .action-buttons .icon-btn{color:#86868b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.sub-account-management .action-buttons .icon-btn:hover{color:#1d1d1f;background:#f5f5f7}.sub-account-management .action-buttons .icon-btn.danger:hover{color:#ff3b30;background:#fff0f0}.sub-account-management .modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0006;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.sub-account-management .modal-content{background:#fff;border-radius:16px;width:100%;max-width:440px;padding:24px 32px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;box-shadow:0 20px 40px #00000026}.sub-account-management .modal-content .modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.sub-account-management .modal-content .modal-header h2{color:#1d1d1f;letter-spacing:-.5px;margin:0;font-size:20px;font-weight:600}.sub-account-management .modal-content .modal-header .close-btn{color:#86868b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.sub-account-management .modal-content .modal-header .close-btn:hover{color:#1d1d1f;background:#f5f5f7}.sub-account-management .form-group{margin-bottom:24px}.sub-account-management .form-group label{color:#1d1d1f;margin-bottom:10px;font-size:14px;font-weight:600;display:block}.sub-account-management .form-group input[type=text],.sub-account-management .form-group input[type=password],.sub-account-management .form-group input[type=number],.sub-account-management .form-group input[type=date],.sub-account-management .form-group select{color:#1d1d1f;box-sizing:border-box;background:#fbfbfd;border:1px solid #d2d2d7;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-size:15px;transition:all .2s cubic-bezier(.16,1,.3,1)}.sub-account-management .form-group input[type=text]:focus,.sub-account-management .form-group input[type=password]:focus,.sub-account-management .form-group input[type=number]:focus,.sub-account-management .form-group input[type=date]:focus,.sub-account-management .form-group select:focus{background:#fff;border-color:#0071e3;box-shadow:0 0 0 4px #0071e326}.sub-account-management .form-group input[type=text]::placeholder,.sub-account-management .form-group input[type=password]::placeholder,.sub-account-management .form-group input[type=number]::placeholder,.sub-account-management .form-group input[type=date]::placeholder,.sub-account-management .form-group select::placeholder{color:#86868b}.sub-account-management .form-row{gap:16px;display:flex}.sub-account-management .form-row .form-group{flex:1;margin-bottom:24px}.sub-account-management .modal-actions{justify-content:flex-end;gap:12px;margin-top:32px;display:flex}.sub-account-management .primary-btn,.sub-account-management .secondary-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.sub-account-management .primary-btn{color:#fff;background:#0071e3}.sub-account-management .primary-btn:hover{background:#0077ed;transform:scale(1.02)}.sub-account-management .primary-btn:active{transform:scale(.98)}.sub-account-management .primary-btn.warning{background:#ff3b30}.sub-account-management .primary-btn.warning:hover{background:#ff453a}.sub-account-management .secondary-btn{color:#1d1d1f;background:#f5f5f7}.sub-account-management .secondary-btn:hover{background:#e5e5ea}.role-management{background:#fff;flex-direction:column;width:100%;height:100%;padding:24px;display:flex}.role-management .page-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.role-management .page-header .header-title{align-items:center;gap:12px;display:flex}.role-management .page-header .header-title h1{color:#1d1d1f;margin:0;font-size:20px;font-weight:600}.role-management .primary-btn{color:#fff;cursor:pointer;background:#0071e3;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.role-management .primary-btn:hover{background:#0077ed}.role-management .primary-btn.warning{background:#ff9500}.role-management .primary-btn.warning:hover{background:#ff9f0a}.role-management .secondary-btn{color:#1d1d1f;cursor:pointer;background:#fff;border:1px solid #d2d2d7;border-radius:6px;padding:6px 16px;font-size:14px;font-weight:500;transition:all .2s}.role-management .secondary-btn:hover{background:#f5f5f7}.role-management .error-banner{color:#ff3b30;background:#fff4f4;border:1px solid #ffcece;border-radius:6px;margin-bottom:16px;padding:10px 16px;font-size:14px}.role-management .table-container{background:0 0;flex:1;overflow:auto}.role-management .table-container .loading-state{text-align:center;color:#86868b;padding:60px;font-size:14px}.role-management .table-container .user-table{border-collapse:collapse;text-align:left;width:100%}.role-management .table-container .user-table th{color:#1d1d1f;background:#fafafa;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;padding:14px 16px;font-size:13px;font-weight:600}.role-management .table-container .user-table td{color:#1d1d1f;vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:16px;font-size:14px}.role-management .table-container .user-table tr:hover td{background:#fafafa}.role-management .role-tag{border-radius:20px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.role-management .role-tag.admin{color:#0071e3;background:#e8f2fc}.role-management .role-tag.user{color:#515154;background:#f5f5f7}.role-management .action-buttons{gap:12px;display:flex}.role-management .action-buttons .icon-btn{color:#86868b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.role-management .action-buttons .icon-btn:hover{color:#1d1d1f;background:#f5f5f7}.role-management .action-buttons .icon-btn.danger:hover{color:#ff3b30;background:#fff4f4}.role-management .action-buttons .icon-btn:disabled{opacity:.3;cursor:not-allowed}.role-management .modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.role-management .modal-content{background:#fff;border-radius:16px;width:100%;max-width:440px;padding:24px;animation:.2s ease-out modalPopIn;box-shadow:0 10px 40px #0000001a}.role-management .modal-content .modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.role-management .modal-content .modal-header h2{margin:0;font-size:20px;font-weight:600}.role-management .modal-content .modal-header .close-btn{color:#86868b;cursor:pointer;background:0 0;border:none;border-radius:50%;align-items:center;padding:4px;display:flex}.role-management .modal-content .modal-header .close-btn:hover{color:#1d1d1f;background:#f5f5f7}.role-management .modal-content .form-group{margin-bottom:20px}.role-management .modal-content .form-group label{color:#1d1d1f;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.role-management .modal-content .form-group input[type=text],.role-management .modal-content .form-group input[type=password],.role-management .modal-content .form-group select{border:1px solid #d2d2d7;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.role-management .modal-content .form-group input[type=text]:focus,.role-management .modal-content .form-group input[type=password]:focus,.role-management .modal-content .form-group select:focus{border-color:#0071e3;box-shadow:0 0 0 3px #0071e31a}.role-management .modal-content.large-modal{max-width:680px}.role-management .modal-content .form-group-row{gap:20px;display:flex}.role-management .modal-content .form-group-row .half{flex:1}.role-management .modal-content .permissions-section{margin-top:24px}.role-management .modal-content .permissions-section .section-header{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.role-management .modal-content .permissions-section .section-header label{margin-bottom:0}.role-management .modal-content .permissions-section .section-header .permissions-hint{color:#86868b;font-size:12px}.role-management .modal-content .permissions-groups-container{flex-direction:column;gap:20px;max-height:400px;padding-right:8px;display:flex;overflow-y:auto}.role-management .modal-content .permission-group{background:#fbfbfd;border:1px solid #e5e5ea;border-radius:12px;padding:16px}.role-management .modal-content .permission-group.danger-group{background:snow;border-color:#fcc}.role-management .modal-content .permission-group.danger-group .group-title{color:#d93025}.role-management .modal-content .permission-group .group-title{color:#1d1d1f;margin:0 0 12px;font-size:14px;font-weight:600}.role-management .modal-content .permission-group .permissions-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.role-management .modal-content .permission-group .permission-card{cursor:pointer;background:#fff;border:1px solid #e5e5ea;border-radius:8px;padding:12px;transition:all .2s}.role-management .modal-content .permission-group .permission-card:hover{border-color:#d2d2d7;box-shadow:0 2px 8px #0000000a}.role-management .modal-content .permission-group .permission-card.active{background:#f0f7ff;border-color:#0071e3}.role-management .modal-content .permission-group .permission-card .card-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.role-management .modal-content .permission-group .permission-card .card-header h5{color:#1d1d1f;margin:0;font-size:14px;font-weight:500}.role-management .modal-content .permission-group .permission-card .card-desc{color:#86868b;margin:0;font-size:12px;line-height:1.4}.role-management .modal-content .switch{background:#e5e5ea;border-radius:10px;width:36px;height:20px;transition:background .3s;position:relative}.role-management .modal-content .switch.checked{background:#34c759}.role-management .modal-content .switch.checked .switch-handle{transform:translate(16px)}.role-management .modal-content .switch .switch-handle{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .3s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0003}.role-management .modal-content .modal-actions{justify-content:flex-end;gap:12px;margin-top:32px;display:flex}.forms-center{background:#fbfbfd;min-height:100vh;padding:32px 40px}.forms-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.forms-header h1{color:#1d1d1f;margin:0 0 8px;font-size:28px;font-weight:700}.forms-header p{color:#86868b;margin:0;font-size:15px}.forms-toolbar{align-items:center;gap:16px;margin-bottom:24px;display:flex}.forms-toolbar .search-input-wrapper{flex:1;max-width:400px;position:relative}.forms-toolbar .search-input-wrapper .search-icon{color:#86868b;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.forms-toolbar .search-input-wrapper input{box-sizing:border-box;background:#fff;border:1px solid #d2d2d7;border-radius:10px;outline:none;width:100%;padding:10px 12px 10px 36px;font-size:14px;transition:all .2s}.forms-toolbar .search-input-wrapper input:focus{border-color:#0071e3;box-shadow:0 0 0 3px #0071e31a}.forms-toolbar .filter-select{color:#1d1d1f;cursor:pointer;background:#fff;border:1px solid #d2d2d7;border-radius:10px;outline:none;padding:10px 16px;font-size:14px;transition:all .2s}.forms-toolbar .filter-select:hover{background:#fbfbfd}.forms-toolbar .filter-select:focus{border-color:#0071e3;box-shadow:0 0 0 3px #0071e31a}.forms-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.form-card{cursor:pointer;background:#fff;border:1px solid #e5e5ea;border-radius:16px;flex-direction:column;padding:24px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;box-shadow:0 2px 8px #00000005,0 1px 2px #0000000a}.form-card:hover{border-color:#d2d2d7;transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.form-card .form-card-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;display:flex}.form-card.template .form-card-icon{background:#f0f7ff}.form-card.draft .form-card-icon{background:#fff8eb}.form-card .form-card-content{flex:1}.form-card .form-card-content h3{color:#111;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-size:18px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.form-card .form-card-content .form-card-meta{gap:8px;margin-bottom:20px;display:flex}.form-card .form-card-content .form-card-meta .badge{border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500}.form-card .form-card-content .form-card-meta .badge.category-badge,.form-card .form-card-content .form-card-meta .badge.type-badge.template,.form-card .form-card-content .form-card-meta .badge.type-badge.draft{color:#515154;background:0 0;border:1px solid #e5e5ea}.form-card .form-card-content .form-card-date{color:#86868b;align-items:center;gap:6px;font-size:13px;display:flex}.form-card .form-card-content .form-card-date:before{content:"";background:#d2d2d7;border-radius:50%;width:6px;height:6px;display:inline-block}.form-card .form-card-actions{gap:8px;display:flex;position:absolute;bottom:24px;right:24px}.form-card .form-card-actions .icon-btn.edit-btn{color:#0071e3;cursor:pointer;opacity:0;background:#fff;border:1px solid #e5e5ea;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.form-card .form-card-actions .icon-btn.edit-btn:hover{background:#f0f7ff;border-color:#0071e3}.form-card .form-card-actions .icon-btn.delete-btn{color:#ff3b30;cursor:pointer;opacity:0;background:#fff;border:1px solid #ffebee;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.form-card .form-card-actions .icon-btn.delete-btn:hover{background:#ffebee}.form-card:hover .icon-btn.edit-btn,.form-card:hover .icon-btn.delete-btn{opacity:1}.form-editor-container{background:#e5e5ea;flex-direction:column;min-width:1024px;height:100vh;display:flex;overflow-x:auto}.form-editor-toolbar{z-index:10;background:#fff;border-bottom:1px solid #d1d1d6;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;box-shadow:0 1px 4px #0000000d}.form-editor-toolbar .toolbar-left,.form-editor-toolbar .toolbar-right{flex-wrap:nowrap;align-items:center;gap:12px;display:flex}.form-editor-toolbar .toolbar-left{flex:1;min-width:0}.form-editor-toolbar .toolbar-left .icon-btn{color:#515154;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.form-editor-toolbar .toolbar-left .icon-btn:hover{color:#1d1d1f;background:#f5f5f7}.form-editor-toolbar .toolbar-left .icon-btn:active{background:#e5e5ea}.form-editor-toolbar .toolbar-left .badge{white-space:nowrap;border-radius:6px;flex-shrink:0;padding:4px 10px;font-size:13px;font-weight:500}.form-editor-toolbar .toolbar-left .badge.template,.form-editor-toolbar .toolbar-left .badge.draft{color:#515154;background:#f5f5f7;border:1px solid #e5e5ea}.form-editor-toolbar .form-title-input{color:#1d1d1f;background:0 0;border:1px solid #0000;border-radius:8px;flex:auto;width:100%;min-width:120px;max-width:400px;padding:6px 12px;font-size:20px;font-weight:600;transition:all .2s}.form-editor-toolbar .form-title-input:focus,.form-editor-toolbar .form-title-input:not(:disabled):hover{background:#f5f5f7;border-color:#d1d1d6;outline:none}.form-editor-toolbar .form-title-input:disabled{color:#1d1d1f;cursor:default;background:0 0}.form-editor-toolbar .mode-toggle{background:#f5f5f7;border-radius:8px;margin-right:16px;padding:4px;display:flex}.form-editor-toolbar .mode-toggle button{color:#86868b;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:flex}.form-editor-toolbar .mode-toggle button.active{color:#1d1d1f;background:#fff;box-shadow:0 1px 4px #00000014}.form-editor-toolbar .toolbar-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.form-editor-toolbar .toolbar-btn.primary{color:#fff;background:#0071e3}.form-editor-toolbar .toolbar-btn.primary:hover{background:#0077ed}.form-editor-toolbar .toolbar-btn.primary:disabled{cursor:not-allowed;background:#a1c9f2}.form-editor-toolbar .toolbar-btn.secondary{color:#1d1d1f;background:#f5f5f7}.form-editor-toolbar .toolbar-btn.secondary:hover{background:#e5e5ea}.form-editor-toolbar .toolbar-btn.warning{color:#ff3b30;background:#ffeceb}.form-editor-toolbar .toolbar-btn.warning:hover{background:#ffd8d6}.form-editor-workspace{flex:1;justify-content:center;padding:40px;display:flex;overflow:auto}.code-editor-wrapper{background:#1e1e1e;border-radius:12px;width:100%;max-width:1200px;height:100%;padding:20px;box-shadow:0 12px 32px #0003}.code-editor-wrapper textarea{color:#d4d4d4;resize:none;background:0 0;border:none;outline:none;width:100%;height:100%;font-family:monospace;line-height:1.6}.a4-canvas-wrapper{background:#fff;flex-direction:column;width:210mm;min-height:297mm;margin:0 auto;display:flex;position:relative;box-shadow:0 12px 32px #0000001a}.a4-canvas-wrapper.watermark-template:after{content:"";pointer-events:none;z-index:10;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><text x='50%' y='50%' font-size='24' font-family='sans-serif' fill='rgba(0,0,0,0.06)' text-anchor='middle' dominant-baseline='middle' transform='rotate(-45 150 150)'>样例模板 - 需建副本后去水印</text></svg>");background-repeat:repeat;position:absolute;inset:0}.rich-text-toolbar{z-index:5;background:#f5f5f7;border-bottom:1px solid #d1d1d6;border-radius:8px 8px 0 0;align-items:center;gap:8px;padding:8px 16px;display:flex;position:sticky;top:0;left:0;right:0}.rich-text-toolbar button{cursor:pointer;color:#515154;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.rich-text-toolbar button:hover{color:#1d1d1f;background:#e5e5ea}.rich-text-toolbar .divider{background:#d1d1d6;width:1px;height:16px;margin:0 4px}.a4-canvas{box-sizing:border-box;color:#1d1d1f;outline:none;flex:1;width:100%;padding:25mm 20mm;line-height:1.5}.a4-canvas h1,.a4-canvas h2,.a4-canvas h3,.a4-canvas h4{margin-top:0}.a4-canvas table{border-collapse:collapse;width:100%;margin-bottom:1em}.a4-canvas table th,.a4-canvas table td{border:1px solid #000;padding:8px}.analytics-modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.analytics-modal{background:#fff;border-radius:16px;flex-direction:column;width:600px;max-width:90vw;max-height:80vh;display:flex;box-shadow:0 24px 48px #0003}.analytics-modal .analytics-header{border-bottom:1px solid #e5e5ea;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.analytics-modal .analytics-header h2{margin:0;font-size:20px}.analytics-modal .analytics-header button{cursor:pointer;background:#f5f5f7;border:none;border-radius:8px;padding:6px 12px}.analytics-modal .analytics-content{padding:24px;overflow-y:auto}.analytics-modal .analytics-table{border-collapse:collapse;width:100%}.analytics-modal .analytics-table th,.analytics-modal .analytics-table td{text-align:left;border-bottom:1px solid #e5e5ea;padding:12px}.analytics-modal .analytics-table th{color:#86868b;font-size:13px;font-weight:500}@media print{body *{visibility:hidden}.no-print{display:none!important}.form-editor-container,.editor-main-area,.editor-scroll-area{visibility:visible!important;background:0 0!important;width:100%!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.a4-canvas-wrapper,.a4-canvas,.a4-canvas *{visibility:visible}.a4-canvas-wrapper{width:100%!important;max-width:100%!important;min-height:0!important;box-shadow:none!important;background:0 0!important;margin:0!important;padding:0!important;position:static!important;transform:none!important}.a4-canvas{page-break-inside:avoid;width:100%!important;max-width:100%!important;padding:0!important}@page{size:A4;margin:15mm}}.audits-container{box-sizing:border-box;width:100%;margin:0 auto;padding:32px 48px}.audits-container .audits-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.audits-container .audits-header .header-left{align-items:center;gap:24px;display:flex}.audits-container .audits-header .header-left h1{color:#111;margin:0;font-size:24px;font-weight:600}.audits-container .audits-header .header-left .search-bar{background:#f5f5f7;border-radius:8px;align-items:center;width:240px;padding:6px 12px;transition:all .2s;display:flex}.audits-container .audits-header .header-left .search-bar:focus-within{background:#fff;box-shadow:0 0 0 2px #0071e333}.audits-container .audits-header .header-left .search-bar input{color:#1d1d1f;background:0 0;border:none;outline:none;flex:1;margin-left:8px;font-size:14px}.audits-container .audits-header .header-left .search-bar input::placeholder{color:#86868b}.audits-container .audits-header .enterprise-btn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.audits-container .audits-header .enterprise-btn:hover{background:#333}.audits-container .kpi-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;display:grid}.audits-container .kpi-grid .kpi-card{background:#fff;border-radius:16px;align-items:center;gap:16px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #00000005,0 1px 2px #0000000a}.audits-container .kpi-grid .kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000a}.audits-container .kpi-grid .kpi-card .kpi-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.audits-container .kpi-grid .kpi-card .kpi-icon.total{color:#0071e3;background:#e3f2fd}.audits-container .kpi-grid .kpi-card .kpi-icon.avg{color:#8e44ad;background:#f3e5f5}.audits-container .kpi-grid .kpi-card .kpi-icon.warning{color:#ff9500;background:#fff3e0}.audits-container .kpi-grid .kpi-card .kpi-icon.success{color:#34c759;background:#e8f5e9}.audits-container .kpi-grid .kpi-card .kpi-info{flex-direction:column;display:flex}.audits-container .kpi-grid .kpi-card .kpi-info .label{color:#86868b;margin-bottom:4px;font-size:13px;font-weight:500}.audits-container .kpi-grid .kpi-card .kpi-info .value{color:#111;align-items:baseline;gap:4px;font-size:24px;font-weight:700;display:flex}.audits-container .kpi-grid .kpi-card .kpi-info .value span{color:#86868b;font-size:14px;font-weight:500}.audits-container .audit-list-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:0;overflow-x:auto;box-shadow:0 1px 2px #00000008,0 1px 6px -1px #00000005}.audits-container .audit-list-card table{border-collapse:collapse;border-spacing:0;width:100%}.audits-container .audit-list-card table th,.audits-container .audit-list-card table td{text-align:left;border-bottom:1px solid #f0f0f0;padding:16px 24px}.audits-container .audit-list-card table th{color:#000000e0;text-transform:none;letter-spacing:normal;white-space:nowrap;background:#fafafa;font-size:14px;font-weight:600}.audits-container .audit-list-card table tr{cursor:pointer;background:#fff;transition:background .2s}.audits-container .audit-list-card table tr:hover{background:#fafafa}.audits-container .audit-list-card table tr:last-child td{border-bottom:none}.audits-container .audit-list-card table td{color:#1d1d1f;vertical-align:middle;white-space:nowrap;font-size:14px}.audits-container .audit-list-card table td .text-muted{color:#86868b;font-size:13px}.audits-container .audit-list-card table td .type-badge{color:#1d1d1f;background:#f5f5f7;border-radius:6px;padding:4px 8px;font-size:13px;font-weight:500;display:inline-block}.audits-container .audit-list-card table td .audit-grade{color:#515154;background:#f5f5f7;border:1px solid #e5e5ea;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.audits-container .audit-list-card table td .audit-status{color:#515154;background:#f5f5f7;border:1px solid #e5e5ea;border-radius:12px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.audits-container .audit-list-card table td .audit-status .status-dot{border-radius:50%;width:6px;height:6px}.audits-container .audit-list-card table td .audit-status .status-dot.normal{background:#515154}.audits-container .audit-list-card table td .audit-status .status-dot.warning{background:#ff3b30}.audits-container .audit-list-card table td .audit-status .status-dot.success{background:#34c759}.audits-container .audit-list-card table td .table-actions{opacity:.6;justify-content:flex-end;gap:8px;transition:opacity .2s;display:flex}.audits-container .audit-list-card table td .table-actions .action-btn{cursor:pointer;color:#515154;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.audits-container .audit-list-card table td .table-actions .action-btn:hover{color:#111;background:#f5f5f7}.audits-container .audit-list-card table td .table-actions .action-btn.delete-btn:hover{color:#c62828;background:#ffebee}.audits-container .audit-list-card table td .table-actions .action-btn.edit-btn:hover{color:#0071e3;background:#e3f2fd}.audits-container .audit-list-card table tbody tr{cursor:pointer;transition:all .2s}.audits-container .audit-list-card table tbody tr:hover{background:#fbfbfd;transform:translateY(-1px);box-shadow:0 4px 12px #00000008}.audit-form-layout{flex-direction:column;max-width:1600px;height:100%;margin:0 auto;padding:24px 24px 100px;display:flex}.audit-form-split{grid-template-columns:1fr 1fr;align-items:start;gap:32px;display:grid}@media (width<=1100px){.audit-form-split{grid-template-columns:1fr}}.audit-form-container{flex-direction:column;gap:24px;display:flex}.audit-form-container .form-card{background:#fff;border:1px solid #f5f5f7;border-radius:16px;margin-bottom:24px;padding:28px;box-shadow:0 2px 20px #00000008}.audit-form-container .form-card h2{border-bottom:1px solid #f5f5f7;margin-top:0;margin-bottom:20px;padding-bottom:12px;font-size:18px}.audit-form-container .form-card .form-row{gap:16px;margin-bottom:16px;display:flex}.audit-form-container .form-card .form-group{flex-direction:column;flex:1;margin-bottom:16px;display:flex}.audit-form-container .form-card .form-group label{color:#515154;margin-bottom:8px;font-size:14px;font-weight:500}.audit-form-container .form-card .form-group input,.audit-form-container .form-card .form-group select,.audit-form-container .form-card .form-group textarea{color:#1d1d1f;background:#fafafa;border:1px solid #e5e5ea;border-radius:10px;outline:none;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .2s}.audit-form-container .form-card .form-group input::placeholder,.audit-form-container .form-card .form-group select::placeholder,.audit-form-container .form-card .form-group textarea::placeholder{color:#a1a1a6}.audit-form-container .form-card .form-group input:focus,.audit-form-container .form-card .form-group select:focus,.audit-form-container .form-card .form-group textarea:focus{background:#fff;border-color:#0071e3;box-shadow:0 0 0 3px #0071e326}.audit-form-container .form-card .form-group textarea{resize:vertical;min-height:100px;line-height:1.5}.audit-form-container .sop-module{background:#fff;border:1px solid #f5f5f7;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 2px 20px #00000008}.audit-form-container .sop-module .module-header{border-bottom:1px solid #f5f5f7;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.audit-form-container .sop-module .module-header h3{color:#1d1d1f;margin:0;font-size:16px}.audit-form-container .sop-module .module-header span{color:#86868b;font-size:14px}.audit-form-container .sop-module .sop-item{border-bottom:1px solid #f0f0f5;padding:16px 0}.audit-form-container .sop-module .sop-item:last-child{border-bottom:none;padding-bottom:8px}.audit-form-container .sop-module .sop-item .sop-item-main{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.audit-form-container .sop-module .sop-item .sop-item-main .sop-text{color:#333;flex:1;font-size:14px;line-height:1.4}.audit-form-container .sop-module .sop-item .sop-item-main .sop-actions{background:#f0f0f5;border-radius:10px;gap:4px;padding:4px;display:flex}.audit-form-container .sop-module .sop-item .sop-item-main .sop-actions button{cursor:pointer;color:#86868b;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.2,0,0,1);display:flex}.audit-form-container .sop-module .sop-item .sop-item-main .sop-actions button svg{margin-bottom:-1px;margin-right:6px}.audit-form-container .sop-module .sop-item .sop-item-main .sop-actions button.active-pass{color:#34c759;background:#fff;box-shadow:0 2px 8px #00000014}.audit-form-container .sop-module .sop-item .sop-item-main .sop-actions button.active-fail{color:#ff3b30;background:#fff;box-shadow:0 2px 8px #00000014}.audit-form-container .sop-module .sop-item .sop-item-main .sop-actions button.active-na{color:#515154;background:#fff;box-shadow:0 2px 8px #00000014}.audit-form-container .sop-module .sop-item .sop-item-main .sop-actions button:hover:not(.active-pass):not(.active-fail):not(.active-na){color:#1d1d1f;background:#fff9}.bottom-action-bar{z-index:100;background:#fff;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:fixed;bottom:0;left:250px;right:0;box-shadow:0 -4px 16px #0000000d}.bottom-action-bar .score-preview{color:#1d1d1f;font-size:18px;font-weight:600}.bottom-action-bar .actions{gap:12px;display:flex}.live-preview-pane{background:#fbfbfd;border:1px solid #e5e5ea;border-radius:16px;max-height:calc(100vh - 120px);position:sticky;top:24px;overflow:hidden auto;box-shadow:0 4px 24px #0000000f}.live-preview-pane .report-header{color:#fff;background:linear-gradient(135deg,#ff9500,#ff5e3a);justify-content:space-between;align-items:center;padding:20px;display:flex}.live-preview-pane .report-header h1{flex-direction:column;gap:4px;margin:0;font-size:20px;display:flex}.live-preview-pane .report-header h1 span.date{opacity:.9;font-size:13px;font-weight:400}.live-preview-pane .report-header .report-score-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:8px;align-items:baseline;gap:8px;padding:8px 16px;display:flex}.live-preview-pane .report-header .report-score-box .score{font-size:32px;font-weight:700}.live-preview-pane .report-header .report-score-box .grade{font-size:18px;font-weight:500}.live-preview-pane .preview-content{padding:20px}.live-preview-pane .preview-content .module-scores{background:#fff;border-radius:12px;flex-direction:column;gap:12px;margin-bottom:20px;padding:16px;display:flex;box-shadow:0 2px 12px #00000008}.live-preview-pane .preview-content .module-scores .score-bar-row{align-items:center;gap:12px;display:flex}.live-preview-pane .preview-content .module-scores .score-bar-row .bar-label{color:#515154;text-align:right;white-space:nowrap;text-overflow:ellipsis;width:120px;font-size:12px;overflow:hidden}.live-preview-pane .preview-content .module-scores .score-bar-row .bar-track{background:#f5f5f7;border-radius:3px;flex:1;height:6px;overflow:hidden}.live-preview-pane .preview-content .module-scores .score-bar-row .bar-track .bar-fill{background:#34c759;border-radius:3px;height:100%;transition:width .3s}.live-preview-pane .preview-content .module-scores .score-bar-row .bar-track .bar-fill.warning{background:#fc0}.live-preview-pane .preview-content .module-scores .score-bar-row .bar-track .bar-fill.danger{background:#ff3b30}.live-preview-pane .preview-content .module-scores .score-bar-row .bar-value{width:36px;font-size:12px;font-weight:500}.live-preview-pane .preview-content .feedback-preview{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 12px #00000008}.live-preview-pane .preview-content .feedback-preview .feedback-section{margin-bottom:16px}.live-preview-pane .preview-content .feedback-preview .feedback-section:last-child{margin-bottom:0}.live-preview-pane .preview-content .feedback-preview .feedback-section h4{margin:0 0 6px;font-size:13px}.live-preview-pane .preview-content .feedback-preview .feedback-section p{color:#515154;white-space:pre-wrap;background:#f5f5f7;border-radius:6px;margin:0;padding:10px;font-size:13px}.live-preview-pane .preview-content .feedback-preview .feedback-section .highlight{color:#2e7d32}.live-preview-pane .preview-content .feedback-preview .feedback-section .improve{color:#c62828}.live-preview-pane .preview-content .feedback-preview .feedback-section .suggest{color:#0071e3}.audit-report-container{max-width:1200px;margin:0 auto;padding:24px}.audit-report-container .report-header{color:#111;background:#fff;border-bottom:1px solid #e5e5ea;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.audit-report-container .report-header h1{text-shadow:0 2px 4px #0000001a;flex-direction:column;gap:8px;margin:0;font-size:28px;display:flex}.audit-report-container .report-header h1 span.date{opacity:.9;font-size:16px;font-weight:400}.audit-report-container .report-header .report-score-box{background:#f5f5f7;border:1px solid #e5e5ea;border-radius:8px;align-items:baseline;gap:12px;padding:12px 24px;display:flex}.audit-report-container .report-header .report-score-box .score{font-size:42px;font-weight:700}.audit-report-container .report-header .report-score-box .grade{font-size:24px;font-weight:500}.audit-report-container .report-metadata{background:#fff;border-radius:0 0 12px 12px;flex-wrap:wrap;gap:24px;margin-bottom:24px;padding:16px 24px;display:flex;box-shadow:0 4px 12px #0000000d}.audit-report-container .report-metadata .meta-item{color:#515154;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.audit-report-container .report-metadata .meta-item svg{color:#0071e3}.audit-report-container .report-body{grid-template-columns:2fr 1fr;gap:24px;display:grid}.audit-report-container .report-body .report-panel{background:#fff;border-radius:12px;margin-bottom:24px;overflow:hidden;box-shadow:0 4px 12px #0000000d}.audit-report-container .report-body .report-panel .panel-header{color:#111;background:#fafafa;border-bottom:1px solid #e5e5ea;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:600;display:flex}.audit-report-container .report-body .report-panel .minimalist-header{background:0 0!important}.audit-report-container .report-body .report-panel .panel-content{padding:20px}.audit-report-container .report-body .sop-list{flex-direction:column;gap:12px;display:flex}.audit-report-container .report-body .sop-list .sop-row{border-bottom:1px solid #f5f5f7;padding:12px 0;display:flex}.audit-report-container .report-body .sop-list .sop-row .sop-index{color:#fff;background:#102a43;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;margin-right:16px;font-weight:700;display:flex}.audit-report-container .report-body .sop-list .sop-row .sop-name{color:#333;align-items:center;width:140px;font-weight:600;display:flex}.audit-report-container .report-body .sop-list .sop-row .sop-details{flex-direction:column;flex:1;gap:6px;display:flex}.audit-report-container .report-body .sop-list .sop-row .sop-details .sop-detail-item{align-items:flex-start;font-size:13px;display:flex}.audit-report-container .report-body .sop-list .sop-row .sop-details .sop-detail-item.pass{color:#2e7d32}.audit-report-container .report-body .sop-list .sop-row .sop-details .sop-detail-item.fail{color:#c62828}.audit-report-container .report-body .sop-list .sop-row .sop-details .sop-detail-item:before{content:"•";margin-right:6px;font-size:16px;line-height:1}.audit-report-container .report-body .module-scores{flex-direction:column;gap:16px;display:flex}.audit-report-container .report-body .module-scores .score-bar-row{align-items:center;gap:12px;display:flex}.audit-report-container .report-body .module-scores .score-bar-row .bar-label{color:#515154;text-align:right;white-space:nowrap;width:130px;font-size:13px}.audit-report-container .report-body .module-scores .score-bar-row .bar-track{background:#f5f5f7;border-radius:4px;flex:1;height:8px;overflow:hidden}.audit-report-container .report-body .module-scores .score-bar-row .bar-track .bar-fill{background:#34c759;border-radius:4px;height:100%}.audit-report-container .report-body .module-scores .score-bar-row .bar-track .bar-fill.warning{background:#fc0}.audit-report-container .report-body .module-scores .score-bar-row .bar-track .bar-fill.danger{background:#ff3b30}.audit-report-container .report-body .module-scores .score-bar-row .bar-value{width:40px;font-size:13px;font-weight:500}.audit-report-container .report-body .feedback-section{margin-bottom:20px}.audit-report-container .report-body .feedback-section h4{align-items:center;gap:6px;margin:0 0 8px;font-size:15px;display:flex}.audit-report-container .report-body .feedback-section h4.highlight{color:#2e7d32}.audit-report-container .report-body .feedback-section h4.improve{color:#c62828}.audit-report-container .report-body .feedback-section h4.suggest{color:#0071e3}.audit-report-container .report-body .feedback-section p{color:#515154;white-space:pre-wrap;background:#f5f5f7;border-radius:8px;margin:0;padding:12px;font-size:14px;line-height:1.5}@media print{@page{size:A4;margin:10mm}body,html{background:#fff!important;height:auto!important;overflow:visible!important}body *{visibility:hidden}.audit-report-container,.audit-report-container *{visibility:visible}.audit-report-container{width:100%!important;height:auto!important;margin:0!important;padding:0!important;position:absolute!important;top:0!important;left:0!important}*,:before,:after{box-shadow:none!important;text-shadow:none!important;transition:none!important}html,body,#root,.dashboard-layout,.dashboard-main,.dashboard-content,.audit-report-container{background:#fff!important;width:100%!important;height:auto!important;min-height:auto!important;max-height:none!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.dashboard-sidebar,.dashboard-header,.print-hide,.audit-report-container>div:first-child{display:none!important}.audit-report-container{max-width:100%!important;padding:20px!important}.audit-report-container .report-header{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color:#1d1d1f!important;background:#f5f5f7!important;border-bottom:2px solid #e5e5ea!important;border-radius:12px 12px 0 0!important}.audit-report-container .report-header .report-score-box{color:#1d1d1f!important;background:0 0!important;border:2px solid #1d1d1f!important}.audit-report-container .report-body{display:block!important}.audit-report-container .report-panel{break-inside:auto!important;page-break-inside:auto!important;border:1px solid #e5e5ea!important;margin-bottom:24px!important}.audit-report-container .report-panel .panel-header{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.audit-report-container .report-panel .bar-track{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#e5e5ea!important}.audit-report-container .report-panel .bar-fill{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.history-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0006;justify-content:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.history-drawer{background:#fff;flex-direction:column;width:480px;max-width:100%;height:100%;animation:.3s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;box-shadow:-4px 0 24px #0000001a}.history-drawer .drawer-header{border-bottom:1px solid #f0f0f0;padding:24px;position:relative}.history-drawer .drawer-header .header-title{color:#1d1d1f;align-items:center;gap:12px;display:flex}.history-drawer .drawer-header .header-title h2{margin:0;font-size:20px;font-weight:600}.history-drawer .drawer-header .header-title .icon-pulse{color:#06c}.history-drawer .drawer-header .header-desc{color:#86868b;margin:8px 0 0 32px;font-size:13px}.history-drawer .drawer-header .close-btn{background:#f5f5f7;border-radius:50%;padding:6px;transition:all .2s;position:absolute;top:24px;right:24px}.history-drawer .drawer-header .close-btn:hover{background:#e5e5ea;transform:rotate(90deg)}.history-drawer .drawer-body{background:#fafafa;flex:1;padding:24px;overflow-y:auto}.history-filters{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.history-filters .search-bar{background:#fff;border:1px solid #e5e5ea;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;display:flex;box-shadow:0 1px 2px #00000005}.history-filters .search-bar input{border:none;outline:none;flex:1;font-size:14px}.history-filters .search-bar svg{color:#86868b}.history-filters .date-filters{align-items:center;gap:8px;display:flex}.history-filters .date-filters .date-input{background:#fff;border:1px solid #e5e5ea;border-radius:8px;flex:1;align-items:center;gap:6px;padding:8px 12px;display:flex}.history-filters .date-filters .date-input input{color:#1d1d1f;border:none;outline:none;width:100%;font-size:13px}.history-filters .date-filters .date-input svg,.history-filters .date-filters .separator{color:#86868b}.history-filters .filter-actions{gap:12px;margin-top:8px;display:flex}.history-filters .filter-actions button{border-radius:8px;flex:1;padding:10px;font-size:14px}.history-list .empty-state,.history-list .loading-state{color:#86868b;flex-direction:column;justify-content:center;align-items:center;padding:60px 0;display:flex}.history-list .empty-state .empty-icon,.history-list .loading-state .empty-icon{opacity:.5;margin-bottom:16px;font-size:48px}.history-list .spinner{border:2px solid #e5e5ea;border-top-color:#06c;border-radius:50%;width:24px;height:24px;margin-bottom:12px;animation:.8s linear infinite spin}.history-cards{flex-direction:column;gap:16px;display:flex}.history-cards .history-card{background:#fff;border:1px solid #e5e5ea;border-radius:12px;padding:16px;transition:all .2s;box-shadow:0 2px 8px #00000005}.history-cards .history-card:hover{border-color:#d1d1d6;transform:translateY(-2px);box-shadow:0 8px 16px #0000000f}.history-cards .history-card .card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.history-cards .history-card .card-header .card-date{color:#86868b;font-size:12px;font-weight:500}.history-cards .history-card .card-header .card-actions{align-items:center;gap:8px;display:flex}.history-cards .history-card .card-header .card-actions .reuse-btn{color:#06c;cursor:pointer;background:#f0f7ff;border:none;border-radius:16px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.history-cards .history-card .card-header .card-actions .reuse-btn:hover{color:#fff;background:#06c}.history-cards .history-card .card-header .card-actions .delete-history-btn{color:#dc2626;cursor:pointer;background:#fef2f2;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.history-cards .history-card .card-header .card-actions .delete-history-btn:hover{color:#fff;background:#dc2626}.history-cards .history-card .card-body .card-title{color:#1d1d1f;margin:0 0 12px;font-size:16px;font-weight:600}.history-cards .history-card .card-body .card-meta{gap:8px;margin-bottom:12px;display:flex}.history-cards .history-card .card-body .card-meta .meta-tag{border-radius:4px;padding:4px 8px;font-size:11px;font-weight:500}.history-cards .history-card .card-body .card-meta .meta-tag.store-tag{color:#43434d;background:#f5f5f7}.history-cards .history-card .card-body .card-meta .meta-tag.count-tag{color:#ff9500;background:#fff5e6}.history-cards .history-card .card-body .card-employees{color:#43434d;font-size:13px;display:flex}.history-cards .history-card .card-body .card-employees .label{color:#86868b;white-space:nowrap}.history-cards .history-card .card-body .card-employees .names{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.poster-builder-page{background:#f5f5f7;flex-direction:column;height:100%;padding:24px;display:flex;overflow:hidden}.poster-builder-page .builder-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.poster-builder-page .builder-header h1{color:#1d1d1f;margin:0 0 4px;font-size:24px;font-weight:600}.poster-builder-page .builder-header p{color:#86868b;margin:0;font-size:14px}.poster-builder-page .builder-header .export-btn{align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;display:flex;box-shadow:0 4px 12px #0071e333}.poster-builder-page .builder-header .history-btn{color:#1d1d1f;cursor:pointer;background:#f5f5f7;border:1px solid #d1d1d6;border-radius:20px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.poster-builder-page .builder-header .history-btn:hover{background:#e5e5ea;border-color:#c7c7cc}.poster-builder-page .builder-container{flex:1;gap:24px;min-height:0;display:flex}.poster-builder-page .builder-container .builder-config{background:#fff;border:1px solid #e5e5ea;border-radius:12px;flex:1;max-width:450px;padding:24px;overflow-y:auto;box-shadow:0 2px 8px #0000000a}.poster-builder-page .builder-container .builder-config .config-section{margin-bottom:32px}.poster-builder-page .builder-container .builder-config .config-section h3{color:#1d1d1f;border-bottom:1px solid #e5e5ea;align-items:center;gap:8px;margin:0 0 16px;padding-bottom:12px;font-size:16px;display:flex}.poster-builder-page .builder-container .builder-config .config-section .bg-selector .no-data{color:#86868b;text-align:center;background:#f5f5f7;border-radius:8px;padding:20px;font-size:13px}.poster-builder-page .builder-container .builder-config .config-section .bg-selector .bg-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.poster-builder-page .builder-container .builder-config .config-section .bg-selector .bg-grid .bg-item{cursor:pointer;border:2px solid #0000;border-radius:8px;transition:all .2s;position:relative;overflow:hidden}.poster-builder-page .builder-container .builder-config .config-section .bg-selector .bg-grid .bg-item img{object-fit:cover;width:100%;height:120px;display:block}.poster-builder-page .builder-container .builder-config .config-section .bg-selector .bg-grid .bg-item .bg-name{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#0009;padding:4px;font-size:12px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.poster-builder-page .builder-container .builder-config .config-section .bg-selector .bg-grid .bg-item.active{border-color:#0071e3;box-shadow:0 0 0 2px #0071e333}.poster-builder-page .builder-container .builder-config .config-section .bg-selector .bg-grid .bg-item:hover:not(.active){border-color:#d2d2d7}.poster-builder-page .builder-container .builder-config .config-section .form-group{margin-bottom:16px}.poster-builder-page .builder-container .builder-config .config-section .form-group label{color:#424245;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.poster-builder-page .builder-container .builder-config .config-section .form-group input,.poster-builder-page .builder-container .builder-config .config-section .form-group textarea{border:1px solid #d2d2d7;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.poster-builder-page .builder-container .builder-config .config-section .form-group input:focus,.poster-builder-page .builder-container .builder-config .config-section .form-group textarea:focus{border-color:#0071e3;outline:none;box-shadow:0 0 0 3px #0071e31a}.poster-builder-page .builder-container .builder-config .config-section .form-group .input-with-icon{position:relative}.poster-builder-page .builder-container .builder-config .config-section .form-group .input-with-icon svg{color:#86868b;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.poster-builder-page .builder-container .builder-config .config-section .form-group .input-with-icon input{padding-left:36px}.poster-builder-page .builder-container .builder-config .config-section .form-group .input-with-action{align-items:center;display:flex;position:relative}.poster-builder-page .builder-container .builder-config .config-section .form-group .input-with-action .input-icon{color:#86868b;z-index:1;position:absolute;left:12px}.poster-builder-page .builder-container .builder-config .config-section .form-group .input-with-action input{border-top-right-radius:0;border-bottom-right-radius:0;padding-left:36px}.poster-builder-page .builder-container .builder-config .config-section .form-group .input-with-action .add-btn{color:#fff;cursor:pointer;background:#0071e3;border:none;border-top-right-radius:8px;border-bottom-right-radius:8px;justify-content:center;align-items:center;height:40px;padding:0 16px;transition:background .2s;display:flex}.poster-builder-page .builder-container .builder-config .config-section .form-group .input-with-action .add-btn:hover{background:#005bb5}.poster-builder-page .builder-container .builder-config .config-section .form-group .employee-tags{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.poster-builder-page .builder-container .builder-config .config-section .form-group .employee-tags .employee-tag{color:#1d1d1f;background:#f0f0f5;border-radius:16px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;display:inline-flex}.poster-builder-page .builder-container .builder-config .config-section .form-group .employee-tags .employee-tag button{color:#86868b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.poster-builder-page .builder-container .builder-config .config-section .form-group .employee-tags .employee-tag button:hover{color:#ff3b30}.poster-builder-page .builder-container .builder-config .config-section .employee-edit-list{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.poster-builder-page .builder-container .builder-config .config-section .employee-edit-list .employee-edit-card{background:#f5f5f7;border:1px solid #e5e5ea;border-radius:8px;padding:12px}.poster-builder-page .builder-container .builder-config .config-section .employee-edit-list .employee-edit-card .employee-edit-header{color:#424245;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.poster-builder-page .builder-container .builder-config .config-section .employee-edit-list .employee-edit-card .employee-edit-header button{color:#86868b;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.poster-builder-page .builder-container .builder-config .config-section .employee-edit-list .employee-edit-card .employee-edit-header button:hover{color:#ff3b30;background:#ff3b301a}.poster-builder-page .builder-container .builder-config .config-section .employee-edit-list .employee-edit-card .employee-edit-inputs{flex-direction:column;gap:8px;display:flex}.poster-builder-page .builder-container .builder-config .config-section .employee-edit-list .employee-edit-card .employee-edit-inputs input{border:1px solid #d2d2d7;border-radius:6px;width:100%;padding:8px 10px;font-size:13px}.poster-builder-page .builder-container .builder-config .config-section .employee-edit-list .employee-edit-card .employee-edit-inputs input:focus{border-color:#0071e3;outline:none;box-shadow:0 0 0 2px #0071e31a}.poster-builder-page .builder-container .builder-config .config-section .form-row{gap:12px;display:flex}.poster-builder-page .builder-container .builder-config .config-section .form-row .form-group.half{flex:1}.poster-builder-page .builder-container .builder-preview-wrapper{background-color:#fff;background-image:linear-gradient(45deg,#f5f5f7 25%,#0000 25%),linear-gradient(-45deg,#f5f5f7 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f5f5f7 75%),linear-gradient(-45deg,#0000 75%,#f5f5f7 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat;background-size:20px 20px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #e5e5ea;border-radius:12px;flex:2;justify-content:center;align-items:center;padding:24px;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000a}.poster-builder-page .builder-container .builder-preview-wrapper .preview-container{transform-origin:50%;background:#000;border-radius:0;width:360px;height:640px;overflow:hidden;box-shadow:0 12px 32px #00000026}.poster-builder-page .builder-container .builder-preview-wrapper .preview-container .poster-canvas{pointer-events:none;background-position:50%;background-size:cover;width:100%;height:100%;position:relative}.poster-builder-page .builder-container .builder-preview-wrapper .preview-container .poster-canvas .poster-overlay{background:linear-gradient(#0000 60%,#0006 100%);flex-direction:column;justify-content:space-between;padding:40px 30px;display:flex;position:absolute;inset:0}.poster-builder-page .builder-container .builder-preview-wrapper .preview-container .poster-canvas .poster-overlay .poster-header{text-align:center}.poster-builder-page .builder-container .builder-preview-wrapper .preview-container .poster-canvas .poster-overlay .poster-header .poster-title{color:gold;text-shadow:0 4px 8px #0009,0 0 20px #ffd70066;letter-spacing:2px;white-space:pre-wrap;margin:0;font-size:42px;font-weight:800;line-height:1.2}.poster-builder-page .builder-container .builder-preview-wrapper .preview-container .poster-canvas .poster-overlay .poster-body{flex-direction:column;flex:1;justify-content:flex-end;margin-bottom:20px;display:flex}.poster-builder-page .builder-container .builder-preview-wrapper .preview-container .poster-canvas .poster-overlay .poster-body .employee-info{margin-bottom:30px}.poster-builder-page .builder-container .builder-preview-wrapper .preview-container .poster-canvas .poster-overlay .poster-body .employee-info .store-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:20px;align-items:center;gap:4px;margin-bottom:12px;padding:4px 12px;font-size:13px;display:inline-flex}.poster-builder-page .builder-container .builder-preview-wrapper .preview-container .poster-canvas .poster-overlay .poster-body .employee-info .employee-name-container{color:#fff;margin:0 0 16px}.poster-builder-page .builder-container .builder-preview-wrapper .preview-container .poster-canvas .poster-overlay .poster-body .employee-info .employee-name-container .employee-card{flex-direction:column;gap:4px;display:flex}.poster-builder-page .builder-container .builder-preview-wrapper .preview-container .poster-canvas .poster-overlay .poster-body .employee-info .employee-name-container .emp-title-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:gold;white-space:nowrap;background:linear-gradient(135deg,#ffd70033,#ff8c0033);border:1px solid #ffd7004d;border-radius:4px;align-self:flex-start;padding:2px 8px;font-size:13px;font-weight:500;display:inline-block}.poster-builder-page .builder-container .builder-preview-wrapper .preview-container .poster-canvas .poster-overlay .poster-body .employee-info .employee-name-container .emp-reward-badge{color:gold;white-space:nowrap;font-size:14px;font-weight:600;display:inline-block}.poster-builder-page .builder-container .builder-preview-wrapper .preview-container .poster-canvas .poster-overlay .poster-body .employee-info .employee-name-container.single-employee .employee-card{align-items:flex-start}.poster-builder-page .builder-container .builder-preview-wrapper .preview-container .poster-canvas .poster-overlay .poster-body .employee-info .employee-name-container.single-employee .emp-name{letter-spacing:1px;font-size:48px;font-weight:800;line-height:1.2}.poster-builder-page .builder-container .builder-preview-wrapper .preview-container .poster-canvas .poster-overlay .poster-body .employee-info .employee-name-container.single-employee .emp-title-badge{padding:4px 12px;font-size:16px}.poster-builder-page .builder-container .builder-preview-wrapper .preview-container .poster-canvas .poster-overlay .poster-body .employee-info .employee-name-container.single-employee .emp-reward-badge{font-size:18px}.poster-builder-page .builder-container .builder-preview-wrapper .preview-container .poster-canvas .poster-overlay .poster-body .employee-info .employee-name-container.few-employees{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.poster-builder-page .builder-container .builder-preview-wrapper .preview-container .poster-canvas .poster-overlay .poster-body .employee-info .employee-name-container.few-employees .emp-name{font-size:28px;font-weight:700;line-height:1.3}.poster-builder-page .builder-container .builder-preview-wrapper .preview-container .poster-canvas .poster-overlay .poster-body .employee-info .employee-name-container.many-employees{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.poster-builder-page .builder-container .builder-preview-wrapper .preview-container .poster-canvas .poster-overlay .poster-body .employee-info .employee-name-container.many-employees .emp-name{font-size:20px;font-weight:700;line-height:1.3}.poster-builder-page .builder-container .builder-preview-wrapper .preview-container .poster-canvas .poster-overlay .poster-body .employee-info .employee-name-container.many-employees .emp-title-badge{padding:2px 6px;font-size:11px}.poster-builder-page .builder-container .builder-preview-wrapper .preview-container .poster-canvas .poster-overlay .poster-body .employee-info .employee-name-container.many-employees .emp-reward-badge{font-size:12px}.poster-builder-page .builder-container .builder-preview-wrapper .preview-container .poster-canvas .poster-overlay .poster-body .employee-info .congrats-text{color:#e5e5ea;margin:0;font-size:18px}.poster-builder-page .builder-container .builder-preview-wrapper .preview-container .poster-canvas .poster-overlay .poster-body .achievement-box,.poster-builder-page .builder-container .builder-preview-wrapper .preview-container .poster-canvas .poster-overlay .poster-body .reward-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;margin-bottom:16px;padding:16px}.poster-builder-page .builder-container .builder-preview-wrapper .preview-container .poster-canvas .poster-overlay .poster-body .achievement-box .achievement-label,.poster-builder-page .builder-container .builder-preview-wrapper .preview-container .poster-canvas .poster-overlay .poster-body .achievement-box .reward-label,.poster-builder-page .builder-container .builder-preview-wrapper .preview-container .poster-canvas .poster-overlay .poster-body .reward-box .achievement-label,.poster-builder-page .builder-container .builder-preview-wrapper .preview-container .poster-canvas .poster-overlay .poster-body .reward-box .reward-label{color:gold;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:13px;font-weight:600}.poster-builder-page .builder-container .builder-preview-wrapper .preview-container .poster-canvas .poster-overlay .poster-body .achievement-box .achievement-value,.poster-builder-page .builder-container .builder-preview-wrapper .preview-container .poster-canvas .poster-overlay .poster-body .achievement-box .reward-value,.poster-builder-page .builder-container .builder-preview-wrapper .preview-container .poster-canvas .poster-overlay .poster-body .reward-box .achievement-value,.poster-builder-page .builder-container .builder-preview-wrapper .preview-container .poster-canvas .poster-overlay .poster-body .reward-box .reward-value{color:#fff;font-size:20px;font-weight:600;line-height:1.4}.poster-builder-page .builder-container .builder-preview-wrapper .preview-container .poster-canvas .poster-overlay .poster-body .reward-box{background:linear-gradient(135deg,#ffd7001a 0%,#ff45001a 100%);border-color:#ffd7004d}.poster-builder-page .builder-container .builder-preview-wrapper .preview-container .poster-canvas .poster-overlay .poster-footer{border-top:1px solid #fff3;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.poster-builder-page .builder-container .builder-preview-wrapper .preview-container .poster-canvas .poster-overlay .poster-footer .company-logo{letter-spacing:1px;color:#fffc;font-size:14px;font-weight:600}.poster-builder-page .builder-container .builder-preview-wrapper .preview-container .poster-canvas .poster-overlay .poster-footer .timestamp{color:#fff9;font-size:12px}.data-table-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.data-table-container .tbl-wrap{overflow-x:auto}.data-table-container .tbl{border-collapse:collapse;width:100%;font-size:14px}.data-table-container .tbl th,.data-table-container .tbl td{text-align:left;white-space:nowrap;border-bottom:1px solid #f0f0f0;padding:12px 16px}.data-table-container .tbl th{color:#374151;background-color:#fafafa;font-weight:600}.data-table-container .tbl th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table-container .tbl th.sortable:hover{background-color:#f0f0f0}.data-table-container .tbl th .th-content{align-items:center;gap:4px;display:flex}.data-table-container .tbl th .sort-indicator{color:#1890ff}.data-table-container .tbl td{color:#4b5563}.data-table-container .tbl tbody tr:hover{background-color:#f9fafb}.data-table-container .tbl .empty-state{text-align:center;color:#9ca3af;padding:40px}.data-table-container .pagination{color:#6b7280;background-color:#fff;border-top:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:16px;font-size:14px;display:flex}.data-table-container .pagination .pagination-controls{align-items:center;gap:8px;display:flex}.data-table-container .pagination .pagination-controls .page-size-selector{color:#333;cursor:pointer;background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;outline:none;margin-right:8px;padding:4px 8px}.data-table-container .pagination .pagination-controls .page-size-selector:hover{border-color:#1890ff}.data-table-container .pagination .pagination-controls button{cursor:pointer;color:#333;background:#fff;border:1px solid #d9d9d9;border-radius:4px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 8px;transition:all .3s;display:inline-flex}.data-table-container .pagination .pagination-controls button:disabled{opacity:.5;cursor:not-allowed;color:#bfbfbf;background:#f5f5f5}.data-table-container .pagination .pagination-controls button:not(:disabled):hover{color:#1890ff;border-color:#1890ff}.data-table-container .pagination .pagination-controls button.active{color:#fff;background:#1890ff;border-color:#1890ff}.data-table-container .pagination .pagination-controls .pagination-ellipsis{color:#bfbfbf;letter-spacing:2px}.data-table-container .pagination .pagination-controls .pagination-jump{color:#666;margin-left:8px}.data-table-container .pagination .pagination-controls .pagination-jump input{text-align:center;border:1px solid #d9d9d9;border-radius:4px;outline:none;width:50px;height:32px;margin:0 8px;padding:0 8px;transition:border-color .3s}.data-table-container .pagination .pagination-controls .pagination-jump input:focus,.data-table-container .pagination .pagination-controls .pagination-jump input:hover{border-color:#1890ff}.custom-multi-select{width:100%;font-size:14px;position:relative}.custom-multi-select .select-trigger{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;min-height:42px;padding:6px 36px 6px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.custom-multi-select .select-trigger:hover{border-color:#9ca3af}.custom-multi-select .select-trigger.open{border-color:#0071e3;box-shadow:0 0 0 3px #0071e326}.custom-multi-select .select-trigger .chevron{color:#9ca3af;transition:transform .3s;position:absolute;right:12px}.custom-multi-select .select-trigger.open .chevron{color:#0071e3;transform:rotate(180deg)}.custom-multi-select .select-trigger .selected-tags{flex-wrap:wrap;gap:6px;width:100%;display:flex}.custom-multi-select .select-trigger .selected-tags .placeholder{color:#9ca3af;padding:4px 0}.custom-multi-select .select-trigger .selected-tags .tag{color:#1d1d1f;background:#f5f5f7;border:1px solid #e5e5ea;border-radius:6px;align-items:center;max-width:100%;padding:2px 8px;font-size:13px;font-weight:500;display:inline-flex}.custom-multi-select .select-trigger .selected-tags .tag .tag-text{white-space:nowrap;text-overflow:ellipsis;max-width:80px;overflow:hidden}.custom-multi-select .select-trigger .selected-tags .tag.tag-count{color:#1890ff;background:#eef0f3;border-color:#d1d5db;padding:2px 6px}.custom-multi-select .select-trigger .selected-tags .tag .tag-close{color:#86868b;cursor:pointer;background:0 0;border:none;border-radius:4px;margin-left:6px;padding:0 2px;font-size:14px;line-height:1;transition:all .15s}.custom-multi-select .select-trigger .selected-tags .tag .tag-close:hover{color:#ef4444;background:#ffeceb}.custom-multi-select .select-dropdown{z-index:1000;transform-origin:top;background:#fff;border:1px solid #e5e5ea;border-radius:10px;width:100%;animation:.2s ease-out forwards dropdownFadeIn;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 10px 30px #0000001a}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-5px)scaleY(.95)}to{opacity:1;transform:translateY(0)scaleY(1)}}.custom-multi-select .select-dropdown .search-box{background:#fff;border-bottom:1px solid #f0f0f0;align-items:center;padding:10px 12px;display:flex;position:relative}.custom-multi-select .select-dropdown .search-box .search-icon{color:#8f959e;pointer-events:none;z-index:2;position:absolute;left:22px}.custom-multi-select .select-dropdown .search-box input{box-sizing:border-box!important;color:#1f2329!important;background:#f4f5f7!important;border:none!important;border-radius:6px!important;outline:none!important;width:100%!important;margin:0!important;padding:8px 12px 8px 34px!important;font-size:14px!important;transition:all .2s!important}.custom-multi-select .select-dropdown .search-box input::placeholder{color:#8f959e}.custom-multi-select .select-dropdown .search-box input:focus{background:#eef0f3!important}.custom-multi-select .select-dropdown .options-list{max-height:240px;padding:8px 0;overflow-y:auto}.custom-multi-select .select-dropdown .options-list::-webkit-scrollbar{width:6px}.custom-multi-select .select-dropdown .options-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.custom-multi-select .select-dropdown .options-list::-webkit-scrollbar-track{background:0 0}.custom-multi-select .select-dropdown .options-list .no-options{text-align:center;color:#86868b;padding:16px;font-size:13px}.custom-multi-select .select-dropdown .options-list .option-item{cursor:pointer;align-items:center;gap:12px;padding:10px 16px;transition:background .15s;display:flex}.custom-multi-select .select-dropdown .options-list .option-item:hover{background:#f5f5f7}.custom-multi-select .select-dropdown .options-list .option-item.selected{color:#0071e3;background:#e1f0ff;font-weight:500}.custom-multi-select .select-dropdown .options-list .option-item .checkbox{background:#fff;border:1.5px solid #d1d5db;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.custom-multi-select .select-dropdown .options-list .option-item .checkbox.checked{color:#fff;background:#0071e3;border-color:#0071e3}.settings-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.settings-modal-overlay .settings-modal{background:#fff;border-radius:12px;width:480px;overflow:hidden;box-shadow:0 10px 25px #0003}.settings-modal-overlay .settings-modal .modal-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.settings-modal-overlay .settings-modal .modal-header h2{color:#1f2937;margin:0;font-size:18px}.settings-modal-overlay .settings-modal .modal-header .close-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.settings-modal-overlay .settings-modal .modal-header .close-btn:hover{color:#4b5563;background-color:#f3f4f6}.settings-modal-overlay .settings-modal .modal-body{flex-direction:column;gap:20px;padding:24px;display:flex}.settings-modal-overlay .settings-modal .modal-body .form-group{flex-direction:column;gap:8px;display:flex}.settings-modal-overlay .settings-modal .modal-body .form-group label{color:#374151;font-size:14px;font-weight:500}.settings-modal-overlay .settings-modal .modal-body .form-group input{border:1px solid #d1d5db;border-radius:6px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .2s}.settings-modal-overlay .settings-modal .modal-body .form-group input:focus{border-color:#1890ff}.settings-modal-overlay .settings-modal .modal-body .form-group small{color:#6b7280;font-size:12px}.settings-modal-overlay .settings-modal .modal-footer{background-color:#f9fafb;border-top:1px solid #f0f0f0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.settings-modal-overlay .settings-modal .modal-footer button{cursor:pointer;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:opacity .2s}.settings-modal-overlay .settings-modal .modal-footer button:hover{opacity:.8}.settings-modal-overlay .settings-modal .modal-footer button.btn-cancel{color:#374151;background:#fff;border:1px solid #d1d5db}.settings-modal-overlay .settings-modal .modal-footer button.btn-confirm{color:#fff;background:#1890ff;border:none}.data-analysis-page{background-color:#f5f7fa;min-height:100vh;padding:24px}.data-analysis-page .page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.data-analysis-page .page-header h1{color:#1f2937;margin:0;font-size:24px}.data-analysis-page .page-header .header-actions{gap:12px;display:flex}.data-analysis-page .page-header .header-actions .btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-weight:500;transition:opacity .2s;display:flex}.data-analysis-page .page-header .header-actions .btn:hover{opacity:.8}.data-analysis-page .page-header .header-actions .btn.btn-secondary{color:#374151;background-color:#e5e7eb}.data-analysis-page .page-header .header-actions .btn.btn-danger{color:#dc2626;background-color:#fee2e2}.data-analysis-page .analysis-content{flex-direction:column;gap:24px;display:flex}.data-analysis-page .card{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000d}.data-analysis-page .card h3{color:#374151;margin-top:0;margin-bottom:16px}.data-analysis-page .card .global-filter-bar .filter-item{align-items:center;gap:12px;display:flex}.data-analysis-page .card .global-filter-bar .filter-label{color:#4b5563;font-size:14px;font-weight:500}.data-analysis-page .card .global-filter-bar .enterprise-date-picker{background-color:#fff;border:1px solid #d9d9d9;border-radius:6px;align-items:center;padding:4px 12px;transition:all .3s cubic-bezier(.645,.045,.355,1);display:inline-flex}.data-analysis-page .card .global-filter-bar .enterprise-date-picker:hover{border-color:#40a9ff}.data-analysis-page .card .global-filter-bar .enterprise-date-picker:focus-within{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.data-analysis-page .card .global-filter-bar .enterprise-date-picker input[type=date]{color:#333;cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit;font-size:14px}.data-analysis-page .card .global-filter-bar .enterprise-date-picker input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;transition:opacity .2s}.data-analysis-page .card .global-filter-bar .enterprise-date-picker input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.data-analysis-page .card .global-filter-bar .enterprise-date-picker .separator{color:#bfbfbf;-webkit-user-select:none;user-select:none;margin:0 8px}.data-analysis-page .stats-section{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.data-analysis-page .stats-section .stat-card{background-color:#fff;border-left:4px solid #1890ff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000d}.data-analysis-page .stats-section .stat-card .stat-title{color:#6b7280;margin-bottom:8px;font-size:14px}.data-analysis-page .stats-section .stat-card .stat-value{color:#111827;font-size:24px;font-weight:700}.data-analysis-page .level-badge{text-align:center;border-radius:4px;min-width:24px;padding:2px 8px;font-size:12px;font-weight:600;line-height:1.5;display:inline-block}.data-analysis-page .level-badge.badge-y{color:#eb2f96;background-color:#fff0f6;border:1px solid #ffadd2}.data-analysis-page .level-badge.badge-s{color:#fa541c;background-color:#fff2e8;border:1px solid #ffbb96}.data-analysis-page .level-badge.badge-a{color:#1890ff;background-color:#e6f7ff;border:1px solid #91d5ff}.data-analysis-page .level-badge.badge-b{color:#52c41a;background-color:#f6ffed;border:1px solid #b7eb8f}.data-analysis-page .level-badge.badge-unknown{color:#8c8c8c;background-color:#f5f5f5;border:1px solid #d9d9d9}.marketing-calendar-container{box-sizing:border-box;background:#f5f5f7;flex-direction:column;height:100%;padding:24px 32px;display:flex;overflow:hidden}.marketing-calendar-container .mc-header{flex-shrink:0;justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.marketing-calendar-container .mc-header .mc-title h1{color:#1d1d1f;letter-spacing:-.5px;margin:0 0 8px;font-size:28px;font-weight:600}.marketing-calendar-container .mc-header .mc-title p{color:#86868b;margin:0;font-size:14px}.marketing-calendar-container .mc-header .mc-actions{align-items:center;gap:12px;display:flex}.marketing-calendar-container .mc-header .mc-actions .mc-month-selector{background:#fff;border:1px solid #e5e5ea;border-radius:8px;align-items:center;padding:4px;display:flex;box-shadow:0 2px 8px #0000000a}.marketing-calendar-container .mc-header .mc-actions .mc-month-selector button{cursor:pointer;color:#1d1d1f;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:flex}.marketing-calendar-container .mc-header .mc-actions .mc-month-selector button:hover{background:#f5f5f7}.marketing-calendar-container .mc-header .mc-actions .mc-month-selector span{text-align:center;color:#1d1d1f;min-width:100px;font-size:15px;font-weight:600}.marketing-calendar-container .mc-header .mc-actions .btn-primary{color:#fff;cursor:pointer;background:#0071e3;border:none;border-radius:8px;align-items:center;gap:8px;height:40px;padding:0 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 4px 12px #0071e333}.marketing-calendar-container .mc-header .mc-actions .btn-primary:hover{background:#0077ed;transform:translateY(-1px)}.marketing-calendar-container .mc-grid{background:#fff;border:1px solid #e5e5ea;border-radius:16px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 4px 24px #0000000a}.marketing-calendar-container .mc-grid .mc-grid-header{background:#fafafa;border-bottom:1px solid #e5e5ea;grid-template-columns:repeat(7,1fr);display:grid}.marketing-calendar-container .mc-grid .mc-grid-header .mc-weekday{text-align:center;color:#86868b;text-transform:uppercase;padding:12px;font-size:13px;font-weight:600}.marketing-calendar-container .mc-grid .mc-grid-body{flex:1;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(7,1fr);display:grid}.marketing-calendar-container .mc-grid .mc-grid-body .mc-day{cursor:pointer;border-bottom:1px solid #f5f5f7;border-right:1px solid #f5f5f7;min-height:100px;padding:8px;transition:background .2s;position:relative;overflow-y:auto}.marketing-calendar-container .mc-grid .mc-grid-body .mc-day:nth-child(7n){border-right:none}.marketing-calendar-container .mc-grid .mc-grid-body .mc-day:hover{background:#fcfcfd}.marketing-calendar-container .mc-grid .mc-grid-body .mc-day:hover .mc-add-btn{opacity:1}.marketing-calendar-container .mc-grid .mc-grid-body .mc-day.other-month{background:#fafafa}.marketing-calendar-container .mc-grid .mc-grid-body .mc-day.other-month .mc-date-num{color:#d2d2d7}.marketing-calendar-container .mc-grid .mc-grid-body .mc-day.today .mc-date-num{color:#fff;background:#0071e3;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-top:-4px;margin-left:-4px;display:flex}.marketing-calendar-container .mc-grid .mc-grid-body .mc-day .mc-date-num{color:#1d1d1f;margin-bottom:8px;font-size:14px;font-weight:600}.marketing-calendar-container .mc-grid .mc-grid-body .mc-day .mc-events{flex-direction:column;gap:4px;display:flex}.marketing-calendar-container .mc-grid .mc-grid-body .mc-day .mc-events .mc-event-pill{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500;transition:opacity .2s;overflow:hidden}.marketing-calendar-container .mc-grid .mc-grid-body .mc-day .mc-events .mc-event-pill:hover{opacity:.8}.marketing-calendar-container .mc-grid .mc-grid-body .mc-day .mc-events .mc-event-pill.is-aggregated{text-align:center;font-weight:600;color:#64748b!important;box-shadow:none!important;background:#f1f5f9!important;border:1px dashed #cbd5e1!important}.marketing-calendar-container .mc-grid .mc-grid-body .mc-day .mc-events .mc-event-pill.is-aggregated:hover{color:#475569;background:#e2e8f0!important;border-color:#94a3b8!important}.marketing-calendar-container .mc-grid .mc-grid-body .mc-day .mc-events .mc-event-pill .tier-badge{margin-right:4px;font-weight:800;display:inline-block}.marketing-calendar-container .mc-grid .mc-grid-body .mc-day .mc-add-btn{opacity:0;color:#0071e3;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.marketing-calendar-container .mc-grid .mc-grid-body .mc-day .mc-add-btn:hover{background:#0071e31a}.mc-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0006;justify-content:flex-end;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.mc-drawer{background:#fff;flex-direction:column;width:760px;max-width:100vw;height:100%;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;display:flex;box-shadow:-8px 0 32px #0000001a}.mc-drawer .drawer-header{border-bottom:1px solid #e5e5ea;padding:24px 32px 16px}.mc-drawer .drawer-header .drawer-top{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.mc-drawer .drawer-header .drawer-top h2{color:#1d1d1f;margin:0;font-size:22px}.mc-drawer .drawer-header .drawer-top h2 input{color:#1d1d1f;border:none;border-bottom:2px dashed #e5e5ea;outline:none;width:400px;padding:4px 0;font-size:22px;font-weight:600}.mc-drawer .drawer-header .drawer-top h2 input:focus{border-bottom-color:#0071e3}.mc-drawer .drawer-header .drawer-top .close-btn{cursor:pointer;color:#86868b;background:#f5f5f7;border:none;border-radius:16px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mc-drawer .drawer-header .drawer-top .close-btn:hover{color:#1d1d1f;background:#e5e5ea}.mc-drawer .drawer-header .drawer-tabs{white-space:nowrap;gap:24px;padding-bottom:2px;display:flex;overflow-x:auto}.mc-drawer .drawer-header .drawer-tabs button{color:#86868b;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:8px 0;font-size:15px;font-weight:500;position:relative}.mc-drawer .drawer-header .drawer-tabs button.active{color:#1d1d1f;font-weight:600}.mc-drawer .drawer-header .drawer-tabs button.active:after{content:"";background:#1d1d1f;height:2px;position:absolute;bottom:-17px;left:0;right:0}.mc-drawer .drawer-body{background:#fafafa;flex:1;padding:32px;overflow-y:auto}.mc-drawer .drawer-body .form-group{margin-bottom:24px}.mc-drawer .drawer-body .form-group label{color:#86868b;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.mc-drawer .drawer-body .form-group input[type=text],.mc-drawer .drawer-body .form-group input[type=date],.mc-drawer .drawer-body .form-group select,.mc-drawer .drawer-body .form-group textarea,.mc-drawer .drawer-body .form-group input[type=number]{color:#1d1d1f;box-sizing:border-box;background:#fff;border:1px solid #e5e5ea;border-radius:8px;outline:none;width:100%;padding:12px;font-size:14px;transition:border-color .2s}.mc-drawer .drawer-body .form-group input[type=text]:focus,.mc-drawer .drawer-body .form-group input[type=date]:focus,.mc-drawer .drawer-body .form-group select:focus,.mc-drawer .drawer-body .form-group textarea:focus,.mc-drawer .drawer-body .form-group input[type=number]:focus{border-color:#0071e3;box-shadow:0 0 0 3px #0071e31a}.mc-drawer .drawer-body .form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.mc-drawer .drawer-body .material-zone{background:#fff;border:1px solid #e5e5ea;border-radius:12px;margin-bottom:16px;padding:20px}.mc-drawer .drawer-body .material-zone .zone-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.mc-drawer .drawer-body .material-zone .zone-header h4{color:#1d1d1f;margin:0;font-size:15px}.mc-drawer .drawer-body .material-zone .zone-header .upload-btn{color:#1d1d1f;cursor:pointer;background:#f5f5f7;border:1px solid #e5e5ea;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.mc-drawer .drawer-body .material-zone .zone-header .upload-btn:hover{background:#e5e5ea}.mc-drawer .drawer-body .material-zone .material-list{flex-direction:column;gap:8px;display:flex}.mc-drawer .drawer-body .material-zone .material-list .material-item{background:#fcfcfd;border:1px dashed #e5e5ea;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.mc-drawer .drawer-body .material-zone .material-list .material-item .file-info{color:#1d1d1f;align-items:center;gap:8px;font-size:13px;display:flex}.mc-drawer .drawer-body .material-zone .material-list .material-item .file-actions button{color:#ff3b30;cursor:pointer;background:0 0;border:none;padding:4px}.mc-drawer .drawer-body .task-list{flex-direction:column;gap:12px;display:flex}.mc-drawer .drawer-body .task-list .task-item{background:#fcfcfd;border:1px solid #e5e5ea;border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.mc-drawer .drawer-body .task-list .task-item .task-header{align-items:center;gap:12px;display:flex}.mc-drawer .drawer-body .task-list .task-item .task-header .task-title{background:0 0;border:1px solid #0000;border-radius:4px;flex:1;padding:4px 8px;font-size:15px}.mc-drawer .drawer-body .task-list .task-item .task-header .task-title:enabled:focus{background:#fff;border-color:#0071e3}.mc-drawer .drawer-body .task-list .task-item .task-header .task-due{color:#86868b;align-items:center;gap:4px;font-size:13px;display:flex}.mc-drawer .drawer-body .task-list .task-item .task-header .task-due input{color:#1d1d1f;border:1px solid #e5e5ea;border-radius:4px;padding:2px 4px;font-size:12px}.mc-drawer .drawer-body .task-list .task-item .task-header .task-due input:disabled{background:0 0;border-color:#0000}.mc-drawer .drawer-body .task-list .task-item .task-tags{align-items:center;gap:8px;display:flex}.mc-drawer .drawer-body .task-list .task-item .task-tags input.tag-input{border:1px dashed #c7c7cc;border-radius:4px;width:100px;padding:2px 6px;font-size:12px}.mc-drawer .drawer-body .task-list .task-item .task-tags .tag{color:#1d1d1f;background:#e5e5ea;border-radius:12px;padding:2px 8px;font-size:12px}.mc-drawer .drawer-body .task-list .task-item .task-execution-area{border-top:1px dashed #e5e5ea;margin-top:8px;padding-top:12px}.mc-drawer .drawer-body .task-list .task-item .task-execution-area .hq-stats{color:#1d1d1f;font-size:13px;font-weight:500}.mc-drawer .drawer-body .task-list .task-item .task-execution-area .exec-list{flex-direction:column;gap:8px;margin-top:12px;display:flex}.mc-drawer .drawer-body .task-list .task-item .task-execution-area .exec-list .exec-row{background:#fff;border:1px solid #e5e5ea;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;display:flex}.mc-drawer .drawer-body .task-list .task-item .task-execution-area .exec-list .exec-row .proof-link{color:#0071e3;cursor:pointer;text-decoration:underline}.mc-drawer .drawer-body .task-list .task-item .task-execution-area .exec-list .exec-row .badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:600}.mc-drawer .drawer-body .task-list .task-item .task-execution-area .exec-list .exec-row .badge.submitted{color:#ff9500;background:#fff5eb}.mc-drawer .drawer-body .task-list .task-item .task-execution-area .exec-list .exec-row .badge.approved{color:#34c759;background:#e3f9e5}.mc-drawer .drawer-body .task-list .task-item .task-execution-area .exec-list .exec-row .badge.rejected{color:#ff3b30;background:#ffebee}.mc-drawer .drawer-body .task-list .task-item .task-execution-area .exec-list .exec-row .badge.overdue{color:#ff3b30;background:#ffebee;border:1px solid #ff3b30}.mc-drawer .drawer-body .task-list .task-item .task-execution-area .store-action{align-items:center;gap:16px;display:flex}.mc-drawer .drawer-body .task-list .task-item .task-execution-area .store-action .upload-proof-btn{color:#fff;cursor:pointer;background:#0071e3;border:none;border-radius:4px;padding:6px 12px;font-size:13px}.mc-drawer .drawer-footer{border-top:1px solid #e5e5ea;justify-content:flex-end;gap:12px;padding:16px 32px;display:flex}.mc-drawer .drawer-footer button{cursor:pointer;border-radius:8px;height:40px;padding:0 20px;font-size:14px;font-weight:500}.mc-drawer .drawer-footer button.btn-cancel{color:#1d1d1f;background:#fff;border:1px solid #d2d2d7}.mc-drawer .drawer-footer button.btn-cancel:hover{background:#f5f5f7}.mc-drawer .drawer-footer button.btn-save{color:#fff;background:#0071e3;border:none}.mc-drawer .drawer-footer button.btn-save:hover{background:#0077ed}.mc-filter-toggle{background:#e5e5ea;border-radius:8px;padding:4px;display:flex}.mc-filter-toggle button{color:#86868b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500}.mc-filter-toggle button.active{color:#1d1d1f;background:#fff;box-shadow:0 1px 4px #0000001a}.owner-badge{background:#fff3;border-radius:4px;margin-right:4px;padding:2px 4px;font-size:10px}.mc-event-pill.is-store{box-shadow:inset 0 0 0 1px}.sop-list{flex-direction:column;gap:16px;margin-top:16px;display:flex}.sop-card{background:#fff;border:1px solid #e5e5ea;border-radius:8px;padding:16px}.sop-card .sop-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sop-card .sop-header .sop-title-input{background:0 0;border:none;outline:none;flex:1;font-size:15px;font-weight:600}.sop-card .sop-header .copy-btn{cursor:pointer;background:#f5f5f7;border:1px solid #e5e5ea;border-radius:6px;margin-right:8px;padding:4px 10px;font-size:12px}.sop-card .sop-header .del-btn{color:#ff3b30;cursor:pointer;background:0 0;border:none}.sop-card .sop-textarea{resize:vertical;border:1px solid #e5e5ea;border-radius:6px;outline:none;width:100%;padding:8px;font-size:14px}.execution-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.execution-header .primary-upload{color:#fff!important;background:#0071e3!important;border:none!important}.execution-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.execution-grid .execution-card{background:#fff;border:1px solid #e5e5ea;border-radius:8px;overflow:hidden}.execution-grid .execution-card.is-best{border-color:#ff9500;box-shadow:0 0 0 1px #ff9500}.execution-grid .execution-card .exec-img{background:#f5f5f7;height:160px;position:relative}.execution-grid .execution-card .exec-img img{object-fit:cover;width:100%;height:100%}.execution-grid .execution-card .exec-img .best-badge{color:#fff;background:#ff9500;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:600;display:flex;position:absolute;top:8px;right:8px}.execution-grid .execution-card .exec-info{color:#86868b;justify-content:space-between;padding:12px;font-size:13px;display:flex}.execution-grid .execution-card .exec-info .store-name{color:#1d1d1f;font-weight:600}.execution-grid .execution-card .exec-actions{padding:0 12px 12px}.execution-grid .execution-card .exec-actions .btn-mark{color:#ff9500;cursor:pointer;background:#fff5e5;border:none;border-radius:4px;width:100%;padding:6px;font-weight:600}.execution-grid .execution-card .exec-actions .btn-unmark{color:#86868b;cursor:pointer;background:#f5f5f7;border:none;border-radius:4px;width:100%;padding:6px}.section-header-flex{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-header-flex .add-sop-btn{cursor:pointer;background:#f5f5f7;border:1px solid #e5e5ea;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500}.empty-state{color:#d2d2d7;text-align:center;border:1px dashed #e5e5ea;border-radius:8px;padding:24px 0;font-size:13px}.mc-aggregated-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#0006;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.mc-aggregated-modal-overlay .mc-aggregated-modal{background:#fff;border-radius:12px;flex-direction:column;width:480px;max-width:90vw;animation:.3s slideUp;display:flex;box-shadow:0 20px 40px #0000001a}.mc-aggregated-modal-overlay .mc-aggregated-modal .modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.mc-aggregated-modal-overlay .mc-aggregated-modal .modal-header h3{color:#0f172a;margin:0;font-size:16px}.mc-aggregated-modal-overlay .mc-aggregated-modal .modal-header .close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.mc-aggregated-modal-overlay .mc-aggregated-modal .modal-header .close-btn:hover{color:#0f172a;background:#f1f5f9}.mc-aggregated-modal-overlay .mc-aggregated-modal .modal-content{flex-direction:column;gap:12px;max-height:60vh;padding:16px 24px;display:flex;overflow-y:auto}.mc-aggregated-modal-overlay .mc-aggregated-modal .modal-content .mc-event-row{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;transition:all .2s}.mc-aggregated-modal-overlay .mc-aggregated-modal .modal-content .mc-event-row:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 8px #0000000d}.mc-aggregated-modal-overlay .mc-aggregated-modal .modal-content .mc-event-row .row-tags{align-items:center;gap:6px;margin-bottom:8px;display:flex}.mc-aggregated-modal-overlay .mc-aggregated-modal .modal-content .mc-event-row .row-tags .owner-badge{color:#475569;background:#e2e8f0;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.mc-aggregated-modal-overlay .mc-aggregated-modal .modal-content .mc-event-row .row-tags .tier-badge{border-radius:4px;padding:2px 6px;font-size:11px;display:inline-block}.mc-aggregated-modal-overlay .mc-aggregated-modal .modal-content .mc-event-row .row-title{color:#0f172a;font-size:14px;font-weight:500}.seating-module-wrapper{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.seating-module-wrapper .app-container{background:#fff;width:100%;height:100%;display:flex;overflow:hidden}.seating-module-wrapper .sidebar{z-index:10;background:#f5f5f7;border-right:1px solid #e5e5ea;flex-direction:column;gap:0;width:280px;padding:16px;display:flex;overflow:hidden;box-shadow:1px 0 6px #00000005}.seating-module-wrapper .sidebar h2{letter-spacing:-.3px;flex:1;margin:0;font-size:18px;font-weight:700;color:#1d1d1f!important}.seating-module-wrapper .sidebar-card{background:#fff;border:1px solid #e5e5ea;border-radius:12px;flex-direction:column;gap:12px;padding:14px;display:flex;box-shadow:0 1px 4px #00000005}.seating-module-wrapper .sidebar-group-title{color:#86868b;letter-spacing:.5px;text-transform:uppercase;margin-bottom:2px;font-size:12px;font-weight:700}.seating-module-wrapper .sidebar-collapse-btn{cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d2d2d7;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:600;transition:all .2s;color:#1d1d1f!important}.seating-module-wrapper .sidebar-collapse-btn:hover{background:#e5e5ea;border-color:#c6c6c8}.seating-module-wrapper .sidebar-expand-floating-btn{z-index:100;cursor:pointer;background:#fff;border:1px solid #d2d2d7;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .2s;position:absolute;top:16px;left:16px;box-shadow:0 4px 16px #00000014;color:#1d1d1f!important}.seating-module-wrapper .sidebar-expand-floating-btn:hover{color:#fff;background:#1d1d1f;border-color:#1d1d1f!important}.seating-module-wrapper .control-group{flex-direction:column;gap:6px;display:flex}.seating-module-wrapper .control-group label{font-size:13px;font-weight:600;color:#1d1d1f!important}.seating-module-wrapper .control-group input[type=number],.seating-module-wrapper .control-group select,.seating-module-wrapper .search-input{box-sizing:border-box;background:#fff;border:1px solid #d2d2d7;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-size:13px;transition:border-color .2s;color:#1d1d1f!important}.seating-module-wrapper .search-input:focus,.seating-module-wrapper select:focus,.seating-module-wrapper input:focus{border-color:#1d1d1f!important}.seating-module-wrapper .tip-text{color:#86868b;margin:0;font-size:12px}.seating-module-wrapper .info-panel{background:#fff;border:1px solid #e5e5ea;border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.seating-module-wrapper .info-panel h4{color:#1d1d1f;margin:0}.seating-module-wrapper .btn-primary{color:#fff;cursor:pointer;background:#1d1d1f;border:none;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .2s}.seating-module-wrapper .btn-secondary{cursor:pointer;background:#fff;border:1px solid #d2d2d7;border-radius:8px;flex:1;padding:9px 14px;font-size:13px;font-weight:600;transition:all .2s;color:#1d1d1f!important}.seating-module-wrapper .btn-small{flex:none;padding:5px 10px;font-size:12px}.seating-module-wrapper .btn-secondary:disabled{opacity:.4;cursor:not-allowed}.seating-module-wrapper .btn-text-link{cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:500;text-decoration:underline;color:#1d1d1f!important}.seating-module-wrapper .btn-primary:hover{opacity:.85}.seating-module-wrapper .btn-secondary:not(:disabled):hover{background:#e5e5ea}.seating-module-wrapper .btn-toggle{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#fff;border:1px solid #d2d2d7;border-radius:8px;justify-content:center;align-items:center;height:36px;padding:0 6px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;overflow:hidden;color:#1d1d1f!important}.seating-module-wrapper .canvas-area{cursor:grab;touch-action:none;flex:1;position:relative;overflow:hidden}.seating-module-wrapper .canvas-area:active{cursor:grabbing}.seating-module-wrapper .zoom-pan-container{position:absolute}.seating-module-wrapper .stage{letter-spacing:4px;color:#86868b;z-index:5;pointer-events:none;background:#fff;border:2px solid #d2d2d7;border-radius:12px;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex;position:absolute;box-shadow:0 4px 12px #00000008}.seating-module-wrapper .stage.pos-top{width:60%;height:60px;top:4%;left:50%;transform:translate(-50%)}.seating-module-wrapper .stage.pos-bottom{width:60%;height:60px;bottom:4%;left:50%;transform:translate(-50%)}.seating-module-wrapper .stage.pos-left{writing-mode:vertical-rl;width:60px;height:60%;top:50%;left:4%;transform:translateY(-50%)}.seating-module-wrapper .stage.pos-right{writing-mode:vertical-rl;width:60px;height:60%;top:50%;right:4%;transform:translateY(-50%)}.seating-module-wrapper .stage.pos-center{border-radius:60px;width:120px;height:120px;top:50%;left:50%;transform:translate(-50%,-50%)}.seating-module-wrapper .builder-container{width:100%;height:100%;position:absolute}.seating-module-wrapper .builder-block{color:#0071e3;cursor:move;-webkit-user-select:none;user-select:none;background:#0071e31a;border:2px dashed #0071e3;justify-content:center;align-items:center;font-size:16px;font-weight:700;transition:box-shadow .2s;display:flex;position:absolute;transform:translate(-50%,-50%)}.seating-module-wrapper .builder-block.rect-block{border-radius:8px;width:180px;height:120px}.seating-module-wrapper .builder-block.round-block{border-radius:60px;width:120px;height:120px}.seating-module-wrapper .builder-block:hover{background:#0071e333}.seating-module-wrapper .builder-block.selected{border-style:solid;box-shadow:0 0 0 4px #0071e366}.seating-module-wrapper .seats-container{width:100%;height:100%;position:absolute;top:0;left:0}.seating-module-wrapper .physical-round-table{z-index:1;pointer-events:none;background:radial-gradient(circle at 30% 30%,#fff 0%,#f5f5f7 100%);border-radius:50%;justify-content:center;align-items:center;width:220px;height:220px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 0 30px #00000005,0 15px 40px #0000000f,0 0 0 12px #fff6}.seating-module-wrapper .physical-round-table .table-inner{flex-direction:column;justify-content:center;align-items:center;display:flex}.seating-module-wrapper .physical-round-table .table-number{color:#0000000a;font-size:64px;font-weight:900;line-height:1}.seating-module-wrapper .physical-round-table .table-capacity{color:#a1a1a6;letter-spacing:2px;margin-top:4px;font-size:13px;font-weight:600}.seating-module-wrapper .seat{-webkit-user-select:none;user-select:none;z-index:2;background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:70px;height:70px;transition:all .2s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0000000a}.seating-module-wrapper .seat[draggable=true]:active{transition:none;cursor:grabbing!important}.seating-module-wrapper .seat:hover{z-index:10;transform:translate(-50%,-50%)scale(1.05);box-shadow:0 8px 16px #0000001a}.seating-module-wrapper .seat.is-vip{box-shadow:0 0 10px #ffc10766;border-width:2px!important}.seating-module-wrapper .seat.highlight{z-index:20;border:2px solid #0071e3!important;box-shadow:0 0 15px #0071e399!important}.seating-module-wrapper .direction-arrow{opacity:.3;pointer-events:none;border-top:4px solid #86868b;border-radius:8px;width:100%;height:100%;position:absolute;top:0;left:0}.seating-module-wrapper .seat-id{color:#0000000a;z-index:0;pointer-events:none;font-size:28px;font-weight:900;position:absolute}.seating-module-wrapper .person-name{z-index:1;pointer-events:none;font-size:14px;font-weight:700;color:#1d1d1f!important}.seating-module-wrapper .empty-text{color:#a1a1a6}.seating-module-wrapper .status-text{color:#86868b}.seating-module-wrapper .company-name{color:#86868b;z-index:1;text-align:center;pointer-events:none;margin-top:2px;font-size:10px}.seating-module-wrapper .kiosk-header{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);z-index:50;background:#ffffffbf;border:1px solid #fffc;border-radius:100px;justify-content:center;align-items:center;gap:32px;width:auto;padding:12px 24px;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000014,inset 0 1px #fff9}.seating-module-wrapper .kiosk-header-btn{cursor:pointer;background:#0000000d;border:none;border-radius:50px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;color:#1d1d1f!important}.seating-module-wrapper .kiosk-header-btn:hover{background:#0000001a}.seating-module-wrapper .kiosk-header-title{align-items:center;gap:10px;font-size:16px;font-weight:800;display:flex;color:#1d1d1f!important}.seating-module-wrapper .kiosk-status-dot{background:#34c759;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 8px #34c759}.seating-module-wrapper .kiosk-stats{color:#86868b;background:#0000000a;border-radius:50px;align-items:center;gap:16px;padding:8px 20px;font-size:14px;font-weight:700;display:flex}.seating-module-wrapper .kiosk-stats-highlight{color:#34c759}.seating-module-wrapper .kiosk-footer{-webkit-backdrop-filter:blur(24px)saturate(200%);backdrop-filter:blur(24px)saturate(200%);z-index:50;background:#ffffffd9;border:1px solid #ffffff80;border-radius:100px;align-items:center;gap:12px;width:480px;max-width:90%;padding:6px 12px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%);box-shadow:0 16px 48px #0000001f,inset 0 1px #fffc}.seating-module-wrapper .kiosk-search-icon{color:#86868b;background:#f5f5f7;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.seating-module-wrapper .kiosk-search{background:0 0;border:none;outline:none;flex:1;height:48px;padding:0 8px;font-size:16px;font-weight:500;color:#1d1d1f!important}.seating-module-wrapper .kiosk-search::placeholder{color:#a1a1a6;font-weight:400}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #34c759b3}70%{transform:scale(1);box-shadow:0 0 0 10px #34c75900}to{transform:scale(.95);box-shadow:0 0 #34c75900}}.seating-module-wrapper .seat.kiosk-arrived{color:#14532d;z-index:15;transition:all .4s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(135deg,#dcfce7,#bbf7d0)!important;border-color:#4ade80!important;transform:translate(-50%,-50%)scale(1.05)!important;box-shadow:0 8px 24px #4ade804d!important}.seating-module-wrapper .seat.kiosk-arrived .person-name{color:#166534;font-size:16px;font-weight:800}.seating-module-wrapper .seat.kiosk-arrived .company-name{color:#15803d}.seating-module-wrapper .seat.kiosk-pending{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.9;background:#ffffffb3!important;border-color:#e2e8f0!important}.seating-module-wrapper .print-mode-container{background:#f2f2f7;width:100%;height:100%;overflow:hidden}.seating-module-wrapper .print-controls{background:#fff;border:1px solid #0000000d;border-radius:16px;max-width:1100px;margin-bottom:24px;margin-left:auto;margin-right:auto;padding:20px 28px;box-shadow:0 4px 20px #0000000f}.seating-module-wrapper .print-header-top{border-bottom:1px solid #e5e5ea;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;display:flex}.seating-module-wrapper .print-title{letter-spacing:-.5px;font-size:20px;font-weight:700;color:#1d1d1f!important}.seating-module-wrapper .print-header-actions{gap:12px;display:flex}.seating-module-wrapper .print-toolbar{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.seating-module-wrapper .toolbar-group{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex;color:#1d1d1f!important}.seating-module-wrapper .toolbar-group select{cursor:pointer;background:#fff;border:1px solid #d2d2d7;border-radius:8px;outline:none;height:36px;padding:0 12px;font-size:13px;color:#1d1d1f!important}.seating-module-wrapper .btn-toggle{cursor:pointer;background:#fff;border:1px solid #d2d2d7;border-radius:8px;height:36px;padding:0 14px;font-size:13px;font-weight:600;transition:all .2s;color:#1d1d1f!important}.seating-module-wrapper .btn-toggle.active{color:#fff;background:#0071e3;border-color:#0071e3}.seating-module-wrapper .pagination-controls{background:#f5f5f7;border-radius:10px;margin-left:auto;padding:4px 12px}.seating-module-wrapper .page-indicator{padding:0 8px;font-size:13px;font-weight:600;color:#1d1d1f!important}.seating-module-wrapper .print-preview-screen{flex-direction:column;justify-content:center;align-items:center;display:flex}.seating-module-wrapper .print-pages{flex-direction:column;align-items:center;gap:30px;display:flex}.seating-module-wrapper .print-page{box-sizing:border-box;page-break-after:always;break-after:page;background:#fff;justify-content:center;align-items:center;width:210mm;height:297mm;display:flex;position:relative;box-shadow:0 12px 40px #00000014}.seating-module-wrapper .namecard-container.fold-style{flex-direction:column;width:90%;height:85%;display:flex;position:relative}.seating-module-wrapper .namecard-half{box-sizing:border-box;border:4px solid #1d1d1f;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px;display:flex;position:relative}.seating-module-wrapper .top-half{border-bottom:none;transform:rotate(180deg)}.seating-module-wrapper .bottom-half{border-top:none}.seating-module-wrapper .fold-line{text-align:center;color:#86868b;z-index:10;background:#fff;border-top:2px dashed #86868b;width:max-content;height:0;margin:-1px auto 0;padding:0 10px;font-size:12px;line-height:0}.seating-module-wrapper .namecard-half .name{letter-spacing:10px;text-align:center;font-size:110px;font-weight:900;line-height:1.2;color:#1d1d1f!important}.seating-module-wrapper .namecard-half .meta{color:#86868b;margin-top:10px;font-size:30px;font-weight:500}.seating-module-wrapper .seat-badge{background:#f5f5f7;border:2px solid #d2d2d7;border-radius:8px;padding:8px 16px;font-size:22px;font-weight:700;position:absolute;top:20px;left:20px;color:#1d1d1f!important}.seating-module-wrapper .namecard-container.minimal-style{box-sizing:border-box;border:3px solid #1d1d1f;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:85%;height:80%;padding:40px;display:flex;position:relative}.seating-module-wrapper .minimal-content{text-align:center}.seating-module-wrapper .minimal-style .name{letter-spacing:12px;font-size:130px;font-weight:900;line-height:1.2;color:#1d1d1f!important}.seating-module-wrapper .minimal-style .meta{color:#86868b;margin-top:20px;font-size:36px;font-weight:500}.seating-module-wrapper .minimal-style .vip-tag{color:#d97706;letter-spacing:4px;margin-top:30px;font-size:24px;font-weight:700}.seating-module-wrapper .a4-three-panel-tent{box-sizing:border-box;background:#fff;flex-direction:column;justify-content:space-between;width:210mm;height:297mm;margin:0 auto;padding:5mm 8mm;display:flex;position:relative}.seating-module-wrapper .three-panel .tent-panel{box-sizing:border-box;background:#fff;border:2px solid #111827;border-radius:10px;flex-direction:column;justify-content:space-around;align-items:center;width:100%;height:94mm;min-height:94mm;max-height:94mm;padding:10px 18px;display:flex;position:relative}.seating-module-wrapper .a4-three-panel-tent.borderless .tent-panel{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.seating-module-wrapper .a4-three-panel-tent.borderless .gold-double-border{border:none!important}.seating-module-wrapper .a4-three-panel-tent.borderless .panel-c-base{background:0 0!important;border:1px dashed #e5e7eb!important}.seating-module-wrapper .three-panel .panel-b-wrapper{flex-direction:column;width:100%;height:94mm;min-height:94mm;max-height:94mm;display:flex;transform:rotate(180deg)!important}.seating-module-wrapper .two-panel .panel-b-wrapper{flex-direction:column;width:100%;height:140mm;min-height:140mm;max-height:140mm;display:flex;transform:rotate(180deg)!important}.seating-module-wrapper .three-panel .panel-c-base{box-sizing:border-box;background:0 0;border:1px dashed #cbd5e1;border-radius:8px;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:94mm;min-height:94mm;max-height:94mm;padding:14px;display:flex}.seating-module-wrapper .clean-slate-mode{box-sizing:border-box;background:#f8fafc;border:2px dashed #cbd5e1;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.seating-module-wrapper .clean-slate-content{text-align:center;color:#475569}.seating-module-wrapper .clean-slate-content h1{color:#0f172a;letter-spacing:2px;margin:0 0 16px;font-size:48px;font-weight:800}.seating-module-wrapper .clean-slate-content p{color:#64748b;margin:0;font-size:20px;font-weight:600}.seating-module-wrapper .modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0006;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.seating-module-wrapper .modal-card{box-sizing:border-box;background:#fff;border-radius:20px;flex-direction:column;gap:16px;width:460px;padding:28px;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;display:flex;box-shadow:0 20px 50px #00000040}.seating-module-wrapper .modal-card h3{margin:0;font-size:20px;font-weight:700;color:#1d1d1f!important}.seating-module-wrapper .modal-card label{color:#86868b;flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.seating-module-wrapper .modal-card input[type=text],.seating-module-wrapper .modal-card select{box-sizing:border-box;border:1px solid #d2d2d7;border-radius:10px;outline:none;height:42px;padding:0 12px;font-size:14px;transition:border-color .2s}.seating-module-wrapper .modal-card input[type=text]:focus,.seating-module-wrapper .modal-card select:focus{border-color:#0071e3;box-shadow:0 0 0 3px #0071e333}.seating-module-wrapper .modal-actions{justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.seating-module-wrapper .only-print{display:none!important}@media print{.seating-module-wrapper html,.seating-module-wrapper body,.seating-module-wrapper #root{background:#fff!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important}.seating-module-wrapper .no-print{display:none!important}.seating-module-wrapper .only-print{display:block!important}.seating-module-wrapper .app-container,.seating-module-wrapper .print-mode-container{background:#fff!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.seating-module-wrapper .print-pages-all{width:100%!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.seating-module-wrapper .print-page{box-sizing:border-box!important;page-break-inside:avoid!important;break-inside:avoid!important;width:210mm!important;height:297mm!important;box-shadow:none!important;float:none!important;background:#fff!important;flex-direction:column!important;margin:0 auto!important;padding:0!important;display:flex!important;position:relative!important;overflow:hidden!important}.seating-module-wrapper .print-page:not(:last-child){page-break-after:always!important;break-after:page!important}.seating-module-wrapper .print-page.landscape{width:297mm!important;height:210mm!important}}.seating-module-wrapper .zoom-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#ffffffe6;border:1px solid #0000000d;border-radius:8px;display:flex;position:absolute;bottom:24px;right:24px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.seating-module-wrapper .zoom-controls button{cursor:pointer;background:0 0;border:none;border-right:1px solid #0000000d;padding:8px 16px;font-size:14px;font-weight:600;color:#1d1d1f!important}.seating-module-wrapper .zoom-controls button:last-child{border-right:none}.seating-module-wrapper .zoom-controls button:hover{background:#0000000d}.seating-module-wrapper .premium-tent-panel{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.seating-module-wrapper .premium-tent-panel:before{content:"";background:linear-gradient(90deg,#1e3a8a,#3b82f6,#0ea5e9,#3b82f6,#1e3a8a);height:8px;position:absolute;top:0;left:0;right:0}.seating-module-wrapper .premium-tent-panel:after{content:"";background:#f1f5f9;height:4px;position:absolute;bottom:0;left:0;right:0}.seating-module-wrapper .premium-tent-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:0 40px;display:flex}.seating-module-wrapper .premium-tent-name{color:#0f172a;letter-spacing:16px;text-indent:16px;margin:0;font-size:88px;font-weight:900;line-height:1.1}.seating-module-wrapper .premium-tent-meta{color:#64748b;letter-spacing:2px;text-transform:uppercase;margin-top:24px;font-size:26px;font-weight:600}.seating-module-wrapper .premium-vip-badge{color:#fff;letter-spacing:2px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;padding:6px 16px;font-size:14px;font-weight:800;position:absolute;top:24px;right:32px;box-shadow:0 4px 12px #d977064d}.seating-module-wrapper .premium-seat-badge{color:#94a3b8;letter-spacing:1px;border:2px solid #e2e8f0;border-radius:6px;padding:4px 12px;font-size:16px;font-weight:700;position:absolute;top:24px;left:32px}.seating-module-wrapper .premium-tent-logo{background:#cbd5e1;border-radius:2px;width:40px;height:4px;margin:0 auto;position:absolute;top:28px;left:0;right:0}@media print{@page{margin:0;size:A4 portrait}}.sidebar-premium-header{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.sidebar-premium-header h2{letter-spacing:-.5px;margin:0;font-size:20px;font-weight:700;color:#1d1d1f!important}.status-pill{border-radius:20px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .3s;display:inline-flex}.status-pill.connected{color:#248a3d;background:#34c7591a;border:1px solid #34c75933}.status-pill.disconnected{background:#ff3b301a;border:1px solid #ff3b3033;color:#d70015!important}.status-dot{border-radius:50%;width:8px;height:8px}.status-pill.connected .status-dot{background-color:#34c759;animation:2s infinite pulse-green;box-shadow:0 0 8px #34c75999}.status-pill.disconnected .status-dot{background-color:#ff3b30}@keyframes pulse-green{0%{box-shadow:0 0 #34c75966}70%{box-shadow:0 0 0 6px #34c75900}to{box-shadow:0 0 #34c75900}}.tool-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.tool-card{cursor:pointer;background:#fff;border:1px solid #e5e5ea;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;transition:all .2s cubic-bezier(.25,.8,.25,1);display:flex;color:#1d1d1f!important}.tool-card:hover{color:#0071e3;border-color:#0071e3;transform:translateY(-2px);box-shadow:0 4px 12px #0071e31a}.tool-card span{font-size:13px;font-weight:500}.tool-card.full-width{flex-direction:row;grid-column:1/-1;justify-content:center;padding:12px}.premium-form-group{margin-bottom:12px}.premium-form-group h4{border-bottom:1px solid #e5e5ea;margin-bottom:12px;padding-bottom:8px;font-size:15px;font-weight:600;color:#1d1d1f!important}.premium-form-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.premium-form-label{color:#86868b;font-size:13px;font-weight:500}.premium-input{text-align:center;background:#fff;border:1px solid #d2d2d7;border-radius:6px;width:80px;padding:6px 12px;font-size:14px;transition:all .2s;color:#1d1d1f!important}.premium-input:focus{border-color:#0071e3;outline:none;box-shadow:0 0 0 3px #0071e34d}.floating-bottom-cta{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#f5f5f7d9;border-top:1px solid #0000000d;padding:20px 0;position:sticky;bottom:0;left:0;right:0}.premium-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(#0077ed 0%,#0060df 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:15px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #0071e34d}.premium-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0071e366}.premium-btn-primary:active{background:#0056c8;transform:translateY(1px)}.sidebar{padding-bottom:0;position:relative}.premium-btn-outline{cursor:pointer;background:0 0;border:1px solid #d2d2d7;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:600;transition:all .2s;display:flex;color:#1d1d1f!important}.premium-btn-outline:hover{background:#f5f5f7;border-color:#86868b}.premium-btn-danger{cursor:pointer;background:0 0;border:1px solid #ff3b304d;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:600;transition:all .2s;display:flex;color:#d70015!important}.premium-btn-danger:hover{background:#ff3b300d;border-color:#ff3b30}.print-mode-container{background:#f0f0f5;min-height:100%}.print-pages{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:40px;padding:40px;display:flex}.print-page{box-shadow:none!important;background:0 0!important;width:auto!important;height:auto!important}.print-page-wrapper{width:105mm;height:148.5mm;position:relative}.print-page-wrapper .paper-sheet{transform-origin:0 0;border-radius:2px;transform:scale(.5);box-shadow:0 20px 60px #00000026,0 4px 16px #0000000d}.page-badge{color:#fff;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#000000b3;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;top:8px;left:8px}.dimension-line-top{text-align:center;border-top:1px dashed #0071e3;width:105mm;position:absolute;top:-24px;left:0}.dimension-line-top .dimension-text{color:#0071e3;background:#f0f0f5;padding:0 6px;font-size:12px;font-weight:500;position:relative;top:-10px}.dimension-line-top:before,.dimension-line-top:after{content:"";background:#0071e3;width:1px;height:9px;position:absolute;top:-4px}.dimension-line-top:before{left:0}.dimension-line-top:after{right:0}.dimension-line-side{flex-direction:column;height:100mm;display:flex;position:absolute;top:24.25mm;left:-24px}.dimension-line-side .dimension-segment{border-left:1px dashed #0071e3;align-items:center;height:50mm;display:flex;position:relative}.dimension-line-side .dimension-segment .dimension-text-v{color:#0071e3;white-space:nowrap;font-size:11px;font-weight:500;position:absolute;left:-24px;transform:rotate(-90deg)}.dimension-line-side .dimension-segment:before,.dimension-line-side .dimension-segment:after{content:"";background:#0071e3;width:9px;height:1px;position:absolute;left:-4px}.dimension-line-side .dimension-segment:before{top:0}.dimension-line-side .dimension-segment:after{bottom:0}.fold-top{border-top:1px dashed #0071e366!important;border-bottom:1px dashed #0071e366!important}.fold-bottom{border-bottom:1px dashed #0071e366!important}@media print{body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important}.no-print{display:none!important}.print-page-wrapper{width:210mm!important;height:297mm!important}.print-page-wrapper .paper-sheet{box-shadow:none!important;transform:none!important}.fold-top,.fold-bottom{border-color:#cbd5e1!important}.print-page{background:#fff!important;width:210mm!important;height:297mm!important}.app-container,.seating-module-wrapper,.canvas-area,.sidebar{height:auto!important;box-shadow:none!important;border:none!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.sidebar,.canvas-area>:not(.print-pages-all){display:none!important}.print-pages-all{display:block!important}}.mall-catalog-container{background:#f5f5f7;flex-direction:column;height:100%;display:flex;overflow:hidden}.mall-catalog-container .mall-header{z-index:10;background:#fff;border-bottom:1px solid #e5e5ea;justify-content:space-between;align-items:center;padding:24px 40px;display:flex;box-shadow:0 1px 2px #00000005}.mall-catalog-container .mall-header .header-title h1{color:#1d1d1f;margin:0 0 4px;font-size:24px}.mall-catalog-container .mall-header .header-title p{color:#86868b;margin:0;font-size:14px}.mall-catalog-container .mall-header .header-actions{align-items:center;gap:16px;display:flex}.mall-catalog-container .mall-header .header-actions .search-bar{background:#f5f5f7;border-radius:20px;align-items:center;gap:8px;width:300px;padding:8px 16px;display:flex}.mall-catalog-container .mall-header .header-actions .search-bar input{color:#1d1d1f;background:0 0;border:none;outline:none;width:100%;font-size:14px}.mall-catalog-container .mall-header .header-actions .cart-btn{color:#fff;cursor:pointer;background:#1d1d1f;border:none;border-radius:20px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.mall-catalog-container .mall-header .header-actions .cart-btn:hover{background:#333336}.mall-catalog-container .mall-content{flex:1;display:flex;overflow:hidden}.mall-catalog-container .mall-content .category-sidebar{background:#fff;border-right:1px solid #e5e5ea;width:240px;padding:24px 0;overflow-y:auto}.mall-catalog-container .mall-content .category-sidebar h3{text-transform:uppercase;color:#86868b;letter-spacing:1px;margin:0 24px 16px;font-size:12px}.mall-catalog-container .mall-content .category-sidebar ul{margin:0;padding:0;list-style:none}.mall-catalog-container .mall-content .category-sidebar ul li{color:#1d1d1f;cursor:pointer;padding:12px 24px;font-size:15px;transition:all .2s;position:relative}.mall-catalog-container .mall-content .category-sidebar ul li:hover{background:#f5f5f7}.mall-catalog-container .mall-content .category-sidebar ul li.active{color:#0071e3;background:#f5f5f7;font-weight:500}.mall-catalog-container .mall-content .category-sidebar ul li.active:before{content:"";background:#0071e3;width:3px;position:absolute;top:0;bottom:0;left:0}.mall-catalog-container .mall-content .product-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-content:start;gap:24px;padding:32px;display:grid;overflow-y:auto}.mall-catalog-container .mall-content .product-grid .loading-state,.mall-catalog-container .mall-content .product-grid .empty-state{color:#86868b;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:16px;height:200px;display:flex}.mall-catalog-container .mall-content .product-grid .loading-state .spinner,.mall-catalog-container .mall-content .product-grid .empty-state .spinner{animation:1s linear infinite spin}.mall-catalog-container .mall-content .product-grid .product-card{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:16px;transition:transform .3s,box-shadow .3s;overflow:hidden}.mall-catalog-container .mall-content .product-grid .product-card:hover{border-color:#e5e5ea;transform:translateY(-4px);box-shadow:0 12px 24px #00000014}.mall-catalog-container .mall-content .product-grid .product-card .image-wrapper{aspect-ratio:1;background:#f5f5f7;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.mall-catalog-container .mall-content .product-grid .product-card .image-wrapper img{object-fit:cover;width:100%;height:100%}.mall-catalog-container .mall-content .product-grid .product-card .image-wrapper .image-placeholder{color:#86868b;font-size:14px}.mall-catalog-container .mall-content .product-grid .product-card .product-info{padding:20px}.mall-catalog-container .mall-content .product-grid .product-card .product-info .category-badge{color:#515154;background:#f5f5f7;border-radius:4px;margin-bottom:8px;padding:4px 8px;font-size:12px;display:inline-block}.mall-catalog-container .mall-content .product-grid .product-card .product-info .product-name{color:#1d1d1f;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-size:16px;line-height:1.4;display:-webkit-box;overflow:hidden}.mall-catalog-container .mall-content .product-grid .product-card .product-info .product-subtitle{color:#86868b;white-space:nowrap;text-overflow:ellipsis;margin:0 0 16px;font-size:13px;overflow:hidden}.mall-product-detail-container{background:#fff;flex-direction:column;height:100%;display:flex;overflow-y:auto}.mall-product-detail-container .detail-header{border-bottom:1px solid #e5e5ea;padding:24px 40px}.mall-product-detail-container .detail-header .back-btn{color:#1d1d1f;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-size:16px;font-weight:500;display:flex}.mall-product-detail-container .detail-header .back-btn:hover{color:#0071e3}.mall-product-detail-container .detail-main{gap:60px;width:100%;max-width:1200px;margin:0 auto;padding:40px;display:flex}.mall-product-detail-container .detail-main .gallery-section{flex-shrink:0;width:480px}.mall-product-detail-container .detail-main .gallery-section .main-image{aspect-ratio:1;background:#f5f5f7;border-radius:16px;width:100%;margin-bottom:16px;overflow:hidden}.mall-product-detail-container .detail-main .gallery-section .main-image img{object-fit:cover;width:100%;height:100%}.mall-product-detail-container .detail-main .gallery-section .main-image .placeholder{color:#86868b;justify-content:center;align-items:center;height:100%;display:flex}.mall-product-detail-container .detail-main .gallery-section .thumbnail-list{gap:12px;display:flex}.mall-product-detail-container .detail-main .gallery-section .thumbnail-list .thumbnail{cursor:pointer;opacity:.6;border:2px solid #0000;border-radius:8px;width:80px;height:80px;transition:all .2s;overflow:hidden}.mall-product-detail-container .detail-main .gallery-section .thumbnail-list .thumbnail.active{opacity:1;border-color:#0071e3}.mall-product-detail-container .detail-main .gallery-section .thumbnail-list .thumbnail:hover{opacity:1}.mall-product-detail-container .detail-main .gallery-section .thumbnail-list .thumbnail img{object-fit:cover;width:100%;height:100%}.mall-product-detail-container .detail-main .info-section{flex:1}.mall-product-detail-container .detail-main .info-section .category-badge{color:#515154;background:#f5f5f7;border-radius:4px;margin-bottom:16px;padding:4px 8px;font-size:12px;display:inline-block}.mall-product-detail-container .detail-main .info-section .product-title{color:#1d1d1f;margin:0 0 12px;font-size:28px;line-height:1.3}.mall-product-detail-container .detail-main .info-section .product-subtitle{color:#86868b;margin:0 0 24px;font-size:16px}.mall-product-detail-container .detail-main .info-section .price-card{background:#f5f5f7;border-radius:12px;margin-bottom:32px;padding:20px 24px}.mall-product-detail-container .detail-main .info-section .price-card .currency{color:#ff3b30;margin-right:4px;font-size:24px;font-weight:600}.mall-product-detail-container .detail-main .info-section .price-card .amount{color:#ff3b30;font-size:36px;font-weight:600}.mall-product-detail-container .detail-main .info-section .sku-selector{margin-bottom:32px}.mall-product-detail-container .detail-main .info-section .sku-selector .sku-dimension{margin-bottom:20px}.mall-product-detail-container .detail-main .info-section .sku-selector .sku-dimension .dim-name{color:#515154;margin-bottom:12px;font-size:14px}.mall-product-detail-container .detail-main .info-section .sku-selector .sku-dimension .dim-values{flex-wrap:wrap;gap:12px;display:flex}.mall-product-detail-container .detail-main .info-section .sku-selector .sku-dimension .dim-values .val-btn{color:#1d1d1f;cursor:pointer;background:#fff;border:1px solid #d2d2d7;border-radius:8px;padding:10px 20px;font-size:14px;transition:all .2s}.mall-product-detail-container .detail-main .info-section .sku-selector .sku-dimension .dim-values .val-btn:hover{border-color:#86868b}.mall-product-detail-container .detail-main .info-section .sku-selector .sku-dimension .dim-values .val-btn.active{color:#0071e3;background:#e1f0ff;border-color:#0071e3;font-weight:500}.mall-product-detail-container .detail-main .info-section .purchase-actions{border-top:1px solid #e5e5ea;padding-top:24px}.mall-product-detail-container .detail-main .info-section .purchase-actions .quantity-selector{align-items:center;gap:16px;margin-bottom:24px;display:flex}.mall-product-detail-container .detail-main .info-section .purchase-actions .quantity-selector .label{color:#515154;font-size:14px}.mall-product-detail-container .detail-main .info-section .purchase-actions .quantity-selector .controls{border:1px solid #d2d2d7;border-radius:8px;align-items:center;display:flex;overflow:hidden}.mall-product-detail-container .detail-main .info-section .purchase-actions .quantity-selector .controls button{cursor:pointer;color:#1d1d1f;background:#fff;border:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mall-product-detail-container .detail-main .info-section .purchase-actions .quantity-selector .controls button:hover{background:#f5f5f7}.mall-product-detail-container .detail-main .info-section .purchase-actions .quantity-selector .controls button:disabled{color:#d2d2d7;cursor:not-allowed}.mall-product-detail-container .detail-main .info-section .purchase-actions .quantity-selector .controls input{text-align:center;color:#1d1d1f;border:none;border-left:1px solid #d2d2d7;border-right:1px solid #d2d2d7;width:50px;height:36px;font-size:14px;font-weight:500}.mall-product-detail-container .detail-main .info-section .purchase-actions .quantity-selector .stock-info{color:#86868b;font-size:13px}.mall-product-detail-container .detail-main .info-section .purchase-actions .action-buttons{gap:16px;display:flex}.mall-product-detail-container .detail-main .info-section .purchase-actions .action-buttons button{cursor:pointer;border-radius:24px;flex:1;justify-content:center;align-items:center;gap:8px;height:48px;font-size:16px;font-weight:500;transition:all .2s;display:flex}.mall-product-detail-container .detail-main .info-section .purchase-actions .action-buttons button:disabled{opacity:.5;cursor:not-allowed}.mall-product-detail-container .detail-main .info-section .purchase-actions .action-buttons button.add-to-cart{color:#1d1d1f;background:#fff;border:1px solid #1d1d1f}.mall-product-detail-container .detail-main .info-section .purchase-actions .action-buttons button.add-to-cart:hover:not(:disabled){background:#f5f5f7}.mall-product-detail-container .detail-main .info-section .purchase-actions .action-buttons button.buy-now{color:#fff;background:#1d1d1f;border:none}.mall-product-detail-container .detail-main .info-section .purchase-actions .action-buttons button.buy-now:hover:not(:disabled){background:#333336}.mall-product-detail-container .detail-description{width:100%;max-width:1200px;margin:0 auto;padding:0 40px 80px}.mall-product-detail-container .detail-description h2{color:#1d1d1f;border-bottom:1px solid #e5e5ea;margin-bottom:24px;padding-bottom:16px;font-size:20px}.mall-product-detail-container .detail-description .rich-text-content{color:#333;font-size:15px;line-height:1.8}.mall-product-detail-container .detail-description .rich-text-content img{border-radius:8px;max-width:100%}.mall-checkout-container{background:#f5f5f7;flex-direction:column;height:100%;display:flex;overflow-y:auto}.mall-checkout-container .checkout-header{background:#fff;border-bottom:1px solid #e5e5ea;align-items:center;gap:16px;padding:24px 40px;display:flex}.mall-checkout-container .checkout-header .back-btn{color:#1d1d1f;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-size:16px;font-weight:500;display:flex}.mall-checkout-container .checkout-header h1{color:#1d1d1f;margin:0;font-size:24px}.mall-checkout-container .checkout-layout{gap:32px;width:100%;max-width:1200px;margin:0 auto;padding:40px;display:flex}.mall-checkout-container .checkout-layout .cart-list-section{flex:1}.mall-checkout-container .checkout-layout .cart-list-section h2{color:#1d1d1f;margin:0 0 20px;font-size:18px}.mall-checkout-container .checkout-layout .cart-list-section .select-all-bar{color:#1d1d1f;background:#fff;border-radius:12px;align-items:center;gap:12px;margin-bottom:16px;padding:16px 20px;font-size:14px;display:flex}.mall-checkout-container .checkout-layout .cart-list-section .select-all-bar input[type=checkbox]{cursor:pointer;width:18px;height:18px}.mall-checkout-container .checkout-layout .cart-list-section .cart-items{flex-direction:column;gap:16px;display:flex}.mall-checkout-container .checkout-layout .cart-list-section .cart-items .cart-item{background:#fff;border-radius:12px;align-items:center;gap:20px;padding:20px;display:flex}.mall-checkout-container .checkout-layout .cart-list-section .cart-items .cart-item .item-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px}.mall-checkout-container .checkout-layout .cart-list-section .cart-items .cart-item .item-image{background:#f5f5f7;border-radius:8px;flex-shrink:0;width:80px;height:80px;overflow:hidden}.mall-checkout-container .checkout-layout .cart-list-section .cart-items .cart-item .item-image img{object-fit:cover;width:100%;height:100%}.mall-checkout-container .checkout-layout .cart-list-section .cart-items .cart-item .item-image .placeholder{color:#86868b;justify-content:center;align-items:center;height:100%;font-size:12px;display:flex}.mall-checkout-container .checkout-layout .cart-list-section .cart-items .cart-item .item-details{flex:1}.mall-checkout-container .checkout-layout .cart-list-section .cart-items .cart-item .item-details h3{color:#1d1d1f;margin:0 0 8px;font-size:16px}.mall-checkout-container .checkout-layout .cart-list-section .cart-items .cart-item .item-details .attrs{color:#86868b;margin:0 0 8px;font-size:13px}.mall-checkout-container .checkout-layout .cart-list-section .cart-items .cart-item .item-details .price{color:#ff3b30;margin:0;font-size:16px;font-weight:600}.mall-checkout-container .checkout-layout .cart-list-section .cart-items .cart-item .item-actions{align-items:center;gap:24px;display:flex}.mall-checkout-container .checkout-layout .cart-list-section .cart-items .cart-item .item-actions .quantity-controls{border:1px solid #d2d2d7;border-radius:8px;align-items:center;display:flex;overflow:hidden}.mall-checkout-container .checkout-layout .cart-list-section .cart-items .cart-item .item-actions .quantity-controls button{cursor:pointer;color:#1d1d1f;background:#fff;border:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mall-checkout-container .checkout-layout .cart-list-section .cart-items .cart-item .item-actions .quantity-controls button:hover{background:#f5f5f7}.mall-checkout-container .checkout-layout .cart-list-section .cart-items .cart-item .item-actions .quantity-controls button:disabled{color:#d2d2d7}.mall-checkout-container .checkout-layout .cart-list-section .cart-items .cart-item .item-actions .quantity-controls span{text-align:center;border-left:1px solid #d2d2d7;border-right:1px solid #d2d2d7;width:40px;font-size:14px;font-weight:500}.mall-checkout-container .checkout-layout .cart-list-section .cart-items .cart-item .item-actions .delete-btn{color:#86868b;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:8px;transition:all .2s}.mall-checkout-container .checkout-layout .cart-list-section .cart-items .cart-item .item-actions .delete-btn:hover{color:#ff3b30;background:#ffeceb}.mall-checkout-container .checkout-layout .checkout-sidebar{flex-shrink:0;width:380px}.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 12px #0000000d}.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form h2{color:#1d1d1f;margin:0 0 24px;font-size:18px}.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form .form-group{margin-bottom:20px}.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form .form-group label{color:#515154;margin-bottom:8px;font-size:14px;display:block}.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form .form-group input,.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form .form-group textarea{box-sizing:border-box;border:1px solid #d2d2d7;border-radius:8px;width:100%;padding:12px;font-family:inherit;font-size:14px}.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form .form-group input:focus,.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form .form-group textarea:focus{border-color:#0071e3;outline:none}.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form .summary{border-top:1px solid #e5e5ea;margin-top:32px;padding-top:24px}.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form .summary h2{margin-bottom:16px;font-size:16px}.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form .summary .summary-row{color:#515154;justify-content:space-between;margin-bottom:12px;font-size:14px;display:flex}.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form .summary .summary-row.total{color:#1d1d1f;border-top:1px dashed #d2d2d7;margin-top:16px;padding-top:16px;font-size:16px;font-weight:500}.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form .summary .summary-row.total .price{color:#ff3b30;font-size:24px;font-weight:600}.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form .submit-order-btn{color:#fff;cursor:pointer;background:#0071e3;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:32px;padding:16px;font-size:16px;font-weight:600;transition:background .2s;display:flex}.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form .submit-order-btn:hover:not(:disabled){background:#0077ed}.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form .submit-order-btn:disabled{cursor:not-allowed;background:#99c8f5}.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form .hint{text-align:center;color:#86868b;margin-top:16px;font-size:12px}.mall-orders-container{width:100%;max-width:1000px;margin:0 auto;padding:40px}.mall-orders-container .orders-header{margin-bottom:32px}.mall-orders-container .orders-header h1{color:#1d1d1f;margin:0 0 8px;font-size:28px}.mall-orders-container .orders-header p{color:#86868b;margin:0;font-size:15px}.mall-orders-container .orders-list{flex-direction:column;gap:24px;display:flex}.mall-orders-container .orders-list .empty-orders{background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:60px 0;display:flex}.mall-orders-container .orders-list .empty-orders p{color:#86868b;margin-top:16px}.mall-orders-container .orders-list .order-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #00000008}.mall-orders-container .orders-list .order-card .order-header{border-bottom:1px solid #e5e5ea;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.mall-orders-container .orders-list .order-card .order-header .order-no{font-size:14px}.mall-orders-container .orders-list .order-card .order-header .order-no .label{color:#86868b;margin-right:8px}.mall-orders-container .orders-list .order-card .order-header .order-no .value{color:#1d1d1f;margin-right:16px;font-weight:500}.mall-orders-container .orders-list .order-card .order-header .order-no .time{color:#86868b;font-size:13px}.mall-orders-container .orders-list .order-card .order-header .order-status{align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.mall-orders-container .orders-list .order-card .order-items{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.mall-orders-container .orders-list .order-card .order-items .order-item{background:#f5f5f7;border-radius:8px;justify-content:space-between;padding:12px;display:flex}.mall-orders-container .orders-list .order-card .order-items .order-item .item-info h3{color:#1d1d1f;margin:0 0 4px;font-size:15px}.mall-orders-container .orders-list .order-card .order-items .order-item .item-info p{color:#86868b;margin:0;font-size:13px}.mall-orders-container .orders-list .order-card .order-items .order-item .item-price{text-align:right}.mall-orders-container .orders-list .order-card .order-items .order-item .item-price p{color:#1d1d1f;margin:0 0 4px;font-size:15px;font-weight:500}.mall-orders-container .orders-list .order-card .order-items .order-item .item-price .qty{color:#86868b;font-size:13px;font-weight:400}.mall-orders-container .orders-list .order-card .order-footer{border-top:1px solid #e5e5ea;justify-content:space-between;align-items:flex-end;padding-top:16px;display:flex}.mall-orders-container .orders-list .order-card .order-footer .shipping-info{color:#515154;font-size:13px;line-height:1.6}.mall-orders-container .orders-list .order-card .order-footer .shipping-info p{margin:0}.mall-orders-container .orders-list .order-card .order-footer .shipping-info .tracking-info{color:#0071e3;background:#e1f0ff;border-radius:4px;align-items:center;gap:6px;margin-top:8px;padding:4px 8px;display:inline-flex}.mall-orders-container .orders-list .order-card .order-footer .order-actions{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.mall-orders-container .orders-list .order-card .order-footer .order-actions .total-amount{color:#515154;font-size:14px}.mall-orders-container .orders-list .order-card .order-footer .order-actions .total-amount span{color:#ff3b30;margin-left:8px;font-size:20px;font-weight:600}.mall-orders-container .orders-list .order-card .order-footer .order-actions .upload-btn{color:#fff;cursor:pointer;background:#ff9f0a;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.mall-orders-container .orders-list .order-card .order-footer .order-actions .upload-btn:hover{background:#e68a00}.mall-orders-container .orders-list .order-card .order-footer .order-actions .view-voucher-link{color:#0071e3;font-size:13px;text-decoration:none}.mall-orders-container .orders-list .order-card .order-footer .order-actions .view-voucher-link:hover{text-decoration:underline}.mall-admin-products,.mall-admin-orders{width:100%;max-width:1200px;margin:0 auto;padding:40px}.mall-admin-products .admin-header,.mall-admin-orders .admin-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.mall-admin-products .admin-header h1,.mall-admin-orders .admin-header h1{color:#1d1d1f;margin:0;font-size:28px}.mall-admin-products .admin-header .add-btn,.mall-admin-orders .admin-header .add-btn{color:#fff;cursor:pointer;background:#0071e3;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.mall-admin-products .admin-header .add-btn:hover,.mall-admin-orders .admin-header .add-btn:hover{background:#0077ed}.mall-admin-products .admin-header .filter-tabs,.mall-admin-orders .admin-header .filter-tabs{gap:12px;display:flex}.mall-admin-products .admin-header .filter-tabs button,.mall-admin-orders .admin-header .filter-tabs button{color:#515154;cursor:pointer;background:#fff;border:1px solid #e5e5ea;border-radius:20px;padding:8px 16px;font-size:14px;transition:all .2s}.mall-admin-products .admin-header .filter-tabs button.active,.mall-admin-orders .admin-header .filter-tabs button.active{color:#fff;background:#1d1d1f;border-color:#1d1d1f}.mall-admin-products .admin-table,.mall-admin-orders .admin-table{border-collapse:collapse;background:#fff;border-radius:16px;width:100%;overflow:hidden;box-shadow:0 4px 12px #00000008}.mall-admin-products .admin-table th,.mall-admin-products .admin-table td,.mall-admin-orders .admin-table th,.mall-admin-orders .admin-table td{text-align:left;border-bottom:1px solid #e5e5ea;padding:16px 20px}.mall-admin-products .admin-table th,.mall-admin-orders .admin-table th{color:#86868b;text-transform:uppercase;letter-spacing:.5px;background:#fafafc;font-size:13px;font-weight:500}.mall-admin-products .admin-table td,.mall-admin-orders .admin-table td{color:#1d1d1f;vertical-align:middle;font-size:14px}.mall-admin-products .admin-table td .sub,.mall-admin-orders .admin-table td .sub{color:#86868b;white-space:nowrap;text-overflow:ellipsis;max-width:200px;margin-top:4px;font-size:13px;overflow:hidden}.mall-admin-products .admin-table td .img-preview,.mall-admin-orders .admin-table td .img-preview{background:#f5f5f7;border-radius:8px;justify-content:center;align-items:center;width:60px;height:60px;display:flex;overflow:hidden}.mall-admin-products .admin-table td .img-preview img,.mall-admin-orders .admin-table td .img-preview img{object-fit:cover;width:100%;height:100%}.mall-admin-products .admin-table td .img-preview .no-img,.mall-admin-orders .admin-table td .img-preview .no-img{color:#86868b;font-size:12px}.mall-admin-products .admin-table td .badge,.mall-admin-orders .admin-table td .badge{color:#515154;background:#f5f5f7;border-radius:4px;padding:4px 8px;font-size:12px;display:inline-block}.mall-admin-products .admin-table td .status-badge,.mall-admin-orders .admin-table td .status-badge{color:#86868b;background:#f5f5f7;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.mall-admin-products .admin-table td .status-badge.active,.mall-admin-products .admin-table td .status-badge.completed,.mall-admin-products .admin-table td .status-badge.shipped,.mall-admin-orders .admin-table td .status-badge.active,.mall-admin-orders .admin-table td .status-badge.completed,.mall-admin-orders .admin-table td .status-badge.shipped{color:#34c759;background:#e3f8e9}.mall-admin-products .admin-table td .status-badge.pending,.mall-admin-orders .admin-table td .status-badge.pending{color:#ff9f0a;background:#fff5e6}.mall-admin-products .admin-table td .status-badge.paid,.mall-admin-orders .admin-table td .status-badge.paid{color:#0071e3;background:#e1f0ff}.mall-admin-products .admin-table td .status-badge.cancelled,.mall-admin-orders .admin-table td .status-badge.cancelled{color:#ff3b30;background:#ffeceb}.mall-admin-products .admin-table td .actions,.mall-admin-orders .admin-table td .actions{align-items:center;gap:8px;display:flex}.mall-admin-products .admin-table td .actions .action-link,.mall-admin-orders .admin-table td .actions .action-link{color:#0071e3;font-size:13px;text-decoration:none}.mall-admin-products .admin-table td .actions .action-link:hover,.mall-admin-orders .admin-table td .actions .action-link:hover{text-decoration:underline}.mall-admin-products .admin-table td .actions .icon-btn,.mall-admin-orders .admin-table td .actions .icon-btn{color:#86868b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;transition:all .2s}.mall-admin-products .admin-table td .actions .icon-btn:hover,.mall-admin-orders .admin-table td .actions .icon-btn:hover{color:#1d1d1f;background:#f5f5f7}.mall-admin-products .admin-table td .actions .icon-btn.delete:hover,.mall-admin-orders .admin-table td .actions .icon-btn.delete:hover{color:#ff3b30;background:#ffeceb}.mall-admin-products .admin-table td .actions .primary-btn,.mall-admin-products .admin-table td .actions .reject-btn,.mall-admin-orders .admin-table td .actions .primary-btn,.mall-admin-orders .admin-table td .actions .reject-btn{cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:12px}.mall-admin-products .admin-table td .actions .primary-btn,.mall-admin-orders .admin-table td .actions .primary-btn{color:#fff;background:#0071e3}.mall-admin-products .admin-table td .actions .reject-btn,.mall-admin-orders .admin-table td .actions .reject-btn{color:#ff3b30;background:#ffeceb}.mall-admin-products .product-editor,.mall-admin-orders .product-editor{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 12px #00000008}.mall-admin-products .product-editor .editor-header,.mall-admin-orders .product-editor .editor-header{border-bottom:1px solid #e5e5ea;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.mall-admin-products .product-editor .editor-header h2,.mall-admin-orders .product-editor .editor-header h2{color:#1d1d1f;margin:0;font-size:20px}.mall-admin-products .product-editor .editor-header .actions,.mall-admin-orders .product-editor .editor-header .actions{gap:12px;display:flex}.mall-admin-products .product-editor .editor-header .actions button,.mall-admin-orders .product-editor .editor-header .actions button{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;display:flex}.mall-admin-products .product-editor .editor-header .actions button.cancel-btn,.mall-admin-orders .product-editor .editor-header .actions button.cancel-btn{color:#1d1d1f;background:#f5f5f7}.mall-admin-products .product-editor .editor-header .actions button.save-btn,.mall-admin-orders .product-editor .editor-header .actions button.save-btn{color:#fff;background:#0071e3}.mall-admin-products .product-editor .form-grid,.mall-admin-orders .product-editor .form-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px;display:grid}.mall-admin-products .product-editor .form-grid .form-group label,.mall-admin-orders .product-editor .form-grid .form-group label{color:#515154;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.mall-admin-products .product-editor .form-grid .form-group input,.mall-admin-products .product-editor .form-grid .form-group textarea,.mall-admin-orders .product-editor .form-grid .form-group input,.mall-admin-orders .product-editor .form-grid .form-group textarea{box-sizing:border-box;border:1px solid #d2d2d7;border-radius:8px;width:100%;padding:12px;font-family:inherit;font-size:14px}.mall-admin-products .product-editor .form-grid .form-group input:focus,.mall-admin-products .product-editor .form-grid .form-group textarea:focus,.mall-admin-orders .product-editor .form-grid .form-group input:focus,.mall-admin-orders .product-editor .form-grid .form-group textarea:focus{border-color:#0071e3;outline:none}.mall-admin-products .product-editor .skus-section,.mall-admin-orders .product-editor .skus-section{border-top:1px solid #e5e5ea;padding-top:24px}.mall-admin-products .product-editor .skus-section .skus-header,.mall-admin-orders .product-editor .skus-section .skus-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.mall-admin-products .product-editor .skus-section .skus-header h3,.mall-admin-orders .product-editor .skus-section .skus-header h3{color:#1d1d1f;margin:0;font-size:16px}.mall-admin-products .product-editor .skus-section .skus-header button,.mall-admin-orders .product-editor .skus-section .skus-header button{color:#0071e3;cursor:pointer;background:0 0;border:1px solid #0071e3;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;display:flex}.mall-admin-products .product-editor .skus-section .skus-table,.mall-admin-orders .product-editor .skus-section .skus-table{border-collapse:collapse;width:100%}.mall-admin-products .product-editor .skus-section .skus-table th,.mall-admin-products .product-editor .skus-section .skus-table td,.mall-admin-orders .product-editor .skus-section .skus-table th,.mall-admin-orders .product-editor .skus-section .skus-table td{text-align:left;border-bottom:1px solid #e5e5ea;padding:12px}.mall-admin-products .product-editor .skus-section .skus-table th,.mall-admin-orders .product-editor .skus-section .skus-table th{color:#86868b;background:#fafafc;font-size:13px;font-weight:500}.mall-admin-products .product-editor .skus-section .skus-table input,.mall-admin-orders .product-editor .skus-section .skus-table input{box-sizing:border-box;border:1px solid #d2d2d7;border-radius:6px;width:100%;padding:8px;font-family:inherit;font-size:13px}.mall-admin-products .product-editor .skus-section .skus-table .icon-btn,.mall-admin-orders .product-editor .skus-section .skus-table .icon-btn{color:#86868b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px}.mall-admin-products .product-editor .skus-section .skus-table .icon-btn:hover,.mall-admin-orders .product-editor .skus-section .skus-table .icon-btn:hover{color:#ff3b30;background:#ffeceb}.mall-admin-products .modal-overlay,.mall-admin-orders .modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mall-admin-products .modal-overlay .modal-content,.mall-admin-orders .modal-overlay .modal-content{background:#fff;border-radius:16px;width:400px;padding:32px;box-shadow:0 20px 40px #0003}.mall-admin-products .modal-overlay .modal-content h2,.mall-admin-orders .modal-overlay .modal-content h2{margin:0 0 24px;font-size:20px}.mall-admin-products .modal-overlay .modal-content .form-group,.mall-admin-orders .modal-overlay .modal-content .form-group{margin-bottom:20px}.mall-admin-products .modal-overlay .modal-content .form-group label,.mall-admin-orders .modal-overlay .modal-content .form-group label{color:#515154;margin-bottom:8px;font-size:14px;display:block}.mall-admin-products .modal-overlay .modal-content .form-group input,.mall-admin-products .modal-overlay .modal-content .form-group textarea,.mall-admin-orders .modal-overlay .modal-content .form-group input,.mall-admin-orders .modal-overlay .modal-content .form-group textarea{box-sizing:border-box;border:1px solid #d2d2d7;border-radius:8px;width:100%;padding:12px;font-family:inherit}.mall-admin-products .modal-overlay .modal-content .modal-actions,.mall-admin-orders .modal-overlay .modal-content .modal-actions{justify-content:flex-end;gap:12px;margin-top:32px;display:flex}.mall-admin-products .modal-overlay .modal-content .modal-actions button,.mall-admin-orders .modal-overlay .modal-content .modal-actions button{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px}.mall-admin-products .modal-overlay .modal-content .modal-actions button.cancel-btn,.mall-admin-orders .modal-overlay .modal-content .modal-actions button.cancel-btn{color:#1d1d1f;background:#f5f5f7}.mall-admin-products .modal-overlay .modal-content .modal-actions button.save-btn,.mall-admin-orders .modal-overlay .modal-content .modal-actions button.save-btn{color:#fff;background:#0071e3}.mall-admin-products .product-editor-saas,.mall-admin-orders .product-editor-saas{box-shadow:none;background:0 0;padding:0}.mall-admin-products .product-editor-saas .editor-topbar,.mall-admin-orders .product-editor-saas .editor-topbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.mall-admin-products .product-editor-saas .editor-topbar h2,.mall-admin-orders .product-editor-saas .editor-topbar h2{color:#1d1d1f;margin:0;font-size:22px}.mall-admin-products .product-editor-saas .editor-topbar .actions,.mall-admin-orders .product-editor-saas .editor-topbar .actions{gap:12px;display:flex}.mall-admin-products .product-editor-saas .editor-topbar .actions button,.mall-admin-orders .product-editor-saas .editor-topbar .actions button{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;display:flex}.mall-admin-products .product-editor-saas .editor-topbar .actions button.cancel-btn,.mall-admin-orders .product-editor-saas .editor-topbar .actions button.cancel-btn{color:#1d1d1f;background:#f5f5f7}.mall-admin-products .product-editor-saas .editor-topbar .actions button.save-btn,.mall-admin-orders .product-editor-saas .editor-topbar .actions button.save-btn{color:#fff;background:#0071e3}.mall-admin-products .product-editor-saas .editor-cards-container,.mall-admin-orders .product-editor-saas .editor-cards-container{flex-direction:column;gap:24px;display:flex}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 10px #00000005}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-header,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-header{border-bottom:1px solid #e5e5ea;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-header h3,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-header h3{color:#1d1d1f;margin:0;font-size:16px;font-weight:600}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-header .status-toggle,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-header .status-toggle{color:#515154;align-items:center;gap:8px;font-size:14px;display:flex}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-header .status-toggle select,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-header .status-toggle select{background:#fff;border:1px solid #d2d2d7;border-radius:8px;outline:none;padding:6px 12px;font-size:14px}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-header .status-toggle select.active,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-header .status-toggle select.active{color:#34c759;border-color:#34c759;font-weight:500}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-header .add-btn-small,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-header .add-btn-small{color:#0071e3;cursor:pointer;background:0 0;border:1px solid #0071e3;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;display:flex}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-header .upload-inline-btn,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-header .upload-inline-btn{cursor:pointer;background:#f5f5f7;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;display:flex}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-header .upload-inline-btn:hover,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-header .upload-inline-btn:hover{background:#e5e5ea}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .help-text,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .help-text{color:#86868b;margin-top:0;margin-bottom:12px;font-size:13px}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .rich-textarea,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .rich-textarea{box-sizing:border-box;resize:vertical;border:1px solid #d2d2d7;border-radius:8px;width:100%;padding:16px;font-family:inherit;font-size:14px;line-height:1.6}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .rich-textarea:focus,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .rich-textarea:focus{border-color:#0071e3;outline:none}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .form-grid,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .form-group label,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .form-group label{color:#515154;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .form-group input,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .form-group input{box-sizing:border-box;border:1px solid #d2d2d7;border-radius:8px;width:100%;padding:12px;font-size:14px}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .form-group input:focus,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .form-group input:focus{border-color:#0071e3;outline:none}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .media-section,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .media-section{flex-direction:column;gap:24px;display:flex}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .media-section .media-block label,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .media-section .media-block label{color:#1d1d1f;margin-bottom:12px;font-size:14px;font-weight:500;display:block}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .media-section .media-block .upload-box-wrapper .upload-trigger-btn,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .media-section .media-block .upload-box-wrapper .upload-trigger-btn{color:#86868b;cursor:pointer;background:#fafafc;border:1px dashed #d2d2d7;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:120px;height:120px;font-size:12px;transition:all .2s;display:flex}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .media-section .media-block .upload-box-wrapper .upload-trigger-btn:hover,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .media-section .media-block .upload-box-wrapper .upload-trigger-btn:hover{color:#0071e3;border-color:#0071e3}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .media-section .media-block .upload-box-wrapper .img-preview-box,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .media-section .media-block .upload-box-wrapper .img-preview-box{flex-direction:column;gap:8px;width:120px;display:flex}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .media-section .media-block .upload-box-wrapper .img-preview-box img,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .media-section .media-block .upload-box-wrapper .img-preview-box img{object-fit:cover;border:1px solid #e5e5ea;border-radius:8px;width:120px;height:120px}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .media-section .media-block .upload-box-wrapper .img-preview-box .replace-btn,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .media-section .media-block .upload-box-wrapper .img-preview-box .replace-btn{cursor:pointer;background:#f5f5f7;border:none;border-radius:6px;padding:6px;font-size:12px}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .media-section .media-block .gallery-list,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .media-section .media-block .gallery-list{flex-wrap:wrap;gap:16px;display:flex}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .media-section .media-block .gallery-list .gallery-item,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .media-section .media-block .gallery-list .gallery-item{border:1px solid #e5e5ea;border-radius:8px;width:100px;height:100px;position:relative}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .media-section .media-block .gallery-list .gallery-item img,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .media-section .media-block .gallery-list .gallery-item img{object-fit:cover;border-radius:8px;width:100%;height:100%}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .media-section .media-block .gallery-list .gallery-item .remove-img-btn,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .media-section .media-block .gallery-list .gallery-item .remove-img-btn{color:#ff3b30;cursor:pointer;background:#fff;border:1px solid #e5e5ea;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 4px #0000001a}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .media-section .media-block .gallery-list .upload-trigger-btn.small,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .media-section .media-block .gallery-list .upload-trigger-btn.small{color:#86868b;cursor:pointer;background:#fafafc;border:1px dashed #d2d2d7;border-radius:8px;justify-content:center;align-items:center;width:100px;height:100px;transition:all .2s;display:flex}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .media-section .media-block .gallery-list .upload-trigger-btn.small:hover,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .media-section .media-block .gallery-list .upload-trigger-btn.small:hover{color:#0071e3;border-color:#0071e3}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .batch-tools,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .batch-tools{background:#fafafc;border-radius:8px;gap:16px;margin-bottom:16px;padding:12px;display:flex}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .batch-tools .batch-item,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .batch-tools .batch-item{align-items:center;gap:8px;display:flex}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .batch-tools .batch-item input,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .batch-tools .batch-item input{border:1px solid #d2d2d7;border-radius:6px;width:120px;padding:6px 12px;font-size:13px}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .batch-tools .batch-item button,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .batch-tools .batch-item button{cursor:pointer;background:#fff;border:1px solid #e5e5ea;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;display:flex}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .batch-tools .batch-item button:hover,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .batch-tools .batch-item button:hover{background:#f5f5f7}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .skus-table-saas,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .skus-table-saas{border-collapse:collapse;width:100%}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .skus-table-saas th,.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .skus-table-saas td,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .skus-table-saas th,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .skus-table-saas td{text-align:left;vertical-align:top;border-bottom:1px solid #e5e5ea;padding:12px}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .skus-table-saas th,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .skus-table-saas th{color:#86868b;background:#fafafc;font-size:13px;font-weight:500}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .skus-table-saas input,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .skus-table-saas input{box-sizing:border-box;border:1px solid #d2d2d7;border-radius:6px;width:100%;padding:8px 12px;font-size:13px}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .skus-table-saas input:focus,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .skus-table-saas input:focus{border-color:#0071e3;outline:none}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .skus-table-saas .icon-btn.delete,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .skus-table-saas .icon-btn.delete{color:#86868b;cursor:pointer;background:0 0;border:none;padding:6px}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .skus-table-saas .icon-btn.delete:hover,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .skus-table-saas .icon-btn.delete:hover{color:#ff3b30;background:#ffeceb;border-radius:6px}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .skus-table-saas .attr-kv-list,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .skus-table-saas .attr-kv-list{flex-direction:column;gap:8px;display:flex}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .skus-table-saas .attr-kv-list .attr-kv-row,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .skus-table-saas .attr-kv-list .attr-kv-row{align-items:center;gap:4px;display:flex}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .skus-table-saas .attr-kv-list .attr-kv-row input,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .skus-table-saas .attr-kv-list .attr-kv-row input{flex:1;padding:6px;font-size:12px}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .skus-table-saas .attr-kv-list .attr-kv-row .divider,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .skus-table-saas .attr-kv-list .attr-kv-row .divider{color:#86868b}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .skus-table-saas .attr-kv-list .attr-kv-row .delete-attr,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .skus-table-saas .attr-kv-list .attr-kv-row .delete-attr{color:#86868b;cursor:pointer;background:0 0;border:none;padding:4px}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .skus-table-saas .attr-kv-list .attr-kv-row .delete-attr:hover,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .skus-table-saas .attr-kv-list .attr-kv-row .delete-attr:hover{color:#ff3b30}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .skus-table-saas .attr-kv-list .add-attr-link,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .skus-table-saas .attr-kv-list .add-attr-link{color:#0071e3;text-align:left;cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:12px}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .skus-table-saas .attr-kv-list .add-attr-link:hover,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .skus-table-saas .attr-kv-list .add-attr-link:hover{text-decoration:underline}.mall-admin-products .product-editor-saas .editor-cards-container .saas-card .card-body .skus-table-saas .empty-state,.mall-admin-orders .product-editor-saas .editor-cards-container .saas-card .card-body .skus-table-saas .empty-state{text-align:center;color:#86868b;background:#fafafc;border-radius:8px;padding:32px;font-size:13px}html,body,#root{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*,:before,:after{box-sizing:inherit}input,button,select,textarea{font-family:inherit}@media print{.crm-sidebar{display:none!important}.crm-layout,.crm-main{height:auto!important;display:block!important;overflow:visible!important}}button,h1,h2,h3,h4,h5,h6,.btn-primary,.btn-secondary,.btn-danger,.primary-btn,.secondary-btn,.icon-btn,.action-buttons,table,th,td{white-space:nowrap}.table-container{width:100%;overflow-x:auto}