.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;box-sizing:border-box;-webkit-user-select:none;user-select:none;background:#f5f5f7;border-right:1px solid #e5e5ea;flex-direction:column;width:276px;padding:20px 12px;display:flex}.dashboard-logo{color:#1d1d1f;letter-spacing:-.3px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 6px;font-size:16px;font-weight:700;display:flex}.dashboard-logo .logo-tag{color:#0071e3;letter-spacing:0;background:#eaf2fd;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:600}.dashboard-nav{flex:1;grid-template-columns:repeat(2,1fr);align-content:start;gap:8px;padding:2px 2px 14px;display:grid;overflow:hidden auto}.dashboard-nav::-webkit-scrollbar{width:4px}.dashboard-nav::-webkit-scrollbar-track{background:0 0}.dashboard-nav::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}.dashboard-nav:hover::-webkit-scrollbar-thumb{background:#00000038}.dashboard-nav-item{color:#48484a;box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #0000000d;border-radius:10px;align-items:center;gap:7px;min-height:44px;padding:10px 8px;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.25,.8,.25,1);display:flex;box-shadow:0 1px 2px #00000005}.dashboard-nav-item svg{color:#86868b;flex-shrink:0;transition:color .2s,transform .2s}.dashboard-nav-item .nav-text,.dashboard-nav-item span:not(.chevron-icon){white-space:nowrap;text-overflow:ellipsis;line-height:1.2;overflow:hidden}.dashboard-nav-item:hover{color:#1d1d1f;background:#fff;border-color:#d2d2d7;transform:translateY(-1px);box-shadow:0 3px 8px #0000000d}.dashboard-nav-item:hover svg{color:#0071e3;transform:scale(1.08)}.dashboard-nav-item:active{transform:scale(.96)}.dashboard-nav-item.active{color:#0071e3;background:#edf5ff;border-color:#b9d9ff;font-weight:600;box-shadow:0 2px 6px #0071e31f}.dashboard-nav-item.active svg{color:#0071e3}.dashboard-nav-group{flex-direction:column;grid-column:span 2;margin-top:2px;display:flex}.dashboard-nav-group .group-header{color:#1d1d1f;background:#fff;border:1px solid #0000000d;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:10px;font-size:12.5px;font-weight:600;display:flex}.dashboard-nav-group .group-header .group-left{align-items:center;gap:7px;display:flex}.dashboard-nav-group .group-header .chevron-icon{opacity:.6;transition:transform .3s cubic-bezier(.4,0,.2,1)}.dashboard-nav-group .group-header .chevron-icon.open{transform:rotate(180deg)}.dashboard-nav-group .group-header.active-group{color:#0071e3;background:#edf5ff;border-color:#b9d9ff}.dashboard-nav-group .group-header.active-group svg{color:#0071e3}.dashboard-nav-group .group-content{opacity:0;grid-template-columns:repeat(2,1fr);gap:6px;max-height:0;padding:0;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .3s;display:grid;overflow:hidden}.dashboard-nav-group .group-content.open{opacity:1;max-height:500px;margin-top:6px;padding-bottom:2px}.dashboard-nav-group .group-content .sub-item{text-align:center;background:#fafafc;border:1px solid #0000000a;border-radius:8px;justify-content:center;min-height:38px;padding:8px 6px;font-size:11.5px}.dashboard-nav-group .group-content .sub-item.active{color:#0071e3;background:#edf5ff;border-color:#b9d9ff;font-weight:600}.dashboard-nav-bottom{border-top:1px solid #e5e5ea;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:auto;padding-top:12px;display:grid}.dashboard-nav-bottom .dashboard-nav-item{min-height:42px;font-size:12px}.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:13px;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)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.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}.employee-tree-select{flex:1;min-width:200px;position:relative}.employee-tree-select .select-trigger{cursor:pointer;background:#fff;border:1px solid #d2d2d7;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:14px;transition:all .2s;display:flex}.employee-tree-select .select-trigger:hover{border-color:#0071e3}.employee-tree-select .select-trigger .placeholder{color:#86868b}.employee-tree-select .select-trigger .selected-text{color:#1d1d1f;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.employee-tree-select .select-trigger .arrow{flex-shrink:0;transition:transform .2s}.employee-tree-select .select-trigger .arrow.up{transform:rotate(180deg)}.employee-tree-select .dropdown-menu{z-index:1000;background:#fff;border:1px solid #e1e1e8;border-radius:12px;flex-direction:column;width:300px;display:flex;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 4px 20px #0000001a}.employee-tree-select .dropdown-menu .search-box{border-bottom:1px solid #f5f5f7;padding:12px;position:relative}.employee-tree-select .dropdown-menu .search-box .search-icon{position:absolute;top:50%;left:20px;transform:translateY(-50%)}.employee-tree-select .dropdown-menu .search-box input{background:#f5f5f7;border:1px solid #d2d2d7;border-radius:6px;width:100%;padding:8px 12px 8px 32px;font-size:13px;transition:all .2s}.employee-tree-select .dropdown-menu .search-box input:focus{background:#fff;border-color:#0071e3;outline:none;box-shadow:0 0 0 2px #0071e31a}.employee-tree-select .dropdown-menu .tree-container{max-height:280px;padding:8px 0;overflow-y:auto}.employee-tree-select .dropdown-menu .tree-container::-webkit-scrollbar{width:6px}.employee-tree-select .dropdown-menu .tree-container::-webkit-scrollbar-thumb{background:#d2d2d7;border-radius:3px}.employee-tree-select .dropdown-menu .tree-container .no-data{text-align:center;color:#86868b;padding:20px;font-size:13px}.employee-tree-select .dropdown-menu .tree-container .tree-node-wrapper{flex-direction:column;display:flex}.employee-tree-select .dropdown-menu .tree-container .tree-node{cursor:pointer;align-items:center;padding:8px 16px;transition:background-color .2s;display:flex}.employee-tree-select .dropdown-menu .tree-container .tree-node:hover{background-color:#f5f5f7}.employee-tree-select .dropdown-menu .tree-container .tree-node.selected{background-color:#f0f7ff}.employee-tree-select .dropdown-menu .tree-container .tree-node .node-content{align-items:center;width:100%;display:flex}.employee-tree-select .dropdown-menu .tree-container .tree-node .node-content .expand-icon{color:#86868b;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;margin-right:4px;display:inline-flex}.employee-tree-select .dropdown-menu .tree-container .tree-node .node-content .expand-icon:hover{background:#e1e1e8}.employee-tree-select .dropdown-menu .tree-container .tree-node .node-content .expand-icon.hidden{visibility:hidden}.employee-tree-select .dropdown-menu .tree-container .tree-node .node-content .node-name{color:#1d1d1f;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.employee-tree-select .dropdown-menu .tree-container .dept-node .node-name{font-weight:500}.employee-tree-select .dropdown-menu .tree-container .emp-node .node-name{color:#424245}.third-party-integration .integration-loading{text-align:center;color:#86868b;padding:40px}.third-party-integration .integration-header{margin-bottom:24px}.third-party-integration .integration-header h2{color:#1d1d1f;margin:0 0 8px;font-size:24px;font-weight:600}.third-party-integration .integration-header .settings-desc{color:#86868b;margin:0;font-size:14px}.third-party-integration .integration-tabs{border-bottom:1px solid #e5e5ea;gap:12px;margin-bottom:32px;padding-bottom:16px;display:flex}.third-party-integration .integration-tabs .tab-btn{color:#86868b;cursor:pointer;background:0 0;border:none;border-radius:20px;align-items:center;gap:8px;padding:10px 20px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.third-party-integration .integration-tabs .tab-btn:hover{color:#1d1d1f;background:#f5f5f7}.third-party-integration .integration-tabs .tab-btn.active{color:#fff;background:#1d1d1f;box-shadow:0 4px 12px #0000001a}.third-party-integration .tab-pane h3{align-items:center;gap:8px;margin:0 0 8px;font-size:18px;display:flex}.third-party-integration .tab-pane .tab-desc{color:#515154;margin:0 0 24px;font-size:14px}.third-party-integration .animate-fade-in{animation:.3s ease-in-out fadeIn}.third-party-integration .integration-card{background:#fff;border:1px solid #e5e5ea;border-radius:16px;gap:32px;display:flex;overflow:hidden}@media (width<=768px){.third-party-integration .integration-card{flex-direction:column}}.third-party-integration .integration-form{flex-direction:column;flex:2;gap:24px;padding:32px;display:flex}.third-party-integration .integration-form .form-group{flex-direction:column;gap:8px;display:flex}.third-party-integration .integration-form .form-group label{color:#1d1d1f;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.third-party-integration .integration-form .form-group input{background:#f5f5f7;border:1px solid #d2d2d7;border-radius:10px;padding:12px 16px;font-size:14px;transition:all .2s}.third-party-integration .integration-form .form-group input:focus{background:#fff;border-color:#0071e3;outline:none;box-shadow:0 0 0 3px #0071e31a}.third-party-integration .integration-form .form-group .hint{color:#86868b;font-size:12px}.third-party-integration .integration-form .form-group .error-text{color:#ff3b30}.third-party-integration .integration-form .form-actions{border-top:1px solid #e5e5ea;justify-content:flex-start;margin-top:16px;padding-top:24px;display:flex}.third-party-integration .integration-form .form-actions .primary-btn{color:#fff;cursor:pointer;background:#0071e3;border:none;border-radius:24px;align-items:center;gap:8px;padding:12px 32px;font-size:15px;transition:all .2s;display:flex}.third-party-integration .integration-form .form-actions .primary-btn:disabled{opacity:.7;cursor:not-allowed}.third-party-integration .integration-form .form-actions .primary-btn.success{background:#34c759}.third-party-integration .integration-form .form-actions .primary-btn:hover:not(:disabled){background:#0077ed}.third-party-integration .integration-form .form-actions .default-btn{color:#1d1d1f;cursor:pointer;background:#f5f5f7;border:none;border-radius:24px;padding:12px 32px;font-size:15px;transition:all .2s}.third-party-integration .integration-form .form-actions .default-btn:hover{background:#e5e5ea}.third-party-integration .integration-form .form-actions .magic-sync-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0082ef,#0056b3);border:none;border-radius:24px;align-items:center;gap:10px;padding:12px 28px;font-size:15px;font-weight:500;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;box-shadow:0 4px 15px #0082ef4d}.third-party-integration .integration-form .form-actions .magic-sync-btn:hover:not(:disabled){background:linear-gradient(135deg,#0093ff,#0066d6);transform:translateY(-2px);box-shadow:0 6px 20px #0082ef66}.third-party-integration .integration-form .form-actions .magic-sync-btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 10px #0082ef4d}.third-party-integration .integration-form .form-actions .magic-sync-btn.syncing{color:#86868b;box-shadow:none;cursor:not-allowed;background:#f5f5f7;transform:none}.third-party-integration .integration-form .sync-msg-box{border-radius:12px;margin-top:20px;padding:12px 16px;font-size:14px;font-weight:500;animation:.3s ease-out fadeIn}.third-party-integration .integration-form .sync-msg-box.success{color:#0082ef;background:#f0f9ff;border:1px solid #bae0ff}.third-party-integration .integration-form .sync-msg-box.error{color:#cf1322;background:#fff2f0;border:1px solid #ffa39e}.third-party-integration .integration-sidebar{background:#f5f5f7;border-left:1px solid #e5e5ea;flex:1;padding:32px}.third-party-integration .integration-sidebar h3{color:#1d1d1f;margin-top:0;margin-bottom:16px;font-size:16px}.third-party-integration .integration-sidebar ul{margin:0;padding-left:20px}.third-party-integration .integration-sidebar ul li{color:#515154;margin-bottom:12px;font-size:13px;line-height:1.5}.third-party-integration .integration-sidebar ul li strong{color:#1d1d1f}.third-party-integration .rotating{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.third-party-integration .app-list{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.third-party-integration .app-list .app-item{background:#f5f5f7;border:1px solid #0000000d;border-radius:12px;padding:20px;transition:all .2s}.third-party-integration .app-list .app-item:hover{background:#fff;border-color:#d2d2d7;box-shadow:0 4px 15px #0000000f}.third-party-integration .app-list .app-item .app-item-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.third-party-integration .app-list .app-item .app-item-header strong{color:#1d1d1f;font-size:16px}.third-party-integration .app-list .app-item .app-item-header .app-item-actions{gap:12px;display:flex}.third-party-integration .app-list .app-item .app-item-header .app-item-actions .text-btn{color:#0071e3;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:14px;transition:all .2s}.third-party-integration .app-list .app-item .app-item-header .app-item-actions .text-btn:hover{background:#0071e31a}.third-party-integration .app-list .app-item .app-item-header .app-item-actions .text-btn.danger{color:#ff3b30}.third-party-integration .app-list .app-item .app-item-header .app-item-actions .text-btn.danger:hover{background:#ff3b301a}.third-party-integration .app-list .app-item .app-item-code{color:#86868b;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px}.third-party-integration .bot-form-divider{border-top:1px solid #e5e5ea;margin-top:24px;padding-top:24px}.third-party-integration .mapping-dashboard{flex-direction:column;gap:16px;margin-top:20px;display:flex}.third-party-integration .mapping-dashboard .mapping-stat-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.third-party-integration .mapping-dashboard .mapping-stat-cards .stat-card{background:#fff;border:1px solid #e5e5ea;border-radius:12px;align-items:center;gap:14px;padding:16px 20px;display:flex;box-shadow:0 2px 6px #00000005}.third-party-integration .mapping-dashboard .mapping-stat-cards .stat-card .stat-icon-wrapper{border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.third-party-integration .mapping-dashboard .mapping-stat-cards .stat-card .stat-icon-wrapper.total{color:#0071e3;background:#eaf2fd}.third-party-integration .mapping-dashboard .mapping-stat-cards .stat-card .stat-icon-wrapper.active{color:#34c759;background:#e8f8ee}.third-party-integration .mapping-dashboard .mapping-stat-cards .stat-card .stat-icon-wrapper.resigned{color:#ff3b30;background:#fdeeee}.third-party-integration .mapping-dashboard .mapping-stat-cards .stat-card .stat-meta{flex-direction:column;display:flex}.third-party-integration .mapping-dashboard .mapping-stat-cards .stat-card .stat-meta .stat-label{color:#86868b;font-size:13px}.third-party-integration .mapping-dashboard .mapping-stat-cards .stat-card .stat-meta .stat-value{color:#1d1d1f;margin-top:2px;font-size:22px;font-weight:700;line-height:1.2}.third-party-integration .mapping-dashboard .resigned-alert-banner{background:#fff5f5;border:1px solid #ffd4d4;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;animation:.3s fadeIn;display:flex}.third-party-integration .mapping-dashboard .resigned-alert-banner .alert-content{color:#d70015;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.third-party-integration .mapping-dashboard .resigned-alert-banner .clean-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ff3b30;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.third-party-integration .mapping-dashboard .resigned-alert-banner .clean-btn:hover:not(:disabled){background:#e0281c;transform:translateY(-1px)}.third-party-integration .mapping-dashboard .resigned-alert-banner .clean-btn:active:not(:disabled){transform:scale(.97)}.third-party-integration .mapping-dashboard .resigned-alert-banner .clean-btn:disabled{opacity:.6;cursor:not-allowed}.third-party-integration .mapping-dashboard .mapping-toolbar{background:#fbfbfd;border:1px solid #e5e5ea;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.third-party-integration .mapping-dashboard .mapping-toolbar .toolbar-left{flex:1;align-items:center;gap:12px;min-width:280px;display:flex}.third-party-integration .mapping-dashboard .mapping-toolbar .toolbar-left .search-box{flex:1;align-items:center;max-width:360px;display:flex;position:relative}.third-party-integration .mapping-dashboard .mapping-toolbar .toolbar-left .search-box .search-icon{color:#86868b;position:absolute;left:12px}.third-party-integration .mapping-dashboard .mapping-toolbar .toolbar-left .search-box input{background:#fff;border:1px solid #d2d2d7;border-radius:8px;outline:none;width:100%;padding:8px 12px 8px 36px;font-size:13px}.third-party-integration .mapping-dashboard .mapping-toolbar .toolbar-left .search-box input:focus{border-color:#0071e3;box-shadow:0 0 0 2px #0071e31a}.third-party-integration .mapping-dashboard .mapping-toolbar .toolbar-left .filter-select{color:#1d1d1f;cursor:pointer;background:#fff;border:1px solid #d2d2d7;border-radius:8px;outline:none;padding:8px 12px;font-size:13px}.third-party-integration .mapping-dashboard .mapping-toolbar .toolbar-left .filter-select:focus{border-color:#0071e3}.third-party-integration .mapping-dashboard .mapping-toolbar .toolbar-right{align-items:center;gap:8px;display:flex}.third-party-integration .mapping-dashboard .mapping-toolbar .toolbar-right .batch-btn{color:#ff3b30;cursor:pointer;background:#fff;border:1px solid #ffd4d4;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:all .2s;display:flex}.third-party-integration .mapping-dashboard .mapping-toolbar .toolbar-right .batch-btn:hover:not(:disabled){background:#fff5f5}.third-party-integration .mapping-dashboard .mapping-toolbar .toolbar-right .batch-btn:disabled{opacity:.5;cursor:not-allowed;color:#86868b;border-color:#d2d2d7}.third-party-integration .mapping-dashboard .mapping-table-container{background:#fff;border:1px solid #e5e5ea;border-radius:12px;overflow:hidden}.third-party-integration .mapping-dashboard .mapping-table-container table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.third-party-integration .mapping-dashboard .mapping-table-container table thead{z-index:2;background:#f5f5f7;position:sticky;top:0}.third-party-integration .mapping-dashboard .mapping-table-container table thead th{color:#1d1d1f;white-space:nowrap;border-bottom:1px solid #e5e5ea;padding:12px 16px;font-weight:600}.third-party-integration .mapping-dashboard .mapping-table-container table tbody tr{border-bottom:1px solid #f0f0f5;transition:background .15s}.third-party-integration .mapping-dashboard .mapping-table-container table tbody tr:hover{background:#fbfbfd}.third-party-integration .mapping-dashboard .mapping-table-container table tbody tr.resigned-row{background:snow}.third-party-integration .mapping-dashboard .mapping-table-container table tbody tr.resigned-row:hover{background:#fff3f3}.third-party-integration .mapping-dashboard .mapping-table-container table tbody tr td{color:#1d1d1f;vertical-align:middle;padding:12px 16px}.third-party-integration .mapping-dashboard .mapping-table-container table tbody tr td .name-with-dept{flex-direction:column;gap:2px;display:flex}.third-party-integration .mapping-dashboard .mapping-table-container table tbody tr td .name-with-dept .emp-name{color:#1d1d1f;font-weight:500}.third-party-integration .mapping-dashboard .mapping-table-container table tbody tr td .name-with-dept .emp-dept{color:#86868b;font-size:12px}.third-party-integration .mapping-dashboard .mapping-table-container table tbody tr td .dt-info{flex-direction:column;gap:2px;display:flex}.third-party-integration .mapping-dashboard .mapping-table-container table tbody tr td .dt-info .dt-name-match{color:#0071e3;font-weight:500}.third-party-integration .mapping-dashboard .mapping-table-container table tbody tr td .dt-info .dt-uid{color:#86868b;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.third-party-integration .mapping-dashboard .mapping-table-container table tbody tr td .status-badge{white-space:nowrap;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.third-party-integration .mapping-dashboard .mapping-table-container table tbody tr td .status-badge.active{color:#27ae60;background:#e8f8ee;border:1px solid #c2eecf}.third-party-integration .mapping-dashboard .mapping-table-container table tbody tr td .status-badge.resigned{color:#d70015;background:#fdeeee;border:1px solid #f9c8c8}.third-party-integration .mapping-dashboard .mapping-table-container table tbody tr td .action-btns{align-items:center;gap:8px;display:flex}.third-party-integration .mapping-dashboard .mapping-table-container table tbody tr td .action-btns .table-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;transition:all .2s;display:flex}.third-party-integration .mapping-dashboard .mapping-table-container table tbody tr td .action-btns .table-btn.edit{color:#0071e3}.third-party-integration .mapping-dashboard .mapping-table-container table tbody tr td .action-btns .table-btn.edit:hover{background:#0071e31a}.third-party-integration .mapping-dashboard .mapping-table-container table tbody tr td .action-btns .table-btn.delete{color:#ff3b30}.third-party-integration .mapping-dashboard .mapping-table-container table tbody tr td .action-btns .table-btn.delete:hover{background:#ff3b301a}.third-party-integration .mapping-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0006;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.third-party-integration .mapping-modal-overlay .mapping-modal-card{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:480px;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000026}.third-party-integration .mapping-modal-overlay .mapping-modal-card .modal-header{border-bottom:1px solid #e5e5ea;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.third-party-integration .mapping-modal-overlay .mapping-modal-card .modal-header h4{color:#1d1d1f;margin:0;font-size:16px;font-weight:600}.third-party-integration .mapping-modal-overlay .mapping-modal-card .modal-header .close-btn{color:#86868b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex}.third-party-integration .mapping-modal-overlay .mapping-modal-card .modal-header .close-btn:hover{color:#1d1d1f;background:#f5f5f7}.third-party-integration .mapping-modal-overlay .mapping-modal-card .modal-body{flex-direction:column;gap:16px;padding:20px;display:flex}.third-party-integration .mapping-modal-overlay .mapping-modal-card .modal-body .modal-emp-info{background:#f5f5f7;border-radius:10px;flex-direction:column;gap:6px;padding:12px 16px;font-size:13px;display:flex}.third-party-integration .mapping-modal-overlay .mapping-modal-card .modal-body .modal-emp-info .info-row{display:flex}.third-party-integration .mapping-modal-overlay .mapping-modal-card .modal-body .modal-emp-info .info-row span:first-child{color:#86868b;width:90px}.third-party-integration .mapping-modal-overlay .mapping-modal-card .modal-body .modal-emp-info .info-row span:last-child{color:#1d1d1f;font-weight:500}.third-party-integration .mapping-modal-overlay .mapping-modal-card .modal-body .form-group{flex-direction:column;gap:8px;display:flex}.third-party-integration .mapping-modal-overlay .mapping-modal-card .modal-body .form-group label{color:#1d1d1f;font-size:13px;font-weight:500}.third-party-integration .mapping-modal-overlay .mapping-modal-card .modal-body .form-group .input-or-divider{color:#86868b;align-items:center;gap:8px;margin:4px 0;font-size:12px;display:flex}.third-party-integration .mapping-modal-overlay .mapping-modal-card .modal-body .form-group .input-or-divider:before,.third-party-integration .mapping-modal-overlay .mapping-modal-card .modal-body .form-group .input-or-divider:after{content:"";background:#e5e5ea;flex:1;height:1px}.third-party-integration .mapping-modal-overlay .mapping-modal-card .modal-body .form-group input{border:1px solid #d2d2d7;border-radius:8px;outline:none;padding:10px 14px;font-size:13px}.third-party-integration .mapping-modal-overlay .mapping-modal-card .modal-body .form-group input:focus{border-color:#0071e3;box-shadow:0 0 0 2px #0071e31a}.third-party-integration .mapping-modal-overlay .mapping-modal-card .modal-footer{background:#fafafa;border-top:1px solid #e5e5ea;justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.third-party-integration .mapping-modal-overlay .mapping-modal-card .modal-footer .cancel-btn{color:#1d1d1f;cursor:pointer;background:#fff;border:1px solid #d2d2d7;border-radius:8px;padding:8px 18px;font-size:13px}.third-party-integration .mapping-modal-overlay .mapping-modal-card .modal-footer .cancel-btn:hover{background:#f5f5f7}.third-party-integration .mapping-modal-overlay .mapping-modal-card .modal-footer .submit-btn{color:#fff;cursor:pointer;background:#0071e3;border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:500}.third-party-integration .mapping-modal-overlay .mapping-modal-card .modal-footer .submit-btn:hover:not(:disabled){background:#0077ed}.third-party-integration .mapping-modal-overlay .mapping-modal-card .modal-footer .submit-btn:disabled{opacity:.6;cursor:not-allowed}.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}.iam-dashboard{background-color:#f5f5f7;flex-direction:column;height:100%;display:flex}.iam-dashboard .iam-header{background:#fff;border-bottom:1px solid #e5e5ea;flex-direction:column;gap:24px;padding:32px 40px;display:flex}.iam-dashboard .iam-header .header-title{align-items:center;gap:12px;display:flex}.iam-dashboard .iam-header .header-title h1{color:#1d1d1f;margin:0;font-size:28px;font-weight:600}.iam-dashboard .iam-header .segmented-control{background:#f0f0f2;border-radius:8px;width:fit-content;padding:4px;display:flex}.iam-dashboard .iam-header .segmented-control .segment-btn{color:#86868b;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.iam-dashboard .iam-header .segmented-control .segment-btn:hover{color:#1d1d1f}.iam-dashboard .iam-header .segmented-control .segment-btn.active{color:#1d1d1f;background:#fff;box-shadow:0 1px 3px #0000001a}.iam-dashboard .iam-content{flex:1;position:relative;overflow:hidden}.iam-dashboard .iam-content>div{background:0 0;height:100%}.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%;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)}}.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}.row-danger{background-color:#fff1f0!important}.row-success{background-color:#f6ffed!important}.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}.dashboard-cards-container{flex-wrap:wrap;gap:20px;margin-bottom:24px;display:flex}.dashboard-cards-container .kpi-card{background:#fff;border:1px solid #0000000d;border-radius:12px;flex:1;align-items:center;gap:16px;min-width:200px;padding:20px;display:flex;box-shadow:0 4px 12px #0000000d}.dashboard-cards-container .kpi-card .kpi-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.dashboard-cards-container .kpi-card .kpi-icon.blue{color:#1890ff;background:#e6f7ff}.dashboard-cards-container .kpi-card .kpi-icon.green{color:#52c41a;background:#f6ffed}.dashboard-cards-container .kpi-card .kpi-icon.orange{color:#fa8c16;background:#fff7e6}.dashboard-cards-container .kpi-card .kpi-icon.purple{color:#722ed1;background:#f9f0ff}.dashboard-cards-container .kpi-card .kpi-info{flex-direction:column;gap:4px;display:flex}.dashboard-cards-container .kpi-card .kpi-info .kpi-label{color:#666;font-size:13px}.dashboard-cards-container .kpi-card .kpi-info .kpi-value{color:#1d1d1f;font-size:24px;font-weight:600;line-height:1.2}.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}.apple-tabs{background:#f2f2f7;border-radius:8px;width:fit-content;padding:4px;display:flex}.apple-tabs .tab-btn{color:#8e8e93;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 16px;font-size:14px;font-weight:500;transition:all .2s}.apple-tabs .tab-btn.active{color:#1d1d1f;background:#fff;box-shadow:0 1px 4px #0000001a}.douyin-analysis-page{box-sizing:border-box;width:100%;max-width:100%;padding:24px;overflow-x:hidden}.douyin-analysis-page .page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.douyin-analysis-page .page-header h1{color:#1d1d1f;margin:0;font-size:24px;font-weight:600}.douyin-analysis-page .page-header .header-actions{align-items:center;gap:12px;display:flex}.douyin-analysis-page .page-header .header-actions .upload-group{background:#f5f5f7;border-radius:8px;gap:8px;padding:4px;display:flex}.douyin-analysis-page .page-header .header-actions .btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.douyin-analysis-page .page-header .header-actions .btn.btn-primary{color:#fff;background:#0071e3}.douyin-analysis-page .page-header .header-actions .btn.btn-primary:hover:not(:disabled){background:#0077ed}.douyin-analysis-page .page-header .header-actions .btn.btn-secondary{color:#1d1d1f;background:#fff;border:1px solid #d2d2d7}.douyin-analysis-page .page-header .header-actions .btn.btn-secondary:hover{background:#f5f5f7}.douyin-analysis-page .page-header .header-actions .btn.btn-danger{color:#ff3b30;background:#fff;border:1px solid #ff3b30}.douyin-analysis-page .page-header .header-actions .btn.btn-danger:hover{background:#fff2f2}.douyin-analysis-page .page-header .header-actions .btn:disabled{opacity:.6;cursor:not-allowed}.douyin-analysis-page .upload-progress-bar{color:#0071e3;text-align:center;background:#e1f0ff;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-weight:500;animation:2s infinite pulse}.douyin-analysis-page .alert-info{color:#515154;background:#f5f5f7;border-radius:8px;align-items:center;gap:8px;margin-bottom:24px;padding:12px 16px;font-size:13px;display:flex}.douyin-analysis-page .alert-info .icon{color:#86868b;flex-shrink:0}.douyin-analysis-page .card{background:#fff;border:1px solid #0000000d;border-radius:12px;padding:24px;box-shadow:0 4px 12px #0000000d}.douyin-analysis-page .global-filter-bar{border-bottom:1px solid #f0f0f0;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:24px;display:flex}.douyin-analysis-page .global-filter-bar .filter-item{align-items:center;gap:8px;display:flex}.douyin-analysis-page .global-filter-bar .filter-item .filter-label{color:#666;white-space:nowrap;font-size:14px}.douyin-analysis-page .global-filter-bar .enterprise-date-picker{background:#fff;border:1px solid #d9d9d9;border-radius:6px;align-items:center;gap:8px;padding:2px;display:flex}.douyin-analysis-page .global-filter-bar .enterprise-date-picker input[type=date]{color:#333;background:0 0;border:none;border-radius:4px;outline:none;padding:6px 12px;font-family:inherit}.douyin-analysis-page .global-filter-bar .enterprise-date-picker .separator{color:#999}.douyin-analysis-page .global-filter-bar .search-box{background:#f5f5f7;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 12px;display:flex}.douyin-analysis-page .global-filter-bar .search-box input{background:0 0;border:none;outline:none;width:100%;font-size:14px}.douyin-analysis-page .kpi-cards{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;display:grid}.douyin-analysis-page .kpi-cards .kpi-card{background:#fafafa;border:1px solid #f0f0f0;border-radius:12px;padding:20px}.douyin-analysis-page .kpi-cards .kpi-card .title{color:#666;margin-bottom:8px;font-size:14px}.douyin-analysis-page .kpi-cards .kpi-card .value{color:#1d1d1f;margin-bottom:8px;font-size:28px;font-weight:600}.douyin-analysis-page .kpi-cards .kpi-card .mom-indicator{align-items:center;display:flex}.douyin-analysis-page .kpi-cards .kpi-card .mom-indicator.positive{color:#34c759}.douyin-analysis-page .kpi-cards .kpi-card .mom-indicator.negative{color:#ff3b30}.douyin-analysis-page .kpi-cards .kpi-card .mom-indicator.neutral{color:#86868b}.douyin-analysis-page .charts-row{gap:24px;margin-bottom:24px;display:flex}.douyin-analysis-page .charts-row .chart-box{background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:20px}.douyin-analysis-page .table-box{box-sizing:border-box;background:#fff;border:1px solid #0000000d;border-radius:12px;width:100%;min-width:0;padding:24px;box-shadow:0 4px 12px #0000000d}.douyin-analysis-page .table-box .douyin-main-table-wrap{width:100%;overflow-x:auto}.douyin-analysis-page .table-box .douyin-main-table-wrap table{min-width:1400px}@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}}.emp-drawer-overlay{z-index:1000;background:#00000080;justify-content:flex-end;display:flex;position:fixed;inset:0}.emp-drawer{background:#fff;flex-direction:column;width:600px;height:100%;animation:.3s ease-out slideIn;display:flex;box-shadow:-4px 0 24px #0000001a}.emp-drawer .drawer-header{background:#fafafa;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.emp-drawer .drawer-header h2{color:#1d1d1f;margin:0;font-size:18px}.emp-drawer .drawer-header .btn-icon{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;padding:4px}.emp-drawer .drawer-header .btn-icon:hover{background:#eee}.emp-drawer .drawer-content{flex:1;padding:24px;overflow-y:auto}.emp-drawer .drawer-content .emp-summary-cards{gap:12px;margin-bottom:24px;display:flex}.emp-drawer .drawer-content .emp-summary-cards .scard{background:#f5f5f7;border-radius:8px;flex-direction:column;flex:1;gap:8px;padding:16px;display:flex}.emp-drawer .drawer-content .emp-summary-cards .scard span{color:#666;font-size:13px}.emp-drawer .drawer-content .emp-summary-cards .scard strong{color:#1d1d1f;font-size:20px}.emp-drawer .drawer-content .extreme-videos{gap:16px;width:100%;margin-bottom:24px;display:flex}.emp-drawer .drawer-content .extreme-videos .extreme-box{border:1px solid #f0f0f0;border-radius:8px;flex-direction:column;flex:1;min-width:0;height:100px;padding:16px;display:flex}.emp-drawer .drawer-content .extreme-videos .extreme-box h4{flex-shrink:0;margin:0 0 12px;font-size:14px}.emp-drawer .drawer-content .extreme-videos .extreme-box.best h4{color:#d4a017}.emp-drawer .drawer-content .extreme-videos .extreme-box.worst h4{color:#ff3b30}.emp-drawer .drawer-content .extreme-videos .extreme-box a{color:#0071e3;white-space:nowrap;text-overflow:ellipsis;width:100%;margin-bottom:8px;font-size:14px;font-weight:500;text-decoration:none;display:block;overflow:hidden}.emp-drawer .drawer-content .extreme-videos .extreme-box a:hover{text-decoration:underline}.emp-drawer .drawer-content .extreme-videos .extreme-box .stats{color:#666;margin-top:auto;font-size:12px}.emp-drawer .drawer-content .video-list-table{border:1px solid #f0f0f0;border-radius:8px;width:100%;overflow-x:auto}.emp-drawer .drawer-content .video-list-table table{border-collapse:collapse;width:100%;min-width:800px;font-size:13px}.emp-drawer .drawer-content .video-list-table table th,.emp-drawer .drawer-content .video-list-table table td{text-align:left;border-bottom:1px solid #f0f0f0;padding:10px 12px}.emp-drawer .drawer-content .video-list-table table th{color:#666;background:#fafafa;font-weight:500}.emp-drawer .drawer-content .video-list-table table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.emp-drawer .drawer-content .video-list-table table th.sortable:hover{background:#f0f0f0}.emp-drawer .drawer-content .video-list-table table tr:hover td{background:#fcfcfc}.emp-drawer .drawer-content .video-list-table table tr:last-child td{border-bottom:none}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.spinning{animation:1s linear infinite spin}.dingtalk-push-config-page{box-sizing:border-box;background-color:#f5f5f7;min-height:100vh;padding:32px 40px}.dingtalk-push-config-page .page-header{border-bottom:1px solid #0000000d;margin-bottom:24px;padding-bottom:20px}.dingtalk-push-config-page .page-header .page-title{color:#1d1d1f;align-items:center;gap:12px;margin:0;font-size:24px;font-weight:600;display:flex}.dingtalk-push-config-page .page-header .page-desc{color:#86868b;margin-top:10px;margin-bottom:0;font-size:14px}.dingtalk-push-config-page .toolbar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.dingtalk-push-config-page .toolbar .search-box{width:300px;position:relative}.dingtalk-push-config-page .toolbar .search-box .search-icon{color:#86868b;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.dingtalk-push-config-page .toolbar .search-box input{box-sizing:border-box;border:1px solid #e5e5ea;border-radius:8px;outline:none;width:100%;padding:10px 12px 10px 36px;font-size:14px;transition:all .2s}.dingtalk-push-config-page .toolbar .search-box input:focus{border-color:#0071e3;box-shadow:0 0 0 3px #0071e31a}.dingtalk-push-config-page .toolbar .add-btn{color:#fff;cursor:pointer;background:#0071e3;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.dingtalk-push-config-page .toolbar .add-btn:hover{background:#0077ed}.dingtalk-push-config-page .empty-state{text-align:center;background:#fff;border:1px solid #0000000d;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:100px 20px;display:flex;box-shadow:0 4px 24px #0000000a}.dingtalk-push-config-page .empty-state .empty-illustration{color:#0071e3;background:linear-gradient(135deg,#e5f0ff 0%,#f0f7ff 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:flex}.dingtalk-push-config-page .empty-state h3{color:#1d1d1f;margin-top:0;margin-bottom:12px;font-size:20px;font-weight:600}.dingtalk-push-config-page .empty-state p{color:#86868b;max-width:420px;margin-bottom:32px;font-size:15px;line-height:1.5}.dingtalk-push-config-page .empty-state .add-btn{color:#fff;cursor:pointer;background:#0071e3;border:none;border-radius:24px;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #0071e340}.dingtalk-push-config-page .empty-state .add-btn:hover{background:#0077ed;transform:translateY(-2px);box-shadow:0 6px 18px #0071e359}.dingtalk-push-config-page .empty-state .add-btn:active{transform:translateY(0)}.dingtalk-push-config-page .push-rule-list{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000000a}.dingtalk-push-config-page .push-rule-list .list-header{color:#86868b;background:#fafafc;border-bottom:1px solid #f0f0f0;grid-template-columns:2.5fr 3fr 1fr 1fr 120px;padding:16px 24px;font-size:13px;font-weight:600;display:grid}.dingtalk-push-config-page .push-rule-list .list-row{border-bottom:1px solid #f0f0f0;grid-template-columns:2.5fr 3fr 1fr 1fr 120px;align-items:center;padding:20px 24px;transition:background .2s;display:grid}.dingtalk-push-config-page .push-rule-list .list-row:last-child{border-bottom:none}.dingtalk-push-config-page .push-rule-list .list-row:hover{background:#fdfdfd}.dingtalk-push-config-page .push-rule-list .list-row .col-name{color:#1d1d1f;font-size:15px;font-weight:500}.dingtalk-push-config-page .push-rule-list .list-row .col-depts{color:#86868b;white-space:nowrap;text-overflow:ellipsis;padding-right:20px;font-size:13px;overflow:hidden}.dingtalk-push-config-page .push-rule-list .list-row .col-time{color:#1d1d1f;font-size:14px}.dingtalk-push-config-page .push-rule-list .list-row .col-status .toggle-switch{width:40px;height:22px;position:relative}.dingtalk-push-config-page .push-rule-list .list-row .col-status .toggle-switch input{opacity:0;width:0;height:0}.dingtalk-push-config-page .push-rule-list .list-row .col-status .toggle-switch label{cursor:pointer;background-color:#e5e5ea;border-radius:22px;transition:all .3s;position:absolute;inset:0}.dingtalk-push-config-page .push-rule-list .list-row .col-status .toggle-switch label:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0000001a}.dingtalk-push-config-page .push-rule-list .list-row .col-status .toggle-switch input:checked+label{background-color:#34c759}.dingtalk-push-config-page .push-rule-list .list-row .col-status .toggle-switch input:checked+label:before{transform:translate(18px)}.dingtalk-push-config-page .push-rule-list .list-row .col-actions{gap:12px;display:flex}.dingtalk-push-config-page .push-rule-list .list-row .col-actions button{cursor:pointer;color:#86868b;background:0 0;border:none;border-radius:4px;padding:4px;transition:color .2s}.dingtalk-push-config-page .push-rule-list .list-row .col-actions button:hover{color:#0071e3;background:#f2f2f7}.dingtalk-push-config-page .push-rule-list .list-row .col-actions button.delete-btn:hover{color:#ff3b30;background:#ff3b301a}.drawer-wrapper{z-index:1000;pointer-events:none;visibility:hidden;position:fixed;inset:0}.drawer-wrapper.visible{visibility:visible}.drawer-wrapper .drawer-overlay{opacity:0;pointer-events:none;z-index:1;background:#0006;transition:opacity .3s;position:absolute;inset:0}.drawer-wrapper .drawer-overlay.open{opacity:1;pointer-events:auto}.drawer-wrapper .drawer-container{pointer-events:auto;z-index:2;background:#fff;flex-direction:column;width:600px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-4px 0 24px #0000001a}.drawer-wrapper .drawer-container.open{transform:translate(0)}.drawer-wrapper .drawer-container .drawer-header{background-color:#fff;border-bottom:1px solid #e5e5ea;flex-direction:column;flex-shrink:0;padding:0;display:flex}.drawer-wrapper .drawer-container .drawer-header .header-top{justify-content:space-between;align-items:center;padding:20px 24px 12px;display:flex}.drawer-wrapper .drawer-container .drawer-header .header-top h2{color:#1d1d1f;margin:0;font-size:18px;font-weight:600}.drawer-wrapper .drawer-container .drawer-header .header-top .close-btn{cursor:pointer;color:#86868b;background:0 0;border:none;border-radius:50%;padding:4px;transition:all .2s;display:flex}.drawer-wrapper .drawer-container .drawer-header .header-top .close-btn:hover{color:#1d1d1f;background:#f2f2f7}.drawer-wrapper .drawer-container .drawer-header .drawer-tabs{gap:24px;padding:0 24px;display:flex}.drawer-wrapper .drawer-container .drawer-header .drawer-tabs .drawer-tab{cursor:pointer;color:#86868b;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 4px 12px;font-size:14px;transition:all .2s}.drawer-wrapper .drawer-container .drawer-header .drawer-tabs .drawer-tab:hover{color:#1d1d1f}.drawer-wrapper .drawer-container .drawer-header .drawer-tabs .drawer-tab.active{color:#0071e3;border-bottom-color:#0071e3;font-weight:500}.drawer-wrapper .drawer-container .drawer-body{background-color:#f5f5f7;flex:1;min-height:0;padding:24px;overflow-y:auto}.drawer-wrapper .drawer-container .drawer-body .form-group{background:#fff;border-radius:12px;margin-bottom:24px;padding:24px;position:relative;box-shadow:0 1px 3px #0000000a}.drawer-wrapper .drawer-container .drawer-body .form-group:first-child{z-index:10}.drawer-wrapper .drawer-container .drawer-body .form-group:nth-child(2){z-index:9}.drawer-wrapper .drawer-container .drawer-body .form-group:nth-child(3){z-index:8}.drawer-wrapper .drawer-container .drawer-body .form-group:nth-child(4){z-index:7}.drawer-wrapper .drawer-container .drawer-body .form-group:nth-child(5){z-index:6}.drawer-wrapper .drawer-container .drawer-body .form-group .group-title{color:#1d1d1f;border-bottom:1px solid #f0f0f0;margin-bottom:20px;padding-bottom:12px;font-size:16px;font-weight:600}.drawer-wrapper .drawer-container .drawer-body .form-row{gap:16px;margin-bottom:20px;display:flex}.drawer-wrapper .drawer-container .drawer-body .form-row.flex-2 .form-item,.drawer-wrapper .drawer-container .drawer-body .form-row.flex-2 .setting-row{flex:1;min-width:0}.drawer-wrapper .drawer-container .drawer-body .setting-row{background:#fbfbfd;border:1px solid #e5e5ea;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 16px;transition:all .2s;display:flex}.drawer-wrapper .drawer-container .drawer-body .setting-row:hover{background:#f5f5f7;border-color:#d1d1d6}.drawer-wrapper .drawer-container .drawer-body .setting-row label{color:#1d1d1f;margin:0;font-size:14px;font-weight:500}.drawer-wrapper .drawer-container .drawer-body .form-item{flex-direction:column;margin-bottom:20px;display:flex}.drawer-wrapper .drawer-container .drawer-body .form-item label{color:#1d1d1f;align-items:center;gap:6px;margin-bottom:8px;font-size:13px;font-weight:500;display:flex}.drawer-wrapper .drawer-container .drawer-body .form-item label .required{color:#ff3b30}.drawer-wrapper .drawer-container .drawer-body .form-item .input-with-suffix{align-items:center;display:flex;position:relative}.drawer-wrapper .drawer-container .drawer-body .form-item .input-with-suffix input{padding-right:36px}.drawer-wrapper .drawer-container .drawer-body .form-item .input-with-suffix .suffix{color:#86868b;pointer-events:none;font-size:14px;position:absolute;right:12px}.drawer-wrapper .drawer-container .drawer-body .form-item input[type=text],.drawer-wrapper .drawer-container .drawer-body .form-item input[type=time],.drawer-wrapper .drawer-container .drawer-body .form-item input[type=number],.drawer-wrapper .drawer-container .drawer-body .form-item select,.drawer-wrapper .drawer-container .drawer-body .form-item textarea{color:#1d1d1f;box-sizing:border-box;background:#fff;border:1px solid #e5e5ea;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .2s}.drawer-wrapper .drawer-container .drawer-body .form-item input[type=text]:focus,.drawer-wrapper .drawer-container .drawer-body .form-item input[type=time]:focus,.drawer-wrapper .drawer-container .drawer-body .form-item input[type=number]:focus,.drawer-wrapper .drawer-container .drawer-body .form-item select:focus,.drawer-wrapper .drawer-container .drawer-body .form-item textarea:focus{border-color:#0071e3;box-shadow:0 0 0 3px #0071e31a}.drawer-wrapper .drawer-container .drawer-body .form-item input[type=text].error-border,.drawer-wrapper .drawer-container .drawer-body .form-item input[type=time].error-border,.drawer-wrapper .drawer-container .drawer-body .form-item input[type=number].error-border,.drawer-wrapper .drawer-container .drawer-body .form-item select.error-border,.drawer-wrapper .drawer-container .drawer-body .form-item textarea.error-border{border-color:#ff3b30}.drawer-wrapper .drawer-container .drawer-body .form-item textarea{resize:vertical;min-height:80px}.drawer-wrapper .drawer-container .drawer-body .form-item .error-msg{color:#ff3b30;margin-top:6px;font-size:12px}.drawer-wrapper .drawer-container .drawer-body .form-item.checkbox-wrap{flex-direction:row;align-items:center;gap:8px}.drawer-wrapper .drawer-container .drawer-body .form-item.checkbox-wrap input[type=checkbox]{accent-color:#0071e3;width:16px;height:16px}.drawer-wrapper .drawer-container .drawer-body .form-item.checkbox-wrap label{cursor:pointer;margin:0}.drawer-wrapper .drawer-container .drawer-body .metrics-selector{flex-wrap:wrap;gap:10px;display:flex}.drawer-wrapper .drawer-container .drawer-body .metrics-selector .metric-tag{color:#86868b;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f2f2f7;border:1px solid #0000;border-radius:16px;padding:6px 14px;font-size:13px;transition:all .2s}.drawer-wrapper .drawer-container .drawer-body .metrics-selector .metric-tag:hover{background:#e5e5ea}.drawer-wrapper .drawer-container .drawer-body .metrics-selector .metric-tag.active{color:#0071e3;background:#0071e31a;border-color:#0071e34d;font-weight:500}.drawer-wrapper .drawer-container .drawer-footer{background-color:#fff;border-top:1px solid #f0f0f0;flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.drawer-wrapper .drawer-container .drawer-footer button{cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s}.drawer-wrapper .drawer-container .drawer-footer button.cancel-btn{color:#1d1d1f;background:#f2f2f7}.drawer-wrapper .drawer-container .drawer-footer button.cancel-btn:hover{background:#e5e5ea}.drawer-wrapper .drawer-container .drawer-footer button.save-btn{color:#fff;background:#0071e3}.drawer-wrapper .drawer-container .drawer-footer button.save-btn:hover:not(:disabled){background:#0077ed}.drawer-wrapper .drawer-container .drawer-footer button.save-btn:disabled{cursor:not-allowed;background:#a1c5ec}.drawer-wrapper .multi-select-dept{position:relative}.drawer-wrapper .multi-select-dept .select-trigger{cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #e5e5ea;border-radius:8px;justify-content:space-between;align-items:center;min-height:40px;padding:6px 14px;transition:all .2s;display:flex}.drawer-wrapper .multi-select-dept .select-trigger.error-border{border-color:#ff3b30}.drawer-wrapper .multi-select-dept .select-trigger:hover:not(.error-border){border-color:#c7c7cc}.drawer-wrapper .multi-select-dept .select-trigger .selected-tags{flex-wrap:nowrap;flex:1;gap:6px;display:flex;overflow:hidden}.drawer-wrapper .multi-select-dept .select-trigger .selected-tags .placeholder{color:#c7c7cc;white-space:nowrap;font-size:14px;line-height:24px}.drawer-wrapper .multi-select-dept .select-trigger .selected-tags .dept-tag{color:#1d1d1f;white-space:nowrap;background:#f2f2f7;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:2px 8px;font-size:13px;display:inline-flex}.drawer-wrapper .multi-select-dept .select-trigger .selected-tags .dept-tag svg{cursor:pointer;color:#86868b;border-radius:50%}.drawer-wrapper .multi-select-dept .select-trigger .selected-tags .dept-tag svg:hover{color:#1d1d1f;background:#e5e5ea}.drawer-wrapper .multi-select-dept .select-trigger .selected-tags .dept-tag-more{color:#1d1d1f;background:#e5e5ea;border-radius:6px;align-items:center;padding:2px 8px;font-size:13px;font-weight:500;display:inline-flex}.drawer-wrapper .multi-select-dept .dropdown-menu{z-index:100;background:#fff;border:1px solid #f0f0f0;border-radius:12px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 8px 30px #0000001f}.drawer-wrapper .multi-select-dept .dropdown-menu .search-input{width:100%;box-shadow:none!important;border:none!important;border-bottom:1px solid #f0f0f0!important;border-radius:0!important;padding:12px 16px!important}.drawer-wrapper .multi-select-dept .dropdown-menu .options-list{max-height:250px;padding:8px 0;overflow-y:auto}.drawer-wrapper .multi-select-dept .dropdown-menu .options-list .option-item{cursor:pointer;color:#1d1d1f;align-items:center;gap:12px;padding:10px 16px;font-size:14px;display:flex}.drawer-wrapper .multi-select-dept .dropdown-menu .options-list .option-item:hover{background:#f5f5f7}.drawer-wrapper .multi-select-dept .dropdown-menu .options-list .option-item .checkbox{border:1px solid #c7c7cc;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;transition:all .2s;display:flex}.drawer-wrapper .multi-select-dept .dropdown-menu .options-list .option-item.selected .checkbox{background:#0071e3;border-color:#0071e3}.drawer-wrapper .multi-select-dept .dropdown-menu .options-list .no-result{text-align:center;color:#86868b;padding:20px;font-size:13px}.template-editor-container{gap:20px;margin-top:15px;display:flex}.template-editor-container .template-editor{background:#fff;border:1px solid #ddd;border-radius:8px;flex-direction:column;flex:1;display:flex;overflow:hidden}.template-editor-container .template-editor .template-toolbar{background:#f8f9fa;border-bottom:1px solid #eee;padding:10px}.template-editor-container .template-editor .template-toolbar .template-presets{margin-bottom:8px}.template-editor-container .template-editor .template-toolbar .template-presets .preset-btn{cursor:pointer;color:#24292f;background:#fff;border:1px solid #d0d7de;border-radius:4px;margin-right:8px;padding:4px 10px;font-size:12px;transition:all .2s}.template-editor-container .template-editor .template-toolbar .template-presets .preset-btn:hover{color:#0969da;background:#f3f4f6;border-color:#0969da}.template-editor-container .template-editor .template-toolbar .template-vars{flex-direction:column;gap:8px;margin-top:12px;display:flex}.template-editor-container .template-editor .template-toolbar .template-vars .var-header{justify-content:space-between;align-items:center;display:flex}.template-editor-container .template-editor .template-toolbar .template-vars .var-hint{color:#333;font-size:13px;font-weight:500}.template-editor-container .template-editor .template-toolbar .template-vars .var-groups-scrollable{background:#fafafa;border:1px solid #e5e7eb;border-radius:6px;max-height:140px;padding:8px 12px;overflow-y:auto}.template-editor-container .template-editor .template-toolbar .template-vars .var-groups-scrollable::-webkit-scrollbar{width:6px}.template-editor-container .template-editor .template-toolbar .template-vars .var-groups-scrollable::-webkit-scrollbar-track{background:0 0}.template-editor-container .template-editor .template-toolbar .template-vars .var-groups-scrollable::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:10px}.template-editor-container .template-editor .template-toolbar .template-vars .var-groups-scrollable .var-group-title{color:#666;margin-bottom:6px;font-size:12px;font-weight:500}.template-editor-container .template-editor .template-toolbar .template-vars .var-groups-scrollable .var-buttons{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.template-editor-container .template-editor .template-toolbar .template-vars .var-groups-scrollable .var-buttons:last-child{margin-bottom:0}.template-editor-container .template-editor .template-toolbar .template-vars .var-footer{color:#666;align-items:center;gap:6px;font-size:12px;display:flex}.template-editor-container .template-editor .template-toolbar .template-vars .var-footer code{background:#f1f2f5;border-radius:4px;padding:2px 6px;font-family:monospace}.template-editor-container .template-editor .template-toolbar .template-vars button{color:#39739d;cursor:pointer;background:#e1ecf4;border:1px solid #7aa7c7;border-radius:4px;padding:3px 8px;font-family:monospace;font-size:12px;transition:all .2s}.template-editor-container .template-editor .template-toolbar .template-vars button:hover{background:#d0e3f1;border-color:#5c97bf}.template-editor-container .template-editor .template-textarea{resize:vertical;color:#333;border:none;outline:none;flex:1;min-height:250px;padding:12px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;line-height:1.5}.template-editor-container .template-preview{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;width:300px;padding:20px;display:flex}.template-editor-container .template-preview .preview-phone{background:#f1f2f5;border-radius:12px;width:100%;padding:12px;box-shadow:0 4px 12px #0000001a}.template-editor-container .template-preview .preview-phone .preview-action-card{background:#fff;border-radius:8px;overflow:hidden}.template-editor-container .template-preview .preview-phone .preview-action-card .card-title{color:#333;border-bottom:1px solid #f0f0f0;padding:12px 16px;font-size:14px;font-weight:600}.template-editor-container .template-preview .preview-phone .preview-action-card .card-markdown{color:#555;white-space:pre-wrap;word-break:break-all;padding:16px;font-size:13px;line-height:1.6}.template-editor-container .template-preview .preview-phone .preview-action-card .card-action-btn{text-align:center;color:#1677ff;cursor:pointer;border-top:1px solid #f0f0f0;padding:12px;font-size:14px;font-weight:500}.multi-select-dept-tree{width:100%;position:relative}.multi-select-dept-tree .select-trigger{cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #e5e5ea;border-radius:10px;justify-content:space-between;align-items:center;min-height:40px;padding:6px 14px;transition:all .2s;display:flex}.multi-select-dept-tree .select-trigger:hover{border-color:#c7c7cc}.multi-select-dept-tree .select-trigger .selected-tags{flex-wrap:wrap;flex:1;gap:6px;display:flex}.multi-select-dept-tree .select-trigger .selected-tags .placeholder{color:#c7c7cc;font-size:14px;line-height:24px}.multi-select-dept-tree .select-trigger .selected-tags .dept-tag{color:#1d1d1f;background:#f2f2f7;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:13px;display:inline-flex}.multi-select-dept-tree .select-trigger .selected-tags .dept-tag svg{cursor:pointer;color:#86868b;border-radius:50%}.multi-select-dept-tree .select-trigger .selected-tags .dept-tag svg:hover{color:#1d1d1f;background:#e5e5ea}.multi-select-dept-tree .select-trigger .selected-tags .dept-tag-more{color:#1d1d1f;background:#e5e5ea;border-radius:6px;align-items:center;padding:2px 8px;font-size:13px;font-weight:500;display:inline-flex}.multi-select-dept-tree .select-trigger .arrow{transition:transform .2s}.multi-select-dept-tree .select-trigger .arrow.up{transform:rotate(180deg)}.multi-select-dept-tree .dropdown-menu{z-index:100;background:#fff;border:1px solid #f0f0f0;border-radius:12px;flex-direction:column;width:max-content;min-width:100%;display:flex;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 8px 30px #0000001f}.multi-select-dept-tree .dropdown-menu .search-box{border-bottom:1px solid #f0f0f0;padding:12px}.multi-select-dept-tree .dropdown-menu .search-box input{box-sizing:border-box;width:100%;font-size:14px;border:1px solid #e5e5ea!important;border-radius:8px!important;padding:8px 12px!important}.multi-select-dept-tree .dropdown-menu .search-box input:focus{outline:none;border-color:#0071e3!important}.multi-select-dept-tree .dropdown-menu .tree-container{max-height:300px;padding:8px 0;overflow-y:auto}.multi-select-dept-tree .dropdown-menu .tree-container .tree-node-wrapper .tree-node{cursor:pointer;align-items:center;padding:8px 12px;transition:background .2s;display:flex}.multi-select-dept-tree .dropdown-menu .tree-container .tree-node-wrapper .tree-node:hover{background:#f5f5f7}.multi-select-dept-tree .dropdown-menu .tree-container .tree-node-wrapper .tree-node .node-content{align-items:center;gap:8px;display:flex}.multi-select-dept-tree .dropdown-menu .tree-container .tree-node-wrapper .tree-node .node-content .expand-icon{color:#86868b;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.multi-select-dept-tree .dropdown-menu .tree-container .tree-node-wrapper .tree-node .node-content .expand-icon:hover{color:#1d1d1f;background:#e5e5ea}.multi-select-dept-tree .dropdown-menu .tree-container .tree-node-wrapper .tree-node .node-content .expand-icon.hidden{visibility:hidden}.multi-select-dept-tree .dropdown-menu .tree-container .tree-node-wrapper .tree-node .node-content .checkbox{background:#fff;border:1px solid #d2d2d7;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;margin-right:8px;transition:all .2s;display:flex}.multi-select-dept-tree .dropdown-menu .tree-container .tree-node-wrapper .tree-node .node-content .checkbox.checked{background:#06c;border-color:#06c}.multi-select-dept-tree .dropdown-menu .tree-container .tree-node-wrapper .tree-node .node-content .checkbox.half-checked{background:#06c;border-color:#06c;position:relative}.multi-select-dept-tree .dropdown-menu .tree-container .tree-node-wrapper .tree-node .node-content .checkbox.half-checked:after{content:"";background:#fff;border-radius:1px;width:8px;height:2px;position:absolute}.multi-select-dept-tree .dropdown-menu .tree-container .tree-node-wrapper .tree-node .node-content .node-name{color:#1d1d1f;-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:14px}.multi-select-dept-tree .dropdown-menu .tree-container .empty-text{text-align:center;color:#86868b;padding:20px;font-size:13px}.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}.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}.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}}.sop-container{color:#1d1d1f;background-color:#f5f5f7;flex-direction:column;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.sop-container .sop-header{background:#fff;border-bottom:1px solid #e5e5ea;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.sop-container .sop-header .header-title-group{align-items:center;gap:24px;display:flex}.sop-container .sop-header .header-title-group h1{letter-spacing:-.5px;margin:0;font-size:24px;font-weight:600}.sop-container .sop-header .header-title-group .project-management-group{align-items:center;gap:8px;display:flex}.sop-container .sop-header .header-title-group .project-management-group .project-selector{cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg width=\"10\" height=\"6\" viewBox=\"0 0 10 6\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L5 5L9 1\" stroke=\"%2386868b\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #d2d2d7;border-radius:8px;outline:none;padding:8px 32px 8px 12px;font-size:14px;font-weight:500}.sop-container .sop-header .header-title-group .project-management-group .icon-btn{cursor:pointer;color:#86868b;background:#fff;border:1px solid #d2d2d7;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.sop-container .sop-header .header-title-group .project-management-group .icon-btn:hover{color:#1d1d1f;background:#f5f5f7}.sop-container .sop-header .header-title-group .project-management-group .icon-btn.danger:hover{color:#ff3b30;background:#fff0f0;border-color:#ff3b30}.sop-container .sop-header .sop-actions{align-items:center;gap:16px;display:flex}.sop-container .sop-header .sop-actions .view-toggle{background:#f5f5f7;border-radius:8px;padding:4px;display:flex}.sop-container .sop-header .sop-actions .view-toggle .toggle-btn{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;transition:all .2s;display:flex}.sop-container .sop-header .sop-actions .view-toggle .toggle-btn.active{color:#1d1d1f;background:#fff;box-shadow:0 1px 3px #0000001a}.sop-container .sop-header .sop-actions button.primary{color:#fff;cursor:pointer;background:#0071e3;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.sop-container .sop-header .sop-actions button.primary:hover{background:#0077ed}.sop-container .sop-header .sop-actions button.primary:disabled{opacity:.5;cursor:not-allowed}.sop-container .sop-main-content{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.sop-container .sop-empty-state{background:#f5f5f7;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.sop-container .sop-empty-state .empty-create-btn{color:#86868b;cursor:pointer;background:0 0;border:2px dashed #d2d2d7;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:240px;height:240px;transition:all .2s;animation:.4s fadeIn;display:flex}.sop-container .sop-empty-state .empty-create-btn span{font-size:16px;font-weight:500}.sop-container .sop-empty-state .empty-create-btn:hover{color:#0071e3;background:#0071e30a;border-color:#0071e3;transform:scale(1.02)}.sop-container .swimlane-roadmap{background:#fff;flex-direction:column;flex:1;display:flex;overflow:hidden}.sop-container .swimlane-roadmap .global-progress{background:#fafafc;border-bottom:1px solid #e5e5ea;padding:16px 24px}.sop-container .swimlane-roadmap .global-progress .progress-text{margin-bottom:8px;font-size:14px;font-weight:600}.sop-container .swimlane-roadmap .global-progress .progress-text span{color:#0071e3}.sop-container .swimlane-roadmap .global-progress .progress-track{background:#e5e5ea;border-radius:4px;height:8px;overflow:hidden}.sop-container .swimlane-roadmap .global-progress .progress-track .progress-fill{background:linear-gradient(90deg,#34c759,#30b0c7);height:100%;transition:width .5s}.sop-container .swimlane-roadmap .swimlane-scroll-wrapper{flex-direction:column;flex:1;display:flex;overflow:auto}.sop-container .swimlane-roadmap .swimlane-header-row{z-index:10;background:#fafafc;border-bottom:none;min-width:max-content;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #00000008}.sop-container .swimlane-roadmap .swimlane-header-row .swimlane-corner{color:#86868b;z-index:12;background:#fafafc;border-right:none;align-items:center;width:160px;padding:16px;font-weight:600;display:flex;position:sticky;left:0;box-shadow:4px 0 12px #00000005}.sop-container .swimlane-roadmap .swimlane-header-row .swimlane-phase-header{background:#fafafc;border-right:none;flex-shrink:0;width:360px;padding:16px}.sop-container .swimlane-roadmap .swimlane-header-row .swimlane-phase-header .phase-name-wrapper{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.sop-container .swimlane-roadmap .swimlane-header-row .swimlane-phase-header .phase-name-wrapper .phase-name{font-size:15px;font-weight:600}.sop-container .swimlane-roadmap .swimlane-header-row .swimlane-phase-header .phase-date{color:#86868b;font-size:13px}.sop-container .swimlane-roadmap .swimlane-header-row .swimlane-add-phase{justify-content:center;align-items:center;width:160px;padding:16px;display:flex}.sop-container .swimlane-roadmap .swimlane-body{flex-direction:column;flex:1;min-width:max-content;display:flex}.sop-container .swimlane-roadmap .swimlane-body .swimlane-row{border-bottom:1px solid #e5e5ea;display:flex}.sop-container .swimlane-roadmap .swimlane-body .swimlane-row:nth-child(2n){background:#fafafc}.sop-container .swimlane-roadmap .swimlane-body .swimlane-row .swimlane-dept-header{background:inherit;z-index:9;border-right:none;justify-content:space-between;align-items:flex-start;width:160px;padding:24px 16px;font-weight:600;display:flex;position:sticky;left:0;box-shadow:4px 0 12px #00000005}.sop-container .swimlane-roadmap .swimlane-body .swimlane-row .swimlane-dept-header .dept-name{writing-mode:horizontal-tb}.sop-container .swimlane-roadmap .swimlane-body .swimlane-row .swimlane-cell{border-right:none;flex-flow:wrap;flex-shrink:0;align-content:flex-start;gap:16px;width:360px;padding:16px;display:flex}.sop-container .swimlane-roadmap .swimlane-body .swimlane-row .swimlane-cell .add-task-btn{color:#0000;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:8px;font-size:18px;font-weight:400;transition:all .2s;display:flex}.sop-container .swimlane-roadmap .swimlane-body .swimlane-row .swimlane-cell .add-task-btn:hover{color:#1d1d1f;background:#e5e5ea}.sop-container .swimlane-roadmap .swimlane-body .swimlane-row .swimlane-cell:hover .add-task-btn{color:#86868b}.sop-container .add-btn-ghost{color:#0071e3;cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:500}.sop-container .add-btn-ghost:hover{text-decoration:underline}.sop-container .delete-icon-btn{color:#86868b;cursor:pointer;opacity:.5;background:0 0;border:none;transition:opacity .2s;display:flex}.sop-container .delete-icon-btn:hover{opacity:1;color:#ff3b30}.sop-container .swimlane-task-card{cursor:pointer;background:#fff;border:none;border-radius:12px;flex-shrink:0;width:260px;padding:16px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #0000000a,0 1px 2px #00000005}.sop-container .swimlane-task-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014,0 2px 4px #00000008}.sop-container .swimlane-task-card.locked{opacity:.7;cursor:not-allowed;background:#f5f5f7}.sop-container .swimlane-task-card.locked:hover{transform:none;box-shadow:0 4px 12px #0000000a,0 1px 2px #00000005}.sop-container .swimlane-task-card.status-completed .task-header-row .task-status{color:#34c759}.sop-container .swimlane-task-card.status-overdue .task-header-row .task-status{color:#ff3b30}.sop-container .swimlane-task-card.status-under_review .task-header-row .task-status{color:#ff9500}.sop-container .swimlane-task-card.status-rejected .task-header-row .task-status{color:#ff3b30}.sop-container .swimlane-task-card.status-pending .task-header-row .task-status{color:#86868b}.sop-container .swimlane-task-card .task-header-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sop-container .swimlane-task-card .task-title{margin-bottom:8px;font-size:14px;font-weight:600;line-height:1.4}.sop-container .swimlane-task-card .task-due-time{color:#ff3b30;margin-top:8px;font-size:12px;font-weight:500}.sop-container .swimlane-task-card .task-reject-reason{color:#ff3b30;background:#fff0f0;border-radius:4px;align-items:center;gap:4px;margin-top:8px;padding:6px 8px;font-size:12px;display:flex}.sop-container .swimlane-task-card .task-dependency-lock{color:#86868b;align-items:center;gap:4px;margin-top:8px;font-size:12px;display:flex}.sop-container .swimlane-task-card .task-dependency-lock:before{content:"🔒";font-size:10px}.sop-container .mobile-execution-view{background:#f5f5f7;flex:1;padding:16px;overflow-y:auto}.sop-container .mobile-execution-view .mobile-header{margin-bottom:20px}.sop-container .mobile-execution-view .mobile-header .mobile-header-title{justify-content:space-between;align-items:center;display:flex}.sop-container .mobile-execution-view .mobile-header .mobile-header-title h2{color:#1d1d1f;margin:0;font-size:26px;font-weight:700}.sop-container .mobile-execution-view .mobile-header .mobile-header-title .mobile-header-badge{color:#ff3b30;background:#ffe5e5;border-radius:12px;padding:4px 10px;font-size:13px;font-weight:600}.sop-container .mobile-execution-view .mobile-header .mobile-progress-section{background:#fff;border-radius:16px;margin-top:16px;padding:16px;box-shadow:0 2px 10px #00000008}.sop-container .mobile-execution-view .mobile-header .mobile-progress-section .progress-info{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sop-container .mobile-execution-view .mobile-header .mobile-progress-section .progress-info .progress-text{color:#1d1d1f;font-size:14px;font-weight:600}.sop-container .mobile-execution-view .mobile-header .mobile-progress-section .progress-info .progress-percent{color:#0071e3;font-size:16px;font-weight:700}.sop-container .mobile-execution-view .mobile-header .mobile-progress-section .progress-bar-bg{background:#f2f2f7;border-radius:4px;height:8px;overflow:hidden}.sop-container .mobile-execution-view .mobile-header .mobile-progress-section .progress-bar-bg .progress-bar-fill{background:linear-gradient(90deg,#34c759,#0071e3);border-radius:4px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.sop-container .mobile-execution-view .mobile-tabs{background:#fff;border-radius:12px;margin-bottom:20px;padding:4px;display:flex;box-shadow:0 1px 4px #00000005}.sop-container .mobile-execution-view .mobile-tabs button{color:#86868b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 0;font-size:14px;font-weight:500;transition:all .2s}.sop-container .mobile-execution-view .mobile-tabs button.active{color:#fff;background:#1d1d1f;font-weight:600;box-shadow:0 2px 8px #0000001a}.sop-container .mobile-execution-view .mobile-task-list{flex-direction:column;gap:16px;display:flex}.sop-container .mobile-execution-view .mobile-task-list .empty-tasks{text-align:center;color:#86868b;padding:40px 0;font-size:15px}.sop-container .mobile-execution-view .mobile-task-list .mobile-task-card{cursor:pointer;background:#fff;border-radius:16px;gap:12px;padding:16px;transition:transform .2s;display:flex;box-shadow:0 2px 10px #0000000a}.sop-container .mobile-execution-view .mobile-task-list .mobile-task-card:active{transform:scale(.98)}.sop-container .mobile-execution-view .mobile-task-list .mobile-task-card.locked{opacity:.5;cursor:not-allowed}.sop-container .mobile-execution-view .mobile-task-list .mobile-task-card.rejected-card{border-left:4px solid #ff3b30}.sop-container .mobile-execution-view .mobile-task-list .mobile-task-card .mobile-card-left{flex-direction:column;align-items:center;display:flex}.sop-container .mobile-execution-view .mobile-task-list .mobile-task-card .mobile-card-content{flex-direction:column;flex:1;min-width:0;display:flex}.sop-container .mobile-execution-view .mobile-task-list .mobile-task-card .mobile-card-content .mobile-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sop-container .mobile-execution-view .mobile-task-list .mobile-task-card .mobile-card-content .mobile-card-header .task-phase-tag{color:#86868b;font-size:12px;font-weight:500}.sop-container .mobile-execution-view .mobile-task-list .mobile-task-card .mobile-card-content .mobile-card-header .mobile-status-pill{border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.sop-container .mobile-execution-view .mobile-task-list .mobile-task-card .mobile-card-content .mobile-card-header .mobile-status-pill.status-pending{color:#1d1d1f;background:#f2f2f7}.sop-container .mobile-execution-view .mobile-task-list .mobile-task-card .mobile-card-content .mobile-card-header .mobile-status-pill.status-in_progress{color:#0071e3;background:#e0f0ff}.sop-container .mobile-execution-view .mobile-task-list .mobile-task-card .mobile-card-content .mobile-card-header .mobile-status-pill.status-under_review{color:#ff9500;background:#fff5e5}.sop-container .mobile-execution-view .mobile-task-list .mobile-task-card .mobile-card-content .mobile-card-header .mobile-status-pill.status-completed{color:#2e7d32;background:#e8f5e9}.sop-container .mobile-execution-view .mobile-task-list .mobile-task-card .mobile-card-content .mobile-card-header .mobile-status-pill.status-rejected,.sop-container .mobile-execution-view .mobile-task-list .mobile-task-card .mobile-card-content .mobile-card-header .mobile-status-pill.status-overdue{color:#ef4444;background:#fee2e2}.sop-container .mobile-execution-view .mobile-task-list .mobile-task-card .mobile-card-content .mobile-task-title{color:#1d1d1f;white-space:nowrap;text-overflow:ellipsis;align-items:center;margin-bottom:6px;font-size:16px;font-weight:600;display:flex;overflow:hidden}.sop-container .mobile-execution-view .mobile-task-list .mobile-task-card .mobile-card-content .mobile-task-desc{color:#86868b;margin-bottom:12px;font-size:13px}.sop-container .mobile-execution-view .mobile-task-list .mobile-task-card .mobile-card-content .mobile-card-footer{border-top:1px solid #f2f2f7;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.sop-container .mobile-execution-view .mobile-task-list .mobile-task-card .mobile-card-content .mobile-card-footer .mobile-time-node{align-items:center;font-size:12px;font-weight:500;display:flex}.sop-container .mobile-execution-view .mobile-task-list .mobile-task-card .mobile-card-content .mobile-reject-bar{color:#ff3b30;background:#fff0f0;border-radius:8px;align-items:center;gap:4px;margin-top:12px;padding:8px;font-size:12px;display:flex}.sop-container .sop-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.sop-container .sop-modal-overlay .sop-task-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto;box-shadow:0 20px 40px #0003}.sop-container .sop-modal-overlay .sop-task-modal .modal-header{border-bottom:1px solid #e5e5ea;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.sop-container .sop-modal-overlay .sop-task-modal .modal-header h2{margin:0;font-size:18px;font-weight:600}.sop-container .sop-modal-overlay .sop-task-modal .modal-header button{cursor:pointer;color:#86868b;background:0 0;border:none}.sop-container .sop-modal-overlay .sop-task-modal .modal-body{flex-direction:column;gap:20px;padding:24px;display:flex}.sop-container .sop-modal-overlay .sop-task-modal .modal-body .field-group{flex-direction:column;gap:8px;display:flex}.sop-container .sop-modal-overlay .sop-task-modal .modal-body .field-group label{color:#86868b;font-size:13px;font-weight:600}.sop-container .sop-modal-overlay .sop-task-modal .modal-body .field-group input,.sop-container .sop-modal-overlay .sop-task-modal .modal-body .field-group select,.sop-container .sop-modal-overlay .sop-task-modal .modal-body .field-group textarea{box-sizing:border-box;border:1px solid #e5e5ea;border-radius:8px;outline:none;width:100%;padding:12px;font-size:14px;transition:border-color .2s}.sop-container .sop-modal-overlay .sop-task-modal .modal-body .field-group input:focus,.sop-container .sop-modal-overlay .sop-task-modal .modal-body .field-group select:focus,.sop-container .sop-modal-overlay .sop-task-modal .modal-body .field-group textarea:focus{border-color:#0071e3}.sop-container .sop-modal-overlay .sop-task-modal .modal-body .field-group .custom-dropdown-menu{z-index:1000;background:#fff;border:1px solid #e5e5ea;border-radius:8px;max-height:200px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.sop-container .sop-modal-overlay .sop-task-modal .modal-body .field-group .custom-dropdown-menu .dropdown-item{cursor:pointer;align-items:center;padding:12px 16px;font-size:14px;transition:background .2s;display:flex}.sop-container .sop-modal-overlay .sop-task-modal .modal-body .field-group .custom-dropdown-menu .dropdown-item:hover{background:#f5f5f7}.sop-container .sop-modal-overlay .sop-task-modal .modal-body .field-group .custom-dropdown-menu .dropdown-empty{color:#86868b;text-align:center;padding:12px 16px;font-size:14px}.sop-container .sop-modal-overlay .sop-task-modal .modal-body .field-group .field-value{font-size:14px;line-height:1.5}.sop-container .sop-modal-overlay .sop-task-modal .modal-body .field-group .field-value.instruction-box{background:#f5f5f7;border-radius:8px;padding:12px}.sop-container .sop-modal-overlay .sop-task-modal .modal-body .field-group .field-value.output-box{color:#0071e3;background:#f0f7ff;border-radius:8px;padding:12px}.sop-container .sop-modal-overlay .sop-task-modal .modal-footer{border-top:1px solid #e5e5ea;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.sop-container .sop-modal-overlay .sop-task-modal .modal-footer button{cursor:pointer;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500}.sop-container .sop-modal-overlay .sop-task-modal .modal-footer button.secondary{color:#1d1d1f;background:#f5f5f7;border:none}.sop-container .sop-modal-overlay .sop-task-modal .modal-footer button.primary{color:#fff;background:#0071e3;border:none}.sop-container .sop-modal-overlay .sop-task-modal .modal-footer button.primary:disabled{opacity:.5;cursor:not-allowed}.sop-container .execution-section{border-top:1px solid #e5e5ea;margin-top:24px;padding-top:24px}.sop-container .execution-section .huge-camera-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#007aff,#0056b3);border-radius:16px;justify-content:center;align-items:center;gap:12px;width:100%;padding:16px;font-size:17px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 14px #007aff66}.sop-container .execution-section .huge-camera-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #007aff80}.sop-container .execution-section .huge-camera-btn:active{transform:translateY(0);box-shadow:0 2px 8px #007aff66}.sop-container .execution-section .copy-action-btn{color:#1d1d1f;cursor:pointer;background:#fff;border:1px solid #d1d1d6;border-radius:8px;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;font-size:13px;font-weight:500;transition:background .2s;display:flex}.sop-container .execution-section .copy-action-btn:hover{background:#f2f2f7}.sop-container .execution-section .standard-action-box{background:#f5f5f7;border-radius:12px;padding:16px}.sop-container .execution-section .standard-action-box .action-text{color:#1d1d1f;margin-bottom:12px;font-size:14px;line-height:1.6}.sop-container .execution-section .upload-box{cursor:pointer;background:#f0f7ff;border:2px dashed #0071e3;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:32px 20px;transition:all .2s;display:flex}.sop-container .execution-section .upload-box span{color:#0071e3;font-size:14px;font-weight:500}.sop-container .execution-section .upload-box:hover{background:#e0f0ff}.sop-container .execution-section .upload-preview-list{flex-direction:column;gap:8px;margin-top:12px;display:flex}.sop-container .execution-section .upload-preview-list .upload-preview-item{background:#f5f5f7;border-radius:6px;justify-content:space-between;padding:8px 12px;font-size:13px;display:flex}.sop-container .execution-section .upload-preview-list .upload-preview-item .file-name{font-weight:500}.sop-container .execution-section .upload-preview-list .upload-preview-item .file-size{color:#86868b}.sop-container .execution-section .submit-evidence-btn{color:#fff;cursor:pointer;background:#0071e3;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:16px;padding:14px;font-size:16px;font-weight:600;display:flex}.sop-container .execution-section .submit-evidence-btn:disabled{opacity:.5;cursor:not-allowed}.sop-container .execution-section .btn-approve,.sop-container .execution-section .btn-reject{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;padding:12px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.sop-container .execution-section .btn-approve{color:#2e7d32;background:#e8f5e9}.sop-container .execution-section .btn-approve:hover{background:#c8e6c9;transform:translateY(-1px)}.sop-container .execution-section .btn-reject{color:#ef4444;background:#fee2e2}.sop-container .execution-section .btn-reject:hover{background:#fecaca;transform:translateY(-1px)}.sop-container .evidence-preview-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;margin-top:8px;display:grid}.sop-container .evidence-preview-grid .evidence-thumbnail{aspect-ratio:1;border:1px solid #e5e5ea;border-radius:8px;width:100%;overflow:hidden}.sop-container .evidence-preview-grid .evidence-thumbnail img{object-fit:cover;width:100%;height:100%}.sop-container .pdca-badge{text-transform:uppercase;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;font-weight:600;display:inline-flex}.sop-container .pdca-badge.badge-p{color:#0d47a1;background:#e3f2fd}.sop-container .pdca-badge.badge-d{color:#1b5e20;background:#e8f5e9}.sop-container .pdca-badge.badge-c{color:#e65100;background:#fff3e0}.sop-container .pdca-badge.badge-a{color:#4a148c;background:#f3e5f5}.sop-container .task-status{align-items:center;font-size:12px;font-weight:500;display:inline-flex}.sop-container .task-status.status-completed{color:#34c759}.sop-container .task-status.status-overdue{color:#ff3b30}.sop-container .task-status.status-under_review{color:#ff9500}.sop-container .task-status.status-rejected{color:#ff3b30}.sop-container .task-status.status-pending{color:#86868b}.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;flex-shrink:0;width:160px;padding:24px 0;overflow-y:auto}.mall-catalog-container .mall-content .category-sidebar h3{text-transform:uppercase;color:#86868b;letter-spacing:1px;margin:0 16px 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 16px;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,260px);grid-auto-rows:max-content;place-content:start;gap:24px;min-width:828px;padding:32px;display:grid;overflow: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;flex-direction:column;width:100%;transition:transform .3s,box-shadow .3s;display:flex;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:#fff;flex-shrink:0;width:100%;position:relative;overflow:hidden}.mall-catalog-container .mall-content .product-grid .product-card .image-wrapper img,.mall-catalog-container .mall-content .product-grid .product-card .image-wrapper .image-placeholder,.mall-catalog-container .mall-content .product-grid .product-card .image-wrapper .sold-out-mask{width:100%;height:100%;position:absolute;top:0;left:0}.mall-catalog-container .mall-content .product-grid .product-card .image-wrapper img{object-fit:cover}.mall-catalog-container .mall-content .product-grid .product-card .image-wrapper .image-placeholder{color:#86868b;justify-content:center;align-items:center;font-size:14px;display:flex}.mall-catalog-container .mall-content .product-grid .product-card .image-wrapper .sold-out-mask{color:#1d1d1f;z-index:10;background:#fffc;justify-content:center;align-items:center;font-weight:600;display:flex}.mall-catalog-container .mall-content .product-grid .product-card .product-info{box-sizing:border-box;flex-direction:column;flex-grow:1;padding:12px;display:flex;overflow:visible}.mall-catalog-container .mall-content .product-grid .product-card .product-info .product-text-content{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.mall-catalog-container .mall-content .product-grid .product-card .product-info .category-badge{color:#fff;vertical-align:middle;background:#ff4142;border-radius:2px;margin-right:6px;padding:0 4px;font-size:10px;line-height:15px;display:inline-block;transform:translateY(-1px)}.mall-catalog-container .mall-content .product-grid .product-card .product-info .product-name{color:#111;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:40px;margin:0;font-size:14px;font-weight:500;line-height:20px;display:-webkit-box;overflow:hidden}.mall-catalog-container .mall-content .product-grid .product-card .product-info .product-subtitle{color:#999;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;line-height:1.2;overflow:hidden}.mall-catalog-container .mall-content .product-grid .product-card .product-info .catalog-price-container{flex-wrap:wrap;align-items:baseline;gap:4px 8px;height:auto;margin-top:12px;display:flex;overflow:visible}.mall-catalog-container .mall-content .product-grid .product-card .product-info .catalog-price-container.empty-price{color:#999;align-items:center;font-size:12px;font-weight:400;display:flex}.mall-catalog-container .mall-content .product-grid .product-card .product-info .catalog-price-container .price-main{color:#ff3b30;white-space:nowrap;flex-shrink:0;align-items:baseline;display:flex}.mall-catalog-container .mall-content .product-grid .product-card .product-info .catalog-price-container .price-main .price-label{margin-right:2px;font-size:11px}.mall-catalog-container .mall-content .product-grid .product-card .product-info .catalog-price-container .price-main .price-symbol{margin-right:1px;font-size:12px;font-weight:600}.mall-catalog-container .mall-content .product-grid .product-card .product-info .catalog-price-container .price-main .price-integer{letter-spacing:-.5px;font-size:18px;font-weight:700}.mall-catalog-container .mall-content .product-grid .product-card .product-info .catalog-price-container .price-main .price-decimal{font-size:12px;font-weight:600}.mall-catalog-container .mall-content .product-grid .product-card .product-info .catalog-price-container .price-main .price-suffix{margin-left:2px;font-size:11px;font-weight:500}.mall-catalog-container .mall-content .product-grid .product-card .product-info .catalog-price-container .price-retail{color:#86868b;white-space:nowrap;flex-shrink:0;align-items:baseline;gap:4px;display:flex}.mall-catalog-container .mall-content .product-grid .product-card .product-info .catalog-price-container .price-retail .retail-label{font-size:11px}.mall-catalog-container .mall-content .product-grid .product-card .product-info .catalog-price-container .price-retail .retail-value{font-size:11px;text-decoration:line-through}.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-wrapper{aspect-ratio:1;background:#fff;border-radius:16px;width:100%;margin-bottom:16px;position:relative;overflow:hidden}.mall-product-detail-container .detail-main .gallery-section .main-image-wrapper .main-image{width:100%;height:100%}.mall-product-detail-container .detail-main .gallery-section .main-image-wrapper .main-image img{object-fit:cover;width:100%;height:100%;transition:opacity .2s}.mall-product-detail-container .detail-main .gallery-section .main-image-wrapper .main-image .placeholder{color:#86868b;justify-content:center;align-items:center;height:100%;display:flex}.mall-product-detail-container .detail-main .gallery-section .main-image-wrapper .gallery-arrow{color:#0003;cursor:pointer;opacity:0;z-index:2;background:0 0;border:none;justify-content:center;align-items:center;width:48px;height:100px;padding-bottom:6px;font-size:40px;line-height:0;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.mall-product-detail-container .detail-main .gallery-section .main-image-wrapper .gallery-arrow:hover{color:#0009;transform:translateY(-50%)scale(1.1)}.mall-product-detail-container .detail-main .gallery-section .main-image-wrapper .gallery-arrow.gallery-arrow-left{left:0}.mall-product-detail-container .detail-main .gallery-section .main-image-wrapper .gallery-arrow.gallery-arrow-right{right:0}.mall-product-detail-container .detail-main .gallery-section .main-image-wrapper .image-counter{color:#fff;pointer-events:none;background:#00000073;border-radius:10px;padding:2px 8px;font-size:12px;position:absolute;bottom:12px;right:14px}.mall-product-detail-container .detail-main .gallery-section .main-image-wrapper:hover .gallery-arrow{opacity:1}.mall-product-detail-container .detail-main .gallery-section .thumbnail-strip{align-items:center;gap:0;display:flex;position:relative}.mall-product-detail-container .detail-main .gallery-section .thumbnail-strip .thumb-nav{z-index:2;color:#00000040;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:60px;padding-bottom:4px;font-size:32px;line-height:0;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.mall-product-detail-container .detail-main .gallery-section .thumbnail-strip .thumb-nav:hover{color:#0009;transform:translateY(-50%)scale(1.1)}.mall-product-detail-container .detail-main .gallery-section .thumbnail-strip .thumb-nav.thumb-nav-left{left:-28px}.mall-product-detail-container .detail-main .gallery-section .thumbnail-strip .thumb-nav.thumb-nav-right{right:-28px}.mall-product-detail-container .detail-main .gallery-section .thumbnail-strip .thumbnail-list{scrollbar-width:none;flex:1;gap:10px;padding:4px;display:flex;overflow-x:auto}.mall-product-detail-container .detail-main .gallery-section .thumbnail-strip .thumbnail-list::-webkit-scrollbar{display:none}.mall-product-detail-container .detail-main .gallery-section .thumbnail-strip .thumbnail-list .thumbnail{cursor:pointer;opacity:.62;background:#fff;border:2px solid #0000;border-radius:8px;flex-shrink:0;width:78px;height:78px;transition:all .2s;overflow:hidden}.mall-product-detail-container .detail-main .gallery-section .thumbnail-strip .thumbnail-list .thumbnail.active{opacity:1;border-color:#0071e3}.mall-product-detail-container .detail-main .gallery-section .thumbnail-strip .thumbnail-list .thumbnail:hover{opacity:1}.mall-product-detail-container .detail-main .gallery-section .thumbnail-strip .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{box-sizing:border-box;gap:32px;width:100%;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;-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;margin:0 0 8px;font-size:16px;display:-webkit-box;overflow:hidden}.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;align-self:flex-start;width:420px;position:sticky;top:24px}.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form{background:#fff;border-radius:16px;padding:32px;box-shadow:0 8px 24px #0000000f}.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;position:relative}.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form .form-group label{color:#86868b;margin-bottom:8px;font-size:13px;font-weight:500;transition:color .2s;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,.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form .form-group select{color:#1d1d1f;box-sizing:border-box;appearance:none;background-color:#f5f5f7;border:1.5px solid #0000;border-radius:12px;width:100%;padding:14px 16px;font-family:inherit;font-size:15px;transition:all .2s cubic-bezier(.4,0,.2,1)}.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form .form-group input:hover,.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form .form-group textarea:hover,.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form .form-group select:hover{background-color:#e8e8ed}.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,.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form .form-group select:focus{background-color:#fff;border-color:#007aff;outline:none;box-shadow:0 0 0 4px #007aff1a}.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form .form-group input::placeholder,.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form .form-group textarea::placeholder,.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form .form-group select::placeholder{color:#a1a1a6}.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form .form-group.has-error input{background-color:#fff;border-color:#ff3b30;box-shadow:0 0 0 4px #ff3b301a}.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form .form-group.has-error .error-text{color:#ff3b30;margin-top:6px;font-size:12px;display:block}.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form .form-group .error-text{display:none}.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form .form-group:focus-within label{color:#007aff}.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form .pca-grid{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form .pca-grid .select-wrapper{position:relative}.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form .pca-grid .select-wrapper:after{content:"▼";color:#86868b;pointer-events:none;font-size:10px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form .pca-grid .select-wrapper select{cursor:pointer;padding-right:28px}.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-details{background:#fbfbfd;border-radius:8px;margin-bottom:12px;padding:12px}.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form .summary .summary-details .summary-item{color:#86868b;justify-content:space-between;margin-bottom:8px;font-size:13px;line-height:1.4;display:flex}.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form .summary .summary-details .summary-item:last-child{margin-bottom:0}.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form .summary .summary-details .summary-item .item-name{flex:1;margin-right:12px}.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form .summary .summary-details .summary-item .item-attr{opacity:.8;margin-left:4px;font-size:11px}.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form .summary .summary-details .summary-item .item-qty{color:#1d1d1f;font-weight:500}.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,opacity .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{opacity:.5;cursor:not-allowed}.mall-checkout-container .checkout-layout .checkout-sidebar .shipping-form .hint{text-align:center;color:#86868b;margin-top:16px;font-size:12px}.mall-orders-container{box-sizing:border-box;width:100%;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;-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;margin:0 0 4px;font-size:15px;display:-webkit-box;overflow:hidden}.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}.product-card.sold-out{opacity:.6;pointer-events:none}.product-card.sold-out .image-wrapper{position:relative}.product-card.sold-out .sold-out-mask{color:#fff;z-index:10;letter-spacing:2px;background:#00000080;justify-content:center;align-items:center;font-size:16px;font-weight:600;display:flex;position:absolute;inset:0}.cart-toast{color:#fff;z-index:9999;background:#34c759;border-radius:30px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;animation:.3s cubic-bezier(.175,.885,.32,1.275) slide-down;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #34c7594d}@keyframes slide-down{0%{opacity:0;top:-50px}to{opacity:1;top:20px}}.detail-description .rich-text-content{color:#1d1d1f;max-width:800px;margin:0 auto;font-size:15px;line-height:1.8}.detail-description .rich-text-content p{margin-bottom:1em}.detail-description .rich-text-content img{border-radius:8px;max-width:100%;height:auto;margin:16px auto;display:block}.detail-description .rich-text-content h1,.detail-description .rich-text-content h2,.detail-description .rich-text-content h3,.detail-description .rich-text-content h4{color:#1d1d1f;margin-top:1.5em;margin-bottom:.5em}.stock-info.error{color:#ff3b30;font-weight:600}.upload-tray{color:#0071e3;cursor:pointer;background:#f0f4ff;border:2px dashed #0071e3;border-radius:8px;align-items:center;gap:8px;padding:16px 24px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.upload-tray:hover{background:#e5f0ff}.upload-tray.loading{opacity:.7;pointer-events:none;color:#86868b;background:#f5f5f7;border-color:#86868b}.saas-layout .orders-header{margin-bottom:24px}.saas-layout .orders-header h1{color:#1d1d1f;margin-bottom:8px;font-size:24px;font-weight:600}.saas-layout .orders-header p{color:#86868b;font-size:14px}.saas-layout .orders-toolbar{background:#fff;border:1px solid #e5e5ea;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:12px 24px;display:flex;box-shadow:0 1px 3px #0000000d}.saas-layout .orders-toolbar .status-tabs{gap:24px;display:flex}.saas-layout .orders-toolbar .status-tabs .tab-btn{color:#515154;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px 0;font-size:14px;font-weight:500;transition:color .2s;display:flex;position:relative}.saas-layout .orders-toolbar .status-tabs .tab-btn:hover{color:#1d1d1f}.saas-layout .orders-toolbar .status-tabs .tab-btn.active{color:#06c}.saas-layout .orders-toolbar .status-tabs .tab-btn.active:after{content:"";background:#06c;border-radius:2px;height:2px;position:absolute;bottom:-12px;left:0;right:0}.saas-layout .orders-toolbar .status-tabs .tab-btn .badge{color:#1d1d1f;background:#f2f2f7;border-radius:10px;padding:2px 6px;font-size:11px;font-weight:600}.saas-layout .orders-toolbar .search-box{align-items:center;display:flex;position:relative}.saas-layout .orders-toolbar .search-box .search-icon{color:#86868b;position:absolute;left:12px}.saas-layout .orders-toolbar .search-box .clear-btn{color:#c7c7cc;cursor:pointer;background:0 0;border:none;padding:0;display:flex;position:absolute;right:12px}.saas-layout .orders-toolbar .search-box .clear-btn:hover{color:#86868b}.saas-layout .orders-toolbar .search-box input{background:#fafafa;border:1px solid #d2d2d7;border-radius:8px;width:260px;padding:8px 36px;font-size:13px;transition:all .2s}.saas-layout .orders-toolbar .search-box input:focus{background:#fff;border-color:#06c;outline:none;box-shadow:0 0 0 3px #0066cc1a}.saas-layout .loading-state,.saas-layout .empty-state{background:#fff;border:1px dashed #d2d2d7;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:60px 0;display:flex}.saas-layout .loading-state p,.saas-layout .empty-state p{color:#86868b;margin-top:12px;font-size:14px}.saas-layout .empty-state .empty-icon-wrapper{background:#f5f5f7;border-radius:60px;justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:24px;display:flex}.saas-layout .empty-state h3{color:#1d1d1f;margin-bottom:8px;font-size:18px;font-weight:600}.saas-layout .saas-order-card{background:#fff;border:1px solid #e5e5ea;border-radius:12px;margin-bottom:20px;transition:box-shadow .2s;overflow:hidden;box-shadow:0 2px 8px #00000005}.saas-layout .saas-order-card:hover{box-shadow:0 4px 12px #0000000d}.saas-layout .saas-order-card .card-header{background:#fafafc;border-bottom:1px solid #e5e5ea;justify-content:space-between;align-items:center;padding:14px 24px;font-size:13px;display:flex}.saas-layout .saas-order-card .card-header .header-left{color:#515154;gap:24px;display:flex}.saas-layout .saas-order-card .card-header .header-right .status-badge{border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:flex}.saas-layout .saas-order-card .card-body{padding:0 24px}.saas-layout .saas-order-card .card-body .product-row{border-bottom:1px solid #f2f2f7;align-items:center;gap:20px;padding:20px 0;display:flex}.saas-layout .saas-order-card .card-body .product-row:last-child{border-bottom:none}.saas-layout .saas-order-card .card-body .product-row .product-image{background:#fafafa;border:1px solid #e5e5ea;border-radius:8px;flex-shrink:0;width:80px;height:80px;overflow:hidden}.saas-layout .saas-order-card .card-body .product-row .product-image img{object-fit:cover;width:100%;height:100%}.saas-layout .saas-order-card .card-body .product-row .product-image .image-placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.saas-layout .saas-order-card .card-body .product-row .product-details{flex-direction:column;flex:1;justify-content:center;gap:8px;min-width:0;display:flex}.saas-layout .saas-order-card .card-body .product-row .product-details .product-title{color:#1d1d1f;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:500;overflow:hidden}.saas-layout .saas-order-card .card-body .product-row .product-details .product-sku-pill{color:#515154;background:#f2f2f7;border-radius:6px;align-self:flex-start;padding:4px 10px;font-size:12px;display:inline-block}.saas-layout .saas-order-card .card-body .product-row .product-price-qty{text-align:right;flex-direction:column;gap:4px;display:flex}.saas-layout .saas-order-card .card-body .product-row .product-price-qty .price{color:#1d1d1f;font-size:15px;font-weight:600}.saas-layout .saas-order-card .card-body .product-row .product-price-qty .qty{color:#86868b;font-size:13px}.saas-layout .saas-order-card .card-footer{background:#fff;border-top:1px solid #e5e5ea;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.saas-layout .saas-order-card .card-footer .logistics-compact{color:#515154;flex-direction:column;gap:6px;font-size:13px;display:flex}.saas-layout .saas-order-card .card-footer .logistics-compact .label{color:#86868b}.saas-layout .saas-order-card .card-footer .logistics-compact .tracking{color:#06c;align-items:center;gap:6px;display:flex}.saas-layout .saas-order-card .card-footer .actions-area{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.saas-layout .saas-order-card .card-footer .actions-area .total-summary{color:#515154;font-size:13px}.saas-layout .saas-order-card .card-footer .actions-area .total-summary .amount{color:#ff3b30;margin-left:4px;font-size:18px;font-weight:600}.saas-layout .saas-order-card .card-footer .actions-area .buttons-group{gap:12px;display:flex}.saas-layout .saas-order-card .card-footer .actions-area .buttons-group button{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.saas-layout .saas-order-card .card-footer .actions-area .buttons-group .btn-secondary{color:#1d1d1f;background:#fff;border:1px solid #d2d2d7}.saas-layout .saas-order-card .card-footer .actions-area .buttons-group .btn-secondary:hover{background:#f5f5f7}.saas-layout .saas-order-card .card-footer .actions-area .buttons-group .btn-primary{color:#fff;background:#06c;border:none}.saas-layout .saas-order-card .card-footer .actions-area .buttons-group .btn-primary:hover{background:#0056b3}.saas-layout .saas-order-card .upload-dropzone-wrapper{background:#fafafc;border-top:1px solid #e5e5ea;flex-direction:column;gap:12px;padding:24px;display:flex}.saas-layout .saas-order-card .upload-dropzone-wrapper .upload-dropzone{text-align:center;cursor:pointer;color:#06c;background:#0066cc0d;border:2px dashed #06c;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:32px;transition:all .2s;display:flex}.saas-layout .saas-order-card .upload-dropzone-wrapper .upload-dropzone:hover{background:#0066cc1a}.saas-layout .saas-order-card .upload-dropzone-wrapper .upload-dropzone.loading{pointer-events:none;opacity:.7}.saas-layout .saas-order-card .upload-dropzone-wrapper .cancel-upload-btn{color:#86868b;cursor:pointer;background:0 0;border:none;align-self:flex-end;font-size:13px}.saas-layout .saas-order-card .upload-dropzone-wrapper .cancel-upload-btn:hover{color:#1d1d1f}.saas-layout .voucher-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.saas-layout .voucher-modal .modal-content{max-width:90vw;max-height:90vh;position:relative}.saas-layout .voucher-modal .modal-content img{background:#fff;border-radius:12px;max-width:100%;max-height:90vh;box-shadow:0 20px 40px #0003}.saas-layout .voucher-modal .modal-content .close-btn{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;transition:opacity .2s;position:absolute;top:-40px;right:-40px}.saas-layout .voucher-modal .modal-content .close-btn:hover{opacity:1}.saas-layout .checkout-confirm-modal{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0006;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.saas-layout .checkout-confirm-modal .modal-content{background:#fff;border-radius:20px;width:480px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;overflow:hidden;box-shadow:0 20px 40px #00000026}.saas-layout .checkout-confirm-modal .modal-content .modal-header{border-bottom:1px solid #f5f5f7;padding:24px 32px}.saas-layout .checkout-confirm-modal .modal-content .modal-header h2{color:#1d1d1f;margin:0;font-size:20px;font-weight:600}.saas-layout .checkout-confirm-modal .modal-content .modal-body{max-height:60vh;padding:32px;overflow-y:auto}.saas-layout .checkout-confirm-modal .modal-content .modal-body .confirm-section{margin-bottom:24px}.saas-layout .checkout-confirm-modal .modal-content .modal-body .confirm-section h3{color:#86868b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:13px}.saas-layout .checkout-confirm-modal .modal-content .modal-body .confirm-section .info-card{background:#f5f5f7;border-radius:12px;padding:16px}.saas-layout .checkout-confirm-modal .modal-content .modal-body .confirm-section .info-card p{color:#1d1d1f;margin:0 0 8px;font-size:15px}.saas-layout .checkout-confirm-modal .modal-content .modal-body .confirm-section .info-card p:last-child{margin-bottom:0}.saas-layout .checkout-confirm-modal .modal-content .modal-body .confirm-section .info-card p strong{margin-right:8px;font-weight:600}.saas-layout .checkout-confirm-modal .modal-content .modal-body .confirm-section .product-brief{border-bottom:1px solid #e8e8ed;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:12px;display:flex}.saas-layout .checkout-confirm-modal .modal-content .modal-body .confirm-section .product-brief:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.saas-layout .checkout-confirm-modal .modal-content .modal-body .confirm-section .product-brief .p-thumb{object-fit:cover;background:#fff;border:1px solid #e8e8ed;border-radius:8px;width:48px;height:48px}.saas-layout .checkout-confirm-modal .modal-content .modal-body .confirm-section .product-brief .p-details{flex:1;overflow:hidden}.saas-layout .checkout-confirm-modal .modal-content .modal-body .confirm-section .product-brief .p-details .p-name{color:#1d1d1f;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:14px;font-weight:500;overflow:hidden}.saas-layout .checkout-confirm-modal .modal-content .modal-body .confirm-section .product-brief .p-details .p-sku{color:#86868b;background:#fff;border:1px solid #e8e8ed;border-radius:4px;padding:2px 6px;font-size:11px;display:inline-block}.saas-layout .checkout-confirm-modal .modal-content .modal-body .confirm-section .product-brief .p-price{text-align:right}.saas-layout .checkout-confirm-modal .modal-content .modal-body .confirm-section .product-brief .p-price .price-val{color:#1d1d1f;font-size:14px;font-weight:500;display:block}.saas-layout .checkout-confirm-modal .modal-content .modal-body .confirm-section .product-brief .p-price .qty-val{color:#86868b;font-size:12px}.saas-layout .checkout-confirm-modal .modal-content .modal-body .total-amount{text-align:center;margin-top:32px}.saas-layout .checkout-confirm-modal .modal-content .modal-body .total-amount .label{color:#86868b;margin-bottom:8px;font-size:14px;display:block}.saas-layout .checkout-confirm-modal .modal-content .modal-body .total-amount .amount{color:#ff3b30;letter-spacing:-1px;font-size:36px;font-weight:700}.saas-layout .checkout-confirm-modal .modal-content .modal-actions{background:#fbfbfd;gap:16px;padding:24px 32px;display:flex}.saas-layout .checkout-confirm-modal .modal-content .modal-actions button{cursor:pointer;border:none;border-radius:12px;flex:1;padding:14px;font-size:16px;font-weight:500;transition:all .2s}.saas-layout .checkout-confirm-modal .modal-content .modal-actions .btn-cancel{color:#1d1d1f;background:#e8e8ed}.saas-layout .checkout-confirm-modal .modal-content .modal-actions .btn-cancel:hover{background:#d2d2d7}.saas-layout .checkout-confirm-modal .modal-content .modal-actions .btn-confirm{color:#fff;background:#007aff;justify-content:center;align-items:center;gap:8px;display:flex}.saas-layout .checkout-confirm-modal .modal-content .modal-actions .btn-confirm:hover{background:#06c}.saas-layout .checkout-confirm-modal .modal-content .modal-actions .btn-confirm:disabled{opacity:.6;cursor:not-allowed}.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}.modal-content{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}.mall-admin-products,.mall-admin-orders{box-sizing:border-box;width:100%;padding:32px 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 .admin-table td .actions .outline-btn,.mall-admin-orders .admin-table td .actions .outline-btn{color:#1d1d1f;background:#fff;border:1px solid #d1d1d6!important}.mall-admin-products .admin-table td .actions .outline-btn:hover,.mall-admin-orders .admin-table td .actions .outline-btn:hover{background:#f5f5f7;border-color:#aeaeb2!important}.mall-admin-products .admin-table td .actions .print-icon-btn,.mall-admin-orders .admin-table td .actions .print-icon-btn{cursor:pointer;color:#515154;white-space:nowrap;background:#fff;border:1px solid #d1d1d6;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.mall-admin-products .admin-table td .actions .print-icon-btn:hover,.mall-admin-orders .admin-table td .actions .print-icon-btn:hover{color:#1d1d1f;background:#f5f5f7;border-color:#86868b}.mall-admin-products .admin-table td .actions .print-icon-btn svg,.mall-admin-orders .admin-table td .actions .print-icon-btn svg{flex-shrink:0}.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}.product-editor-saas-v3{background:#f5f5f7;min-height:100%;padding-bottom:80px}.product-editor-saas-v3 .layout-header{z-index:100;background:#fff;border-bottom:1px solid #e5e5ea;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:sticky;top:0}.product-editor-saas-v3 .layout-header .header-actions{align-items:center;gap:16px;display:flex}.product-editor-saas-v3 .layout-header .header-actions h2{color:#1d1d1f;margin:0;font-size:20px;font-weight:600}.product-editor-saas-v3 .layout-header .header-actions .back-btn{cursor:pointer;color:#86868b;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;transition:all .2s;display:flex}.product-editor-saas-v3 .layout-header .header-actions .back-btn:hover{color:#1d1d1f;background:#f5f5f7}.product-editor-saas-v3 .layout-header .top-actions{gap:12px;display:flex}.product-editor-saas-v3 .layout-header .top-actions button{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.product-editor-saas-v3 .layout-header .top-actions .cancel-btn{color:#1d1d1f;background:#fff;border:1px solid #d2d2d7}.product-editor-saas-v3 .layout-header .top-actions .cancel-btn:hover{background:#f5f5f7}.product-editor-saas-v3 .layout-header .top-actions .save-btn{color:#fff;background:#000;border:none}.product-editor-saas-v3 .layout-header .top-actions .save-btn:hover{background:#333}.product-editor-saas-v3 .layout-header .top-actions .save-btn:disabled{cursor:not-allowed;background:#d2d2d7}.product-editor-saas-v3 .layout-body{grid-template-columns:2fr 1fr;align-items:start;gap:24px;max-width:1200px;margin:32px auto;padding:0 24px;display:grid}.product-editor-saas-v3 .layout-main{flex-direction:column;gap:24px;min-width:0;display:flex}.product-editor-saas-v3 .layout-sidebar{flex-direction:column;gap:24px;display:flex;position:sticky;top:100px}.product-editor-saas-v3 .saas-card{background:#fff;border:1px solid #0000000d;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000d}.product-editor-saas-v3 .saas-card h3{color:#1d1d1f;margin:0 0 20px;font-size:16px;font-weight:600}.product-editor-saas-v3 .saas-card .form-group{margin-bottom:16px}.product-editor-saas-v3 .saas-card .form-group label{color:#1d1d1f;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.product-editor-saas-v3 .saas-card .form-group label .req{color:#e02b20}.product-editor-saas-v3 .saas-card .form-group input[type=text],.product-editor-saas-v3 .saas-card .form-group input[type=number],.product-editor-saas-v3 .saas-card .form-group textarea,.product-editor-saas-v3 .saas-card .form-group select{border:1px solid #d2d2d7;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.product-editor-saas-v3 .saas-card .form-group input[type=text]:focus,.product-editor-saas-v3 .saas-card .form-group input[type=number]:focus,.product-editor-saas-v3 .saas-card .form-group textarea:focus,.product-editor-saas-v3 .saas-card .form-group select:focus{border-color:#06c;outline:none;box-shadow:0 0 0 3px #0066cc1a}.product-editor-saas-v3 .saas-card .form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.product-editor-saas-v3 .media-upload-area{flex-direction:column;gap:24px;display:flex}.product-editor-saas-v3 .media-upload-area .cover-upload .upload-box{cursor:pointer;background:#fafafa;border:2px dashed #d2d2d7;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:160px;height:160px;transition:all .2s;display:flex;overflow:hidden}.product-editor-saas-v3 .media-upload-area .cover-upload .upload-box:hover{background:#f0f7ff;border-color:#06c}.product-editor-saas-v3 .media-upload-area .cover-upload .upload-box img{object-fit:cover;width:100%;height:100%}.product-editor-saas-v3 .media-upload-area .cover-upload .upload-box .placeholder{color:#86868b;flex-direction:column;align-items:center;gap:8px;font-size:13px;display:flex}.product-editor-saas-v3 .media-upload-area .gallery-upload .gallery-grid{flex-wrap:wrap;gap:12px;display:flex}.product-editor-saas-v3 .media-upload-area .gallery-upload .gallery-grid .gallery-item{border:1px solid #e5e5ea;border-radius:8px;width:100px;height:100px;position:relative;overflow:hidden}.product-editor-saas-v3 .media-upload-area .gallery-upload .gallery-grid .gallery-item img{object-fit:cover;width:100%;height:100%}.product-editor-saas-v3 .media-upload-area .gallery-upload .gallery-grid .gallery-item .remove-img{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:12px;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:4px;right:4px}.product-editor-saas-v3 .media-upload-area .gallery-upload .gallery-grid .gallery-item .remove-img:hover{background:#000c}.product-editor-saas-v3 .media-upload-area .gallery-upload .gallery-grid .upload-box{cursor:pointer;color:#86868b;background:#fafafa;border:2px dashed #d2d2d7;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100px;height:100px;font-size:12px;transition:all .2s;display:flex}.product-editor-saas-v3 .media-upload-area .gallery-upload .gallery-grid .upload-box:hover{color:#06c;background:#f0f7ff;border-color:#06c}.product-editor-saas-v3 .spec-manager{background:#fafafa;border:1px solid #e5e5ea;border-radius:12px;margin-bottom:24px;padding:16px}.product-editor-saas-v3 .spec-manager .spec-group{background:#fff;border:1px solid #e5e5ea;border-radius:8px;margin-bottom:16px;padding:16px}.product-editor-saas-v3 .spec-manager .spec-group .spec-header{gap:12px;margin-bottom:12px;display:flex}.product-editor-saas-v3 .spec-manager .spec-group .spec-header .spec-name-input{border:none;border-bottom:1px solid #0000;outline:none;flex:1;padding:0;font-size:15px;font-weight:600}.product-editor-saas-v3 .spec-manager .spec-group .spec-header .spec-name-input:focus{border-bottom-color:#06c}.product-editor-saas-v3 .spec-manager .spec-group .spec-header .del-spec-btn{color:#ff3b30;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.product-editor-saas-v3 .spec-manager .spec-group .spec-header .del-spec-btn:hover{background:#ffe5e5}.product-editor-saas-v3 .spec-manager .spec-group .spec-values-container{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.product-editor-saas-v3 .spec-manager .spec-group .spec-values-container .spec-tag{background:#f0f0f0;border-radius:16px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:flex}.product-editor-saas-v3 .spec-manager .spec-group .spec-values-container .spec-tag button{color:#86868b;cursor:pointer;background:0 0;border:none;padding:0;display:flex}.product-editor-saas-v3 .spec-manager .spec-group .spec-values-container .spec-tag button:hover{color:#ff3b30}.product-editor-saas-v3 .spec-manager .spec-group .spec-values-container .spec-tag-input{background:0 0;border:none;outline:none;width:160px;padding:6px 0;font-size:13px}.product-editor-saas-v3 .spec-manager .add-spec-btn{color:#06c;cursor:pointer;background:0 0;border:1px dashed #d2d2d7;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.product-editor-saas-v3 .spec-manager .add-spec-btn:hover{background:#f0f7ff;border-color:#06c}.product-editor-saas-v3 .skus-table-container{background:#fff;border:1px solid #e5e5ea;border-radius:12px;overflow:hidden}.product-editor-saas-v3 .skus-table-container .batch-tools{background:#f5f5f7;border-bottom:1px solid #e5e5ea;align-items:center;gap:12px;padding:12px 16px;font-size:13px;display:flex}.product-editor-saas-v3 .skus-table-container .batch-tools input{border:1px solid #d2d2d7;border-radius:4px;padding:6px 8px}.product-editor-saas-v3 .skus-table-container .batch-tools button{cursor:pointer;background:#fff;border:1px solid #d2d2d7;border-radius:4px;padding:6px 12px}.product-editor-saas-v3 .skus-table-container .batch-tools button:hover{background:#f0f0f0}.product-editor-saas-v3 .skus-table-container .skus-table{border-collapse:collapse;text-align:left;width:100%}.product-editor-saas-v3 .skus-table-container .skus-table th{color:#86868b;background:#fafafa;border-bottom:1px solid #e5e5ea;padding:12px 16px;font-size:13px;font-weight:500}.product-editor-saas-v3 .skus-table-container .skus-table td{vertical-align:middle;border-bottom:1px solid #e5e5ea;padding:12px 16px;font-size:14px}.product-editor-saas-v3 .skus-table-container .skus-table input{border:1px solid #0000;border-radius:4px;outline:none;width:100%;padding:8px;transition:all .2s}.product-editor-saas-v3 .skus-table-container .skus-table input:hover{border-color:#e5e5ea}.product-editor-saas-v3 .skus-table-container .skus-table input:focus{background:#fff;border-color:#06c}.product-editor-saas-v3 .sidebar-card .radio-label{cursor:pointer;align-items:center;gap:8px;margin-bottom:12px;display:flex}.product-editor-saas-v3 .sidebar-card .radio-label input[type=radio]{accent-color:#06c;width:16px;height:16px}.product-editor-saas-v3 .sidebar-card .radio-label .radio-text{color:#1d1d1f;font-size:14px}.rich-text-editor{border:1px solid #d2d2d7;border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.rich-text-editor .editor-toolbar{background:#fafafc;border-bottom:1px solid #d2d2d7;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.rich-text-editor .editor-toolbar .tabs{gap:8px;display:flex}.rich-text-editor .editor-toolbar .tabs button{color:#86868b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:13px}.rich-text-editor .editor-toolbar .tabs button.active{color:#1d1d1f;background:#fff;font-weight:500;box-shadow:0 1px 3px #0000001a}.rich-text-editor .editor-toolbar .actions .upload-inline-btn{cursor:pointer;background:#fff;border:1px solid #d2d2d7;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:flex}.rich-text-editor .editor-toolbar .actions .upload-inline-btn:hover{color:#0071e3;border-color:#0071e3}.rich-text-editor .editor-content{background:#fff;min-height:400px}.rich-text-editor .editor-content .visual-editor-area{color:#1d1d1f;outline:none;min-height:400px;padding:24px;font-size:15px;line-height:1.6}.rich-text-editor .editor-content .visual-editor-area img{border-radius:8px;max-width:100%}.rich-text-editor .editor-content .visual-editor-area p{margin:8px 0}.rich-text-editor .editor-content .visual-editor-area:empty:before{content:attr(placeholder);color:#86868b}.rich-text-editor .editor-content .code-editor-area{color:#333;resize:vertical;box-sizing:border-box;background:#fafafc;border:none;outline:none;width:100%;min-height:400px;padding:24px;font-size:13px;line-height:1.5}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.error-shake{animation:.2s ease-in-out 2 shake;border-color:#ff3b30!important}.list-dashboard{gap:20px;margin-bottom:24px;display:flex}.list-dashboard .stat-card{background:#fff;border-radius:16px;flex:1;padding:24px;box-shadow:0 2px 10px #00000005}.list-dashboard .stat-card .stat-title{color:#86868b;margin-bottom:8px;font-size:14px}.list-dashboard .stat-card .stat-value{color:#1d1d1f;font-size:32px;font-weight:600}.list-dashboard .stat-card .stat-value.active{color:#34c759}.list-dashboard .stat-card .stat-value.draft{color:#ff9f0a}.list-filters{background:#fff;border-radius:12px;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex;box-shadow:0 2px 10px #00000005}.list-filters .search-box{background:#f5f5f7;border-radius:8px;flex:1;align-items:center;gap:8px;padding:10px 16px;display:flex}.list-filters .search-box input{color:#1d1d1f;background:0 0;border:none;outline:none;width:100%;font-size:14px}.list-filters .search-box{color:#86868b}.list-filters select{color:#1d1d1f;cursor:pointer;background:#f5f5f7;border:none;border-radius:8px;outline:none;padding:10px 16px;font-size:14px}.batch-actions-bar{background:#f0f4ff;border:1px solid #d0e0ff;border-radius:8px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.batch-actions-bar .selected-count{color:#0071e3;font-size:14px;font-weight:500}.batch-actions-bar .batch-btn{cursor:pointer;background:#fff;border:1px solid #d2d2d7;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s}.batch-actions-bar .batch-btn:hover{background:#f5f5f7}.batch-actions-bar .batch-btn.danger{color:#ff3b30;border-color:#ff3b30}.batch-actions-bar .batch-btn.danger:hover{background:#ffeceb}@keyframes skeleton-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton-box{background-color:#f5f5f7;background-image:linear-gradient(90deg,#f5f5f7 0,#ebebfa 40px,#f5f5f7 80px);background-repeat:no-repeat;background-size:200px 100%;border-radius:4px;animation:1.5s linear infinite skeleton-shimmer}.skeleton-row td{padding:16px 12px}.upload-box-wrapper.loading{color:#0071e3;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:13px;display:flex}.spec-tag-input{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spec-tag-input .spec-tag{color:#4f46e5;background:#eef2ff;border-radius:16px;align-items:center;gap:4px;padding:4px 8px;font-size:13px;display:flex}.spec-tag-input .spec-tag button{color:#818cf8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;padding:0;display:flex}.spec-tag-input .spec-tag button:hover{color:#312e81;background:#c7d2fe}.spec-tag-input input{background:0 0;border:none;outline:none;flex:1;min-width:150px;padding:4px 0;font-size:14px}.list-dashboard-tabs{background:#fff;border-bottom:1px solid #f0f0f0;gap:32px;padding:0 24px;display:flex}.list-dashboard-tabs .tab-item{color:#515154;cursor:pointer;align-items:center;gap:6px;padding:16px 0;font-size:14px;display:flex;position:relative}.list-dashboard-tabs .tab-item .badge{color:#86868b;background:#f1f1f2;border-radius:10px;padding:2px 6px;font-size:12px;font-weight:500}.list-dashboard-tabs .tab-item:hover{color:#1d1d1f}.list-dashboard-tabs .tab-item.active{color:#06c;font-weight:600}.list-dashboard-tabs .tab-item.active .badge{color:#06c;background:#e5f0fa}.list-dashboard-tabs .tab-item.active:after{content:"";background:#06c;border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.advanced-table{border-collapse:separate;border-spacing:0;width:100%}.advanced-table th{color:#86868b;text-align:left;background:#fafafa;border-bottom:1px solid #f0f0f0;padding:12px 16px;font-size:13px;font-weight:500}.advanced-table td{vertical-align:top;border-bottom:1px solid #f0f0f0;padding:16px}.advanced-table .product-cell{gap:12px;display:flex}.advanced-table .product-cell .img-preview{background:#f5f5f7;border:1px solid #e5e5ea;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;overflow:hidden}.advanced-table .product-cell .img-preview img{object-fit:cover;width:100%;height:100%}.advanced-table .product-cell .img-preview .no-img{color:#999;font-size:12px}.advanced-table .product-cell .info{flex:1}.advanced-table .product-cell .info .name{color:#1d1d1f;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:14px;font-weight:600;display:-webkit-box;overflow:hidden}.advanced-table .product-cell .info .sub{color:#86868b;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-bottom:8px;font-size:12px;display:-webkit-box;overflow:hidden}.advanced-table .product-cell .info .badge{color:#515154;background:#f1f1f2;border-radius:4px;padding:2px 6px;font-size:11px}.advanced-table .price-stock-cell .price{color:#1d1d1f;margin-bottom:4px;font-size:14px;font-weight:600}.advanced-table .price-stock-cell .stock{color:#86868b;font-size:12px}.advanced-table .price-stock-cell .stock .out-of-stock{color:#e02b20;background:#fcebeb;border-radius:4px;padding:2px 6px;font-weight:600}.advanced-table .price-stock-cell .stock .low-stock{color:#f56c6c;font-weight:600}.advanced-table .date-cell{color:#515154;font-size:13px}.advanced-table .status-switch{cursor:pointer;background:#e5e5ea;border-radius:12px;width:44px;height:24px;margin:0 auto;transition:all .3s;position:relative}.advanced-table .status-switch .knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0000001a}.advanced-table .status-switch.on{background:#34c759}.advanced-table .status-switch.on .knob{left:22px}.advanced-table .actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.advanced-table .actions .text-btn{color:#06c;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.advanced-table .actions .text-btn:hover{text-decoration:underline}.batch-actions-bar.advanced{color:#fff;z-index:100;background:#1d1d1f;border-radius:12px;align-items:center;gap:24px;padding:12px 24px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000026}.batch-actions-bar.advanced .selected-count{font-size:14px}.batch-actions-bar.advanced .selected-count strong{color:#0a84ff}.batch-actions-bar.advanced .actions{gap:8px;display:flex}.batch-actions-bar.advanced .actions .batch-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;padding:6px 16px;font-size:13px;transition:all .2s}.batch-actions-bar.advanced .actions .batch-btn:hover{background:#fff3}.batch-actions-bar.advanced .actions .batch-btn.danger{color:#ff453a;border-color:#ff453a4d}.batch-actions-bar.advanced .actions .batch-btn.danger:hover{background:#ff453a1a}.kpi-cards{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;display:grid}.kpi-cards .kpi-card{background:#fff;border:1px solid #e5e5ea;border-radius:12px;flex-direction:column;gap:8px;padding:24px;display:flex;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008}.kpi-cards .kpi-card .kpi-label{color:#515154;font-size:14px;font-weight:500}.kpi-cards .kpi-card .kpi-value{color:#1d1d1f;letter-spacing:-.5px;font-size:32px;font-weight:600}.toolbar-section{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:16px 20px;display:flex;box-shadow:0 2px 8px #0000000a}.toolbar-section .search-box{width:260px;position:relative}.toolbar-section .search-box input{background:#f5f5f7;border:1px solid #e5e5ea;border-radius:20px;outline:none;width:100%;padding:10px 36px;font-size:14px;transition:all .2s}.toolbar-section .search-box input:focus{background:#fff;border-color:#0071e3;box-shadow:0 0 0 3px #0071e31a}.toolbar-section .search-box .clear-btn{color:#fff;cursor:pointer;background:#e5e5ea;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.toolbar-section .search-box .clear-btn:hover{background:#d2d2d7}.toolbar-section .filter-group{align-items:center;gap:16px;display:flex}.toolbar-section .filter-group .date-range-single{align-items:center;font-size:14px;font-weight:500;display:flex}.toolbar-section .filter-group .date-range-single .date-inputs-wrapper{background:#f5f5f7;border:1px solid #e5e5ea;border-radius:8px;align-items:center;padding:4px 8px;transition:all .2s;display:flex}.toolbar-section .filter-group .date-range-single .date-inputs-wrapper:focus-within{background:#fff;border-color:#0071e3}.toolbar-section .filter-group .date-range-single .date-inputs-wrapper input{color:#1d1d1f;background:0 0;border:none;outline:none;padding:4px;font-family:inherit}.toolbar-section .filter-group .date-range-single .date-inputs-wrapper .separator{color:#aeaeb2;margin:0 4px}.toolbar-section .filter-group .amount-range{align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.toolbar-section .filter-group .amount-range input{background:#f5f5f7;border:1px solid #e5e5ea;border-radius:8px;outline:none;width:100px;padding:8px 12px;transition:all .2s}.toolbar-section .filter-group .amount-range input:focus{background:#fff;border-color:#0071e3}.toolbar-section .tools-group{gap:12px;margin-left:auto;display:flex}.toolbar-section .tools-group button{color:#1d1d1f;cursor:pointer;background:#f5f5f7;border:1px solid #0000;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.toolbar-section .tools-group button:hover{background:#e5e5ea}.toolbar-section .tools-group button.btn-export{color:#fff;background:#1d1d1f}.toolbar-section .tools-group button.btn-export:hover{background:#333}.toolbar-section .tools-group button.btn-clear{color:#ff3b30;background:#ffe5e5}.toolbar-section .tools-group button.btn-clear:hover{background:#fcc}.toolbar-section .tools-group button .spinning{animation:1s linear infinite spin}.admin-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.admin-table th.sortable:hover{color:#1d1d1f}.admin-table th.sortable{align-items:center;gap:4px;display:flex}.admin-table tbody tr{transition:background-color .2s}.admin-table tbody tr:nth-child(2n){background-color:#fafafc}.admin-table tbody tr:hover{background-color:#f2f2f7}.copy-icon{cursor:pointer;color:#aeaeb2;margin-left:6px}.copy-icon:hover{color:#007aff}.row-expanded-content{background:#fdfdfd;border-bottom:1px solid #e5e5ea;gap:40px;padding:24px;display:flex;box-shadow:inset 0 2px 6px #00000005}.row-expanded-content .detail-column{flex:1}.row-expanded-content .detail-column h4{color:#1d1d1f;align-items:center;gap:8px;margin:0 0 12px;font-size:15px;display:flex}.row-expanded-content .detail-column .product-list{flex-direction:column;gap:12px;display:flex}.row-expanded-content .detail-column .product-list .product-item{gap:12px;display:flex}.row-expanded-content .detail-column .product-list .product-item img{object-fit:cover;border:1px solid #e5e5ea;border-radius:6px;width:48px;height:48px}.row-expanded-content .detail-column .product-list .product-item .p-info{flex:1}.row-expanded-content .detail-column .product-list .product-item .p-info .p-name{margin-bottom:4px;font-size:14px;font-weight:500}.row-expanded-content .detail-column .product-list .product-item .p-info .p-attr{color:#86868b;font-size:12px}.row-expanded-content .detail-column .product-list .product-item .p-price{text-align:right;font-size:14px;font-weight:500}.row-expanded-content .detail-column .info-block p{color:#515154;margin:0 0 8px;font-size:14px}.row-expanded-content .detail-column .info-block p span{color:#86868b;width:60px;display:inline-block}.row-expanded-content .detail-column .timeline{flex-direction:column;gap:16px;display:flex;position:relative}.row-expanded-content .detail-column .timeline:before{content:"";background:#e5e5ea;width:2px;position:absolute;top:8px;bottom:8px;left:5px}.row-expanded-content .detail-column .timeline .timeline-item{padding-left:20px;position:relative}.row-expanded-content .detail-column .timeline .timeline-item .dot{background:#007aff;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:4px;left:0}.row-expanded-content .detail-column .timeline .timeline-item .time{color:#86868b;margin-bottom:4px;font-size:12px}.row-expanded-content .detail-column .timeline .timeline-item .action{color:#1d1d1f;font-size:14px;font-weight:500}.row-expanded-content .detail-column .timeline .timeline-item .operator{color:#515154;margin-top:2px;font-size:12px}.expand-icon{cursor:pointer;color:#86868b;transition:transform .2s}.expand-icon:hover{color:#1d1d1f}.expand-icon.expanded{transform:rotate(90deg)}.pagination{justify-content:space-between;align-items:center;padding:20px 0;display:flex}.pagination .page-info{color:#86868b;font-size:14px}.pagination .page-controls{gap:8px;display:flex}.pagination .page-controls button{cursor:pointer;background:#fff;border:1px solid #e5e5ea;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;font-size:14px;display:flex}.pagination .page-controls button:hover:not(:disabled){color:#007aff;border-color:#007aff}.pagination .page-controls button.active{color:#fff;background:#007aff;border-color:#007aff}.pagination .page-controls button:disabled{opacity:.5;cursor:not-allowed}.batch-action-bar{background:#e5f3ff;border:1px solid #b3d9ff;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 20px;display:flex}.batch-action-bar .selected-count{color:#06c;font-size:14px;font-weight:500}.batch-action-bar .actions{gap:12px;display:flex}.batch-action-bar .actions button{cursor:pointer;border:none;border-radius:6px;padding:6px 16px;font-size:14px}.batch-action-bar .actions button.btn-approve{color:#fff;background:#007aff}.batch-action-bar .actions button.btn-approve:hover{background:#005bb5}.batch-action-bar .actions button.btn-export{color:#007aff;background:#fff;border:1px solid #007aff}.batch-action-bar .actions button.btn-export:hover{background:#f0f8ff}.custom-toast{color:#fff;z-index:9999;background:#000c;border-radius:8px;align-items:center;gap:10px;padding:12px 24px;font-size:15px;animation:.3s cubic-bezier(.175,.885,.32,1.275) slideDown;display:flex;position:fixed;top:40px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.custom-toast.toast-success{background:#34c759}.custom-toast.toast-error{background:#ff3b30}.custom-toast.toast-info{background:#8e8e93}@keyframes slideDown{0%{opacity:0;top:-20px}to{opacity:1;top:40px}}.logistics-select{background-color:#fff;border:1px solid #d2d2d7;border-radius:8px;outline:none;width:100%;padding:12px;font-size:15px}.logistics-select:focus{border-color:#0071e3}.upload-area{text-align:center;cursor:pointer;background:#fafafc;border:2px dashed #d2d2d7;border-radius:8px;margin-top:8px;padding:20px;transition:all .2s}.upload-area:hover{background:#f0f8ff;border-color:#0071e3}.upload-area .upload-content{color:#86868b;flex-direction:column;align-items:center;gap:8px;font-size:14px;display:flex}.upload-area .preview-container{display:inline-block;position:relative}.upload-area .preview-container img{border-radius:6px;max-width:100%;max-height:150px}.upload-area .preview-container .remove-btn{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:-10px;right:-10px}.upload-area .preview-container .remove-btn:hover{background:#ff3b30}.self-checkin-container{background-color:#f5f5f7;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.self-checkin-container .checkin-card{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:400px;padding:40px 20px;animation:.6s cubic-bezier(.16,1,.3,1) slideUpFade;box-shadow:0 20px 40px #00000014}.self-checkin-container .status-view{flex-direction:column;align-items:center;display:flex}.self-checkin-container .status-view h2{color:#1d1d1f;margin:24px 0 8px;font-size:1.5rem;font-weight:600}.self-checkin-container .status-view p{color:#86868b;margin-bottom:0;font-size:.95rem;line-height:1.5}.self-checkin-container .loading-view .spinner{color:#0071e3;animation:1s linear infinite spin}.self-checkin-container .success-view .success-icon{color:#34c759;animation:.5s cubic-bezier(.175,.885,.32,1.275) scalePop}.self-checkin-container .success-view .main-message{color:#34c759;margin:10px 0;font-size:2.2rem;font-weight:700}.self-checkin-container .success-view .sub-message{color:#1d1d1f;font-weight:500}.self-checkin-container .error-view .error-icon{color:#ff3b30;animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}.self-checkin-container .error-view .retry-btn{color:#fff;cursor:pointer;background-color:#0071e3;border:none;border-radius:980px;margin-top:30px;padding:14px 40px;font-size:1.1rem;font-weight:600;transition:all .2s}.self-checkin-container .error-view .retry-btn:active{transform:scale(.96)}.self-checkin-container .bottom-branding{position:absolute;bottom:30px}.self-checkin-container .bottom-branding p{color:#a1a1a6;font-size:.8rem;font-weight:500}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scalePop{0%{opacity:0;transform:scale(.5)}80%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.proxy-console-container{background-color:#f5f5f7;flex-direction:column;max-width:600px;min-height:100vh;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.proxy-console-container .console-header{padding:24px 20px;padding-top:max(24px, env(safe-area-inset-top));z-index:10;background:#fff;position:sticky;top:0;box-shadow:0 4px 20px #0000000a}.proxy-console-container .console-header .header-title{align-items:center;gap:12px;display:flex}.proxy-console-container .console-header .header-title h1{color:#1d1d1f;margin:0;font-size:1.5rem;font-weight:700}.proxy-console-container .console-header .header-title .header-icon{color:#0071e3;width:28px;height:28px}.proxy-console-container .console-header .subtitle{color:#86868b;margin:8px 0 16px;font-size:.85rem;line-height:1.4}.proxy-console-container .console-header .search-bar{position:relative}.proxy-console-container .console-header .search-bar .search-icon{color:#a1a1a6;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.proxy-console-container .console-header .search-bar input{color:#1d1d1f;box-sizing:border-box;background-color:#f5f5f7;border:none;border-radius:12px;width:100%;padding:12px 12px 12px 40px;font-size:1rem}.proxy-console-container .console-header .search-bar input:focus{outline:none;box-shadow:0 0 0 2px #0071e333}.proxy-console-container .guest-list{padding:16px;padding-bottom:env(safe-area-inset-bottom);flex-direction:column;flex:1;gap:12px;display:flex}.proxy-console-container .guest-list .empty-state{color:#86868b;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.proxy-console-container .guest-list .empty-state .all-done-icon{color:#34c759;margin-bottom:16px}.proxy-console-container .guest-list .guest-card{background:#fff;border-radius:16px;justify-content:space-between;align-items:center;padding:16px;animation:.4s ease-out slideUpFade;display:flex;box-shadow:0 2px 8px #0000000a}.proxy-console-container .guest-list .guest-card .guest-info{flex:1;margin-right:16px}.proxy-console-container .guest-list .guest-card .guest-info h3{color:#1d1d1f;align-items:center;gap:8px;margin:0 0 4px;font-size:1.1rem;display:flex}.proxy-console-container .guest-list .guest-card .guest-info h3 .vip-badge{color:#ff3b30;background:#ffe8e1;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:600}.proxy-console-container .guest-list .guest-card .guest-info p{color:#86868b;margin:0;font-size:.85rem}.proxy-console-container .guest-list .guest-card .guest-info p.phone{color:#515154;margin-top:2px;font-family:monospace}.proxy-console-container .guest-list .guest-card .proxy-checkin-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#0071e3;border:none;border-radius:20px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .2s}.proxy-console-container .guest-list .guest-card .proxy-checkin-btn:active{background:#005bb5;transform:scale(.95)}.proxy-console-container .toast{bottom:max(30px, env(safe-area-inset-bottom));color:#fff;z-index:100;background:#1d1d1fe6;border-radius:24px;padding:12px 24px;font-size:.9rem;font-weight:500;animation:.3s ease-out slideUpFade;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000026}.qrcode-screen-container{color:#fff;background-color:#1d1d1f;justify-content:center;align-items:center;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.qrcode-screen-container .main-content{flex-direction:column;align-items:center;gap:40px;display:flex}.qrcode-screen-container .header{text-align:center}.qrcode-screen-container .header h1{letter-spacing:-.02em;margin:0 0 16px;font-size:3rem;font-weight:700}.qrcode-screen-container .header p{color:#a1a1a6;margin:0;font-size:1.5rem}.qrcode-screen-container .header p span{color:#0071e3;font-weight:600}.qrcode-screen-container .qr-wrapper{background:#fff;border-radius:32px;padding:30px;position:relative;box-shadow:0 0 60px #0071e333}.qrcode-screen-container .qr-wrapper .qr-corners{pointer-events:none;position:absolute;inset:10px}.qrcode-screen-container .qr-wrapper .qr-corners .corner{border:4px solid #0071e3;width:40px;height:40px;position:absolute}.qrcode-screen-container .qr-wrapper .qr-corners .top-left{border-bottom:none;border-right:none;border-radius:12px 0 0;top:0;left:0}.qrcode-screen-container .qr-wrapper .qr-corners .top-right{border-bottom:none;border-left:none;border-radius:0 12px 0 0;top:0;right:0}.qrcode-screen-container .qr-wrapper .qr-corners .bottom-left{border-top:none;border-right:none;border-radius:0 0 0 12px;bottom:0;left:0}.qrcode-screen-container .qr-wrapper .qr-corners .bottom-right{border-top:none;border-left:none;border-radius:0 0 12px;bottom:0;right:0}.qrcode-screen-container .qr-wrapper .qr-placeholder{background:#f5f5f7;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:320px;height:320px;display:flex}.qrcode-screen-container .qr-wrapper .qr-placeholder p{color:#1d1d1f;margin:0;font-weight:600}.qrcode-screen-container .qr-wrapper .qr-placeholder .tiny{color:#86868b;word-break:break-all;text-align:center;padding:0 20px;font-size:.6rem}.qrcode-screen-container .security-notice{color:#ff9f0a;background:#ff9f0a1a;border-radius:980px;align-items:center;gap:8px;padding:12px 24px;font-size:1.1rem;font-weight:500;display:flex}.qrcode-screen-container .security-notice .refresh-icon{animation:30s linear infinite spin}.drawer-overlay{z-index:2000;background:#0006;animation:.3s fadeIn;position:fixed;inset:0}.advanced-filter-drawer{z-index:2001;background:#fff;flex-direction:column;width:400px;animation:.3s slideIn;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-4px 0 24px #0000001a}.advanced-filter-drawer .drawer-header{border-bottom:1px solid #ebeef5;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.advanced-filter-drawer .drawer-header .header-title{color:#303133;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.advanced-filter-drawer .drawer-header .header-title .icon{color:#409eff}.advanced-filter-drawer .drawer-header .close-btn{color:#909399;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.advanced-filter-drawer .drawer-header .close-btn:hover{color:#303133;background:#f4f4f5}.advanced-filter-drawer .drawer-content{flex:1;padding:20px;overflow-y:auto}.advanced-filter-drawer .drawer-content .filter-section{margin-bottom:24px}.advanced-filter-drawer .drawer-content .filter-section .section-title{color:#606266;align-items:center;gap:6px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.advanced-filter-drawer .drawer-content .filter-section .section-title svg{color:#909399}.advanced-filter-drawer .drawer-content .filter-section .section-desc{color:#909399;background:#f4f4f5;border-radius:4px;margin-bottom:16px;padding:8px 12px;font-size:12px;line-height:1.5}.advanced-filter-drawer .drawer-content .filter-section .tag-group-selectable{cursor:pointer;border:1px solid #ebeef5;border-radius:6px;margin-bottom:16px;padding:12px;transition:all .2s}.advanced-filter-drawer .drawer-content .filter-section .tag-group-selectable:hover{background:#fafcff;border-color:#c6e2ff}.advanced-filter-drawer .drawer-content .filter-section .tag-group-selectable.active{background:#ecf5ff;border-color:#409eff}.advanced-filter-drawer .drawer-content .filter-section .tag-group-selectable.active .group-name{color:#409eff}.advanced-filter-drawer .drawer-content .filter-section .tag-group-selectable .group-name{color:#303133;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:500;display:flex}.advanced-filter-drawer .drawer-content .filter-section .tag-group-selectable .group-name .checkbox{border:1px solid #dcdfe6;border-radius:2px;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.advanced-filter-drawer .drawer-content .filter-section .tag-group-selectable .group-name .checkbox .inner{background:#409eff;border-radius:1px;width:10px;height:10px}.advanced-filter-drawer .drawer-content .filter-section .tag-group-selectable .tags-preview{flex-wrap:wrap;gap:6px;padding-left:24px;display:flex}.advanced-filter-drawer .drawer-content .filter-section .tag-group-selectable .tags-preview .preview-tag{color:#909399;background:#f4f4f5;border-radius:12px;padding:2px 8px;font-size:12px}.advanced-filter-drawer .drawer-content .filter-section .tags-list{flex-wrap:wrap;gap:8px;display:flex}.advanced-filter-drawer .drawer-content .filter-section .tags-list .tag-btn{color:#606266;cursor:pointer;background:#f4f4f5;border:1px solid #0000;border-radius:4px;padding:6px 12px;font-size:13px;transition:all .2s}.advanced-filter-drawer .drawer-content .filter-section .tags-list .tag-btn:hover:not(.disabled){color:#409eff;background:#ecf5ff}.advanced-filter-drawer .drawer-content .filter-section .tags-list .tag-btn.active{color:#409eff;background:#ecf5ff;border-color:#b3d8ff}.advanced-filter-drawer .drawer-content .filter-section .tags-list .tag-btn.disabled{opacity:.5;cursor:not-allowed;text-decoration:line-through}.advanced-filter-drawer .drawer-footer{border-top:1px solid #ebeef5;justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.advanced-filter-drawer .drawer-footer button{cursor:pointer;border-radius:4px;padding:8px 20px;font-size:14px;transition:all .2s}.advanced-filter-drawer .drawer-footer button.reset-btn{color:#606266;background:#fff;border:1px solid #dcdfe6}.advanced-filter-drawer .drawer-footer button.reset-btn:hover{color:#409eff;background:#ecf5ff;border-color:#c6e2ff}.advanced-filter-drawer .drawer-footer button.apply-btn{color:#fff;background:#409eff;border:1px solid #409eff}.advanced-filter-drawer .drawer-footer button.apply-btn:hover{background:#66b1ff;border-color:#66b1ff}.dept-tree-table-wrap{width:100%}.dept-tree-table-wrap .legend-row{flex-wrap:wrap;gap:20px;margin-bottom:12px;display:flex}.dept-tree-table-wrap .legend-row .legend-item{color:#86868b;align-items:center;gap:6px;font-size:12px;display:flex}.dept-tree-table-wrap .risk-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-left:4px;display:inline-block}.dept-tree-table-wrap .risk-dot.risk-low{background:#34c759}.dept-tree-table-wrap .risk-dot.risk-medium{background:#ff9f0a}.dept-tree-table-wrap .risk-dot.risk-high{background:#ff3b30}.dept-tree-table-wrap .table-scroll{border:1px solid #f0f0f5;border-radius:10px;overflow-x:auto}.dept-tree-table-wrap .dept-tree-table{border-collapse:collapse;width:100%;font-size:13px}.dept-tree-table-wrap .dept-tree-table thead tr{background:#f9f9fb;border-bottom:1px solid #e8e8ed}.dept-tree-table-wrap .dept-tree-table thead tr th{color:#3a3a3c;white-space:nowrap;text-align:right;padding:10px 14px;font-weight:600}.dept-tree-table-wrap .dept-tree-table thead tr th.col-name{text-align:left;min-width:220px}.dept-tree-table-wrap .dept-tree-table thead tr th.col-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.dept-tree-table-wrap .dept-tree-table thead tr th.col-sortable:hover{color:#007aff;background:#f2f2f7}.dept-tree-table-wrap .dept-tree-table thead tr th .sort-icon{vertical-align:middle;margin-left:4px}.dept-tree-table-wrap .dept-tree-table thead tr th .sort-icon.inactive{color:#c7c7cc}.dept-tree-table-wrap .dept-tree-table thead tr th .sort-icon.active{color:#007aff}.dept-tree-table-wrap .dept-tree-table tbody .tree-row{border-bottom:1px solid #f5f5f7;transition:background .15s}.dept-tree-table-wrap .dept-tree-table tbody .tree-row:last-child{border-bottom:none}.dept-tree-table-wrap .dept-tree-table tbody .tree-row:hover{background:#fafafa}.dept-tree-table-wrap .dept-tree-table tbody .tree-row.row-dept .node-name{color:#1d1d1f;font-weight:600}.dept-tree-table-wrap .dept-tree-table tbody .tree-row.row-dept .dept-icon{color:#007aff}.dept-tree-table-wrap .dept-tree-table tbody .tree-row.row-employee{background:#fdfcff}.dept-tree-table-wrap .dept-tree-table tbody .tree-row.row-employee .node-name{color:#3a3a3c;font-weight:400}.dept-tree-table-wrap .dept-tree-table tbody .tree-row.row-employee .emp-icon{color:#8e8e93}.dept-tree-table-wrap .dept-tree-table tbody .tree-row.risk-row-high{border-left:3px solid #ff3b30}.dept-tree-table-wrap .dept-tree-table tbody .tree-row.risk-row-medium{border-left:3px solid #ff9f0a}.dept-tree-table-wrap .dept-tree-table tbody .tree-row.risk-row-low{border-left:3px solid #0000}.dept-tree-table-wrap .dept-tree-table tbody .tree-row td{vertical-align:middle;padding:9px 14px}.dept-tree-table-wrap .dept-tree-table tbody .tree-row .col-name .name-cell{align-items:center;gap:6px;display:flex}.dept-tree-table-wrap .dept-tree-table tbody .tree-row .col-name .toggle-btn{cursor:pointer;color:#8e8e93;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;display:flex}.dept-tree-table-wrap .dept-tree-table tbody .tree-row .col-name .toggle-btn:hover{color:#1d1d1f;background:#e8e8ed}.dept-tree-table-wrap .dept-tree-table tbody .tree-row .col-name .toggle-placeholder{width:22px;display:inline-block}.dept-tree-table-wrap .dept-tree-table tbody .tree-row .col-name .node-icon{flex-shrink:0}.dept-tree-table-wrap .dept-tree-table tbody .tree-row .col-name .node-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.dept-tree-table-wrap .dept-tree-table tbody .tree-row .col-num,.dept-tree-table-wrap .dept-tree-table tbody .tree-row .col-rate{text-align:right;color:#3a3a3c}.dept-tree-table-wrap .dept-tree-table tbody .tree-row .col-num.col-active,.dept-tree-table-wrap .dept-tree-table tbody .tree-row .col-rate.col-active{background:#f0f5ff}.dept-tree-table-wrap .dept-tree-table tbody .tree-row .num-green{color:#34c759;font-weight:600}.dept-tree-table-wrap .dept-tree-table tbody .tree-row .num-red{color:#ff3b30;font-weight:600}.dept-tree-table-wrap .dept-tree-table tbody .tree-row .num-zero{color:#c7c7cc}.dept-tree-table-wrap .dept-tree-table tbody .tree-row .rate-cell{font-weight:600}.dept-tree-table-wrap .dept-tree-table tbody .tree-row .rate-cell.rate-good{color:#34c759}.dept-tree-table-wrap .dept-tree-table tbody .tree-row .rate-cell.rate-warn{color:#ff9f0a}.dept-tree-table-wrap .dept-tree-table tbody .tree-row .rate-cell.rate-bad{color:#ff3b30}.dept-tree-table-wrap .dept-tree-loading{color:#8e8e93;justify-content:center;align-items:center;gap:10px;padding:40px;font-size:14px;display:flex}.dept-tree-table-wrap .dept-tree-loading .loading-spinner{border:2px solid #e8e8ed;border-top-color:#007aff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.dept-tree-table-wrap .dept-tree-empty{text-align:center;color:#8e8e93;padding:40px;font-size:14px}.wecom-data-hub{color:#1d1d1f;background-color:#f5f5f7;min-height:calc(100vh - 64px);padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.wecom-data-hub .hub-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.wecom-data-hub .hub-header .header-left h1{margin:0 0 4px;font-size:24px;font-weight:600}.wecom-data-hub .hub-header .header-left p{color:#86868b;margin:0;font-size:14px}.wecom-data-hub .hub-header .export-btn{color:#fff;cursor:pointer;background:#0071e3;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.wecom-data-hub .hub-header .export-btn:hover{background:#0077ed}.wecom-data-hub .filter-bar{background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:24px;padding:12px 20px;display:flex;box-shadow:0 1px 3px #0000000d}.wecom-data-hub .filter-bar .filter-group{align-items:center;gap:12px;display:flex}.wecom-data-hub .filter-bar .filter-group .filter-icon{color:#86868b}.wecom-data-hub .filter-bar .filter-group .pill-group{gap:8px;display:flex}.wecom-data-hub .filter-bar .filter-group .pill-group .filter-pill{color:#515154;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 12px;font-size:13px;transition:all .2s}.wecom-data-hub .filter-bar .filter-group .pill-group .filter-pill.active{color:#0071e3;background:#e1f0ff;font-weight:500}.wecom-data-hub .filter-bar .filter-group .pill-group .filter-pill:hover:not(.active){background:#f5f5f7}.wecom-data-hub .filter-bar .filter-group .pill-group .time-dropdown-wrapper{display:inline-block;position:relative}.wecom-data-hub .filter-bar .filter-group .pill-group .time-dropdown-wrapper .dropdown-trigger{align-items:center;display:flex}.wecom-data-hub .filter-bar .filter-group .pill-group .time-dropdown-wrapper .time-dropdown-menu{z-index:1000;background:#fff;border:1px solid #e5e5ea;border-radius:8px;flex-direction:column;min-width:100px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 4px 12px #00000014}.wecom-data-hub .filter-bar .filter-group .pill-group .time-dropdown-wrapper .time-dropdown-menu .time-dropdown-item{color:#1d1d1f;cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;transition:background .2s;display:flex}.wecom-data-hub .filter-bar .filter-group .pill-group .time-dropdown-wrapper .time-dropdown-menu .time-dropdown-item:hover{background:#f5f5f7}.wecom-data-hub .filter-bar .filter-group .pill-group .time-dropdown-wrapper .time-dropdown-menu .time-dropdown-item.selected{color:#0071e3;background:#e1f0ff;font-weight:500}.wecom-data-hub .filter-bar .filter-group .custom-date-range{align-items:center;gap:8px;margin-left:8px;display:flex}.wecom-data-hub .filter-bar .filter-group .custom-date-range input[type=date]{color:#1d1d1f;border:1px solid #d2d2d7;border-radius:6px;outline:none;padding:4px 8px;font-size:13px}.wecom-data-hub .filter-bar .filter-group .custom-date-range input[type=date]:focus{border-color:#0071e3}.wecom-data-hub .filter-bar .filter-group .custom-date-range span{color:#86868b;font-size:13px}.wecom-data-hub .filter-bar .filter-group .source-filter{position:relative}.wecom-data-hub .filter-bar .filter-group .source-filter .filter-trigger{color:#1d1d1f;cursor:pointer;background:#fff;border:1px solid #d2d2d7;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:flex}.wecom-data-hub .filter-bar .filter-group .source-filter .filter-trigger:hover{border-color:#0071e3}.wecom-data-hub .filter-bar .filter-group .source-filter .filter-dropdown{z-index:100;background:#fff;border:1px solid #e4e7ed;border-radius:8px;width:200px;max-height:300px;padding:8px 0;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.wecom-data-hub .filter-bar .filter-group .source-filter .filter-dropdown .source-group .group-header{color:#909399;cursor:pointer;background:#f5f5f7;justify-content:space-between;padding:6px 12px;font-size:12px;display:flex}.wecom-data-hub .filter-bar .filter-group .source-filter .filter-dropdown .source-group .group-header:hover{color:#0071e3}.wecom-data-hub .filter-bar .filter-group .source-filter .filter-dropdown .source-group .group-children .source-item{cursor:pointer;color:#303133;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:flex}.wecom-data-hub .filter-bar .filter-group .source-filter .filter-dropdown .source-group .group-children .source-item:hover{background:#f0f7ff}.wecom-data-hub .filter-bar .filter-group .source-filter .filter-dropdown .source-group .group-children .source-item .checkbox{border:1px solid #dcdfe6;border-radius:2px;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.wecom-data-hub .filter-bar .filter-group .source-filter .filter-dropdown .source-group .group-children .source-item .checkbox.checked{color:#fff;background:#409eff;border-color:#409eff}.wecom-data-hub .filter-bar .filter-group .filter-select{color:#1d1d1f;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") right 8px center/14px no-repeat;border:1px solid #d2d2d7;border-radius:8px;outline:none;padding:6px 32px 6px 12px;font-size:13px}.wecom-data-hub .filter-bar .filter-group .advanced-filter-btn{color:#1d1d1f;cursor:pointer;background:#fff;border:1px solid #d2d2d7;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;transition:all .2s;display:flex}.wecom-data-hub .filter-bar .filter-group .advanced-filter-btn:hover{background:#f5f5f7}.wecom-data-hub .filter-bar .filter-divider{background:#e5e5ea;width:1px;height:24px}.wecom-data-hub .metrics-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px;display:grid}.wecom-data-hub .metrics-grid .metric-card{background:#fff;border-radius:16px;padding:20px;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 3px #0000000d}.wecom-data-hub .metrics-grid .metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.wecom-data-hub .metrics-grid .metric-card .metric-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.wecom-data-hub .metrics-grid .metric-card .metric-header .title{color:#515154;font-size:14px;font-weight:500}.wecom-data-hub .metrics-grid .metric-card .metric-header .icon{border-radius:8px;padding:6px}.wecom-data-hub .metrics-grid .metric-card .metric-header .icon.blue{color:#0071e3;background:#e1f0ff}.wecom-data-hub .metrics-grid .metric-card .metric-header .icon.red{color:#ff3b30;background:#ffeceb}.wecom-data-hub .metrics-grid .metric-card .metric-header .icon.purple{color:#af52de;background:#f2e6ff}.wecom-data-hub .metrics-grid .metric-card .metric-header .icon.green{color:#34c759;background:#e4f9e0}.wecom-data-hub .metrics-grid .metric-card .metric-value{color:#1d1d1f;margin-bottom:8px;font-size:32px;font-weight:600}.wecom-data-hub .metrics-grid .metric-card .metric-trend{color:#86868b;align-items:center;gap:6px;font-size:13px;display:flex}.wecom-data-hub .metrics-grid .metric-card .metric-trend span{border-radius:4px;padding:2px 6px;font-weight:500}.wecom-data-hub .metrics-grid .metric-card .metric-trend.positive span{color:#34c759;background:0 0}.wecom-data-hub .metrics-grid .metric-card .metric-trend.negative span{color:#ff3b30;background:0 0}.wecom-data-hub .metrics-grid .metric-card .metric-trend.warning span{color:#e67e22;background:0 0}.wecom-data-hub .analysis-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.wecom-data-hub .analysis-grid .analysis-card{background:#fff;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000d}.wecom-data-hub .analysis-grid .analysis-card.span-2{grid-column:span 2}.wecom-data-hub .analysis-grid .analysis-card.full-width{grid-column:1/-1}.wecom-data-hub .analysis-grid .analysis-card .card-header{border-bottom:1px solid #f5f5f7;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.wecom-data-hub .analysis-grid .analysis-card .card-header h3{margin:0;font-size:16px;font-weight:600}.wecom-data-hub .analysis-grid .analysis-card .card-header .header-icon{color:#86868b}.wecom-data-hub .analysis-grid .analysis-card .card-header .view-all-btn{color:#0071e3;cursor:pointer;background:0 0;border:none;font-size:13px}.wecom-data-hub .analysis-grid .analysis-card .card-header .view-all-btn:hover{text-decoration:underline}.wecom-data-hub .analysis-grid .analysis-card .card-body{flex:1;padding:20px}.wecom-data-hub .analysis-grid .analysis-card .card-body.list-body{padding:0;overflow-x:auto}.wecom-data-hub .analysis-grid .analysis-card .card-body .data-table{border-collapse:collapse;width:100%}.wecom-data-hub .analysis-grid .analysis-card .card-body .data-table th{text-align:left;color:#86868b;white-space:nowrap;background:#fafafc;border-bottom:1px solid #f5f5f7;padding:12px 20px;font-size:13px;font-weight:500}.wecom-data-hub .analysis-grid .analysis-card .card-body .data-table td{color:#1d1d1f;white-space:nowrap;border-bottom:1px solid #f5f5f7;padding:16px 20px;font-size:14px}.wecom-data-hub .analysis-grid .analysis-card .card-body .data-table tr:last-child td{border-bottom:none}.wecom-data-hub .analysis-grid .analysis-card .card-body .data-table .badge{border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500}.wecom-data-hub .analysis-grid .analysis-card .card-body .data-table .badge.high{color:#ff3b30;background:#ffeceb}.wecom-data-hub .analysis-grid .analysis-card .card-body .data-table .badge.medium{color:#e67e22;background:#fff3e0}.wecom-data-hub .analysis-grid .analysis-card .card-body .data-table .badge.low{color:#515154;background:#e5e5ea}.wecom-data-hub .analysis-grid .analysis-card .card-body .data-table .action-btn{cursor:pointer;color:#1d1d1f;background:0 0;border:1px solid #d2d2d7;border-radius:4px;padding:4px 12px;font-size:12px}.wecom-data-hub .analysis-grid .analysis-card .card-body .data-table .action-btn:hover{background:#f5f5f7}.wecom-data-hub .analysis-grid .analysis-card .card-body .roi-list{flex-direction:column;gap:16px;display:flex}.wecom-data-hub .analysis-grid .analysis-card .card-body .roi-list .roi-item{border:1px solid #e5e5ea;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.wecom-data-hub .analysis-grid .analysis-card .card-body .roi-list .roi-item .roi-info{justify-content:space-between;align-items:center;display:flex}.wecom-data-hub .analysis-grid .analysis-card .card-body .roi-list .roi-item .roi-info .roi-name{font-size:14px;font-weight:500}.wecom-data-hub .analysis-grid .analysis-card .card-body .roi-list .roi-item .roi-info .roi-tag{color:#86868b;background:#f5f5f7;border-radius:4px;padding:2px 6px;font-size:12px}.wecom-data-hub .analysis-grid .analysis-card .card-body .roi-list .roi-item .roi-stats{gap:24px;display:flex}.wecom-data-hub .analysis-grid .analysis-card .card-body .roi-list .roi-item .roi-stats .stat{flex-direction:column;gap:4px;display:flex}.wecom-data-hub .analysis-grid .analysis-card .card-body .roi-list .roi-item .roi-stats .stat label{color:#86868b;font-size:12px}.wecom-data-hub .analysis-grid .analysis-card .card-body .roi-list .roi-item .roi-stats .stat span{font-size:20px;font-weight:600}.wecom-data-hub .analysis-grid .analysis-card .card-body .roi-list .roi-item .roi-stats .stat span.good{color:#34c759}.wecom-data-hub .analysis-grid .analysis-card .card-body .roi-list .roi-item .roi-stats .stat span.bad{color:#ff3b30}.wecom-data-hub .text-green{color:#67c23a;font-weight:500}.wecom-data-hub .text-orange{color:#e6a23c;font-weight:500}.wecom-data-hub .metric-trend-row{align-items:center;min-height:22px;margin-top:6px;display:flex;position:relative}.wecom-data-hub .metric-trend{color:#86868b;align-items:center;gap:4px;font-size:12px;display:flex}.wecom-data-hub .metric-trend.positive span{color:#34c759;font-weight:600}.wecom-data-hub .metric-trend.negative span{color:#ff3b30;font-weight:600}.wecom-data-hub .trend-cfg-btn{cursor:pointer;color:#c7c7cc;align-items:center;margin-left:6px;transition:color .2s;display:inline-flex}.wecom-data-hub .trend-cfg-btn:hover{color:#409eff}.wecom-data-hub .trend-popover{z-index:1000;background:#fff;border:1px solid #e5e5ea;border-radius:10px;min-width:110px;padding:8px 0;position:absolute;bottom:calc(100% + 6px);left:0;box-shadow:0 8px 24px #0000001f}.wecom-data-hub .trend-popover .trend-popover-title{color:#86868b;border-bottom:1px solid #f2f2f7;margin-bottom:4px;padding:2px 14px 6px;font-size:11px}.wecom-data-hub .trend-popover .trend-opt{cursor:pointer;color:#1d1d1f;padding:6px 14px;font-size:13px;transition:background .15s}.wecom-data-hub .trend-popover .trend-opt:hover{background:#f5f5f7}.wecom-data-hub .trend-popover .trend-opt.active{color:#409eff;font-weight:600}html,body,#root{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,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}