@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";.settings-page{width:100%;height:100%;color:var(--text-primary);background-color:#0000;border-radius:10px;display:flex;overflow:hidden}.settings-sidebar-custom{background-color:var(--surface);border-right:1px solid var(--border);flex-direction:column;width:240px;padding:20px 12px;display:flex}.settings-sidebar-title{margin-bottom:24px;padding-left:12px;font-size:18px;font-weight:700}.settings-tabs{flex-direction:column;gap:8px;display:flex}.settings-tab{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.settings-tab:hover{background-color:var(--surface2);color:var(--text-primary)}.settings-tab.active{background-color:var(--surface2);border-color:var(--border3);color:var(--text-primary)}.settings-tab svg{font-size:18px}.settings-content-wrapper{background-color:#0000;flex-direction:column;flex:1;min-height:100vh;padding:24px 32px;display:flex;overflow:hidden}.settings-breadcrumb{color:var(--text-secondary);margin-bottom:16px;font-size:12px}.settings-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:24px;display:flex}.settings-header-left{flex-direction:column;gap:8px;display:flex}.settings-header-title{align-items:center;gap:12px;font-size:20px;font-weight:700;display:flex}.settings-header-desc{color:var(--text-secondary);font-size:13px}.btn-add-field{color:#fff;cursor:pointer;background:linear-gradient(90deg,#7c3aed 0%,#560590 100%);border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:opacity .2s}.btn-add-field:hover{opacity:.9}.fields-table-container{flex:1;width:100%;overflow:auto}.fields-table{border-collapse:collapse;text-align:left;width:100%}.fields-table th{z-index:10;color:var(--text-primary);border-bottom:1px solid var(--border);background-color:var(--surface4);white-space:nowrap;text-align:left;padding:12px 16px;font-size:13px;font-weight:600;position:sticky;top:0}.fields-table td{color:var(--text-secondary);border-bottom:1px solid var(--border);background-color:var(--surface);white-space:nowrap;padding:14px 16px;font-size:13px;transition:background-color .2s}.fields-table tr:hover td{background-color:var(--surface2)}.td-id{color:var(--text-primary)!important}.queue-circle{background-color:var(--accent);width:20px;height:20px;color:var(--text-inverse);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:inline-flex}.label-count-circle{background-color:var(--surface2);border:1px solid var(--border);width:20px;height:20px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;margin-left:8px;font-size:11px;font-weight:600;display:inline-flex}.cell-icon-text{align-items:center;gap:8px;display:flex}.icon-orange{color:var(--accent);font-size:14px}.table-text-muted{color:var(--text-muted)}.ext-page{width:100%;height:100%;color:var(--text-primary);background-color:#0000;flex-direction:column;padding-bottom:40px;display:flex;overflow-y:auto}.ext-header-area{border-bottom:1px solid var(--border);margin-bottom:24px;padding:0 0 20px}.ext-top-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.ext-title{align-items:center;gap:12px;font-size:24px;font-weight:700;display:flex}.ext-badge{background-color:var(--surface2);border:1px solid var(--border);width:24px;height:24px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:flex}.ext-info-icon{color:var(--text-secondary);cursor:pointer;font-size:20px}.btn-primary{background:var(--btn1,linear-gradient(90deg, #7c3aed 0%, #560590 100%));color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:opacity .2s}.btn-primary:hover{opacity:.9}.btn-outline{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.btn-outline:hover{background:var(--surface2)}.ext-tabs{gap:8px;display:flex}.ext-tab{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.ext-tab:hover{background:var(--surface2);color:var(--text-primary)}.ext-tab.active{background:var(--surface2);color:var(--text-primary);border-color:var(--border)}.my-ext-controls{justify-content:space-between;margin-bottom:24px;display:flex}.ext-view-toggles{background:var(--surface2);border:1px solid var(--border);border-radius:6px;display:flex;overflow:hidden}.view-toggle{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:8px 16px;font-size:13px}.view-toggle.active{background:var(--surface5,#d9d9d91a);color:var(--text-primary)}.ext-alert{border:1px solid var(--border);background:var(--surface2);border-radius:8px;align-items:center;gap:12px;margin-bottom:24px;padding:12px 16px;font-size:13px;display:flex}.ext-alert-warning .alert-icon{color:#d97706}.ext-alert-info .alert-icon{color:#7c3aed}.ext-intro-box{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:24px;margin-bottom:24px;padding:24px;display:flex;position:relative}.close-intro{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;position:absolute;top:12px;right:12px}.close-intro:hover{color:var(--text-primary)}.intro-icon-wrap{background:var(--surface2);width:48px;height:48px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;font-size:24px;display:flex}.intro-content-wrap{flex:1}.intro-content-wrap h3{margin-bottom:8px;font-size:16px}.intro-content-wrap p{color:var(--text-secondary);font-size:13px}.intro-chips{gap:8px;display:flex}.intro-chip{border:1px solid var(--border);color:var(--text-secondary);border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:flex}.ext-empty-state{border:1px solid var(--border);text-align:center;background:var(--surface);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:32px;padding:48px 0;display:flex}.ext-empty-state .empty-icon{color:var(--text-secondary);margin-bottom:16px;font-size:32px}.ext-empty-state h3{margin-bottom:8px;font-size:16px}.ext-empty-state p{color:var(--text-secondary);margin-bottom:24px;font-size:13px}.ext-create-section h3{margin-bottom:4px;font-size:16px}.ext-create-section>p{color:var(--text-secondary);margin-bottom:24px;font-size:13px}.ext-cards-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.ext-create-card{border:1px solid var(--border);text-align:center;background:var(--surface);border-radius:8px;flex-direction:column;align-items:center;padding:32px;display:flex}.ext-card-graphic{align-items:center;gap:8px;margin-bottom:24px;display:flex}.graphic-icon{background:var(--surface2);width:56px;height:56px;color:var(--text-secondary);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;font-size:28px;display:flex}.graphic-dots{color:var(--accent);letter-spacing:4px;font-size:24px;font-weight:700;line-height:1}.ext-create-card h4{margin-bottom:12px;font-size:16px}.ext-create-card p{color:var(--text-secondary);flex:1;margin-bottom:24px;font-size:13px}.ext-card-actions{align-items:center;gap:16px;display:flex}.btn-text{color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.btn-text:hover{text-decoration:underline}.store-search{margin-bottom:24px;position:relative}.store-search input{background:var(--surface2);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:12px 16px 12px 40px;font-size:14px}.store-search .search-icon{color:var(--text-secondary);font-size:16px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.store-list{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.store-list-item{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;align-items:center;gap:24px;padding:16px;transition:border-color .2s;display:flex}.store-list-item:hover{border-color:var(--accent)}.store-item-logo{background:#fff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:160px;height:80px;display:flex;overflow:hidden}.mock-logo{color:#111;align-items:center;gap:8px;font-size:20px;font-weight:800;display:flex}.store-item-content{flex-direction:column;gap:8px;display:flex}.store-item-title{color:var(--text-primary);align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.store-item-desc{color:var(--text-secondary);font-size:13px}.store-pagination{justify-content:space-between;align-items:center;margin-bottom:48px;display:flex}.page-numbers{gap:8px;display:flex}.page-num{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;font-size:13px;display:flex}.page-num.active{background:var(--surface2);color:var(--text-primary);border:1px solid var(--border)}.page-controls{align-items:center;gap:16px;display:flex}.items-per-page{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.items-per-page select{background:var(--surface2);border:1px solid var(--border);color:var(--text-primary);border-radius:4px;outline:none;padding:4px 8px}.btn-sm{padding:6px 12px}.store-footer-cards{grid-template-columns:1fr 1fr 1fr;gap:24px;display:grid}.footer-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:flex-start;gap:16px;padding:24px;display:flex}.f-icon{background:var(--surface2);width:40px;height:40px;color:var(--text-secondary);border:1px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.f-content h4{margin-bottom:8px;font-size:14px;font-weight:600;line-height:1.4}.f-content p{color:var(--text-secondary);margin-bottom:16px;font-size:12px}.btn-orange{border-color:var(--accent);color:var(--accent)}.btn-orange:hover{background:var(--accent);color:#fff}.auto-page{width:100%;height:100%;color:var(--text-primary);background-color:#0000;flex-direction:column;min-height:0;display:flex;overflow:hidden}.auto-surface-card{background:var(--surface);border-radius:12px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.auto-surface-card-inner{flex:1;padding:24px;overflow-y:auto}.auto-breadcrumb{color:var(--text-secondary);margin-bottom:16px;font-size:12px}.auto-header-area{margin-bottom:24px}.auto-title-row{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.auto-title{margin-bottom:8px;font-size:24px;font-weight:700}.auto-subtitle{color:var(--text-secondary);max-width:800px;font-size:13px}.auto-header-actions{gap:12px;display:flex}.btn-outline{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;padding:8px 16px;font-size:13px;transition:all .2s}.btn-outline:hover{border-color:var(--text-primary)}.btn-purple{color:#fff;cursor:pointer;white-space:nowrap;background:#7c3aed;border:none;border-radius:6px;padding:8px 16px;font-size:13px;transition:all .2s}.btn-purple:hover{background:#6d28d9}.auto-tabs{gap:32px;display:flex}.auto-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:12px 0;font-size:14px;font-weight:500;transition:color .2s;position:relative}.auto-tab:hover,.auto-tab.active{color:var(--text-primary)}.auto-tab.active:after{content:"";background:#7c3aed;border-radius:2px 2px 0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.auto-content{flex-direction:column;gap:24px;display:flex}.auto-tabs-bar{border-bottom:1px solid var(--border);flex-shrink:0;padding:0 24px}.info-ribbon{flex-wrap:wrap;gap:12px;margin-bottom:8px;display:flex}.ribbon-item{background:var(--surface2,#1f1f2e);border:1px solid var(--border,#333);border-radius:8px;flex:1;justify-content:space-between;align-items:center;min-width:200px;padding:12px 16px;font-size:13px;display:flex}.more-info-badge{color:#d97706;align-items:center;gap:4px;font-size:11px;display:flex}.accordion-panel{border:1px solid var(--border);background:0 0;border-radius:8px;overflow:hidden}.accordion-header{cursor:pointer;background:0 0;align-items:center;gap:12px;padding:16px;font-size:14px;font-weight:600;display:flex}.accordion-body{border-top:1px solid #0000;padding:0 16px 24px 44px}.form-row{align-items:center;margin-bottom:16px;display:flex}.form-row:last-child{margin-bottom:0}.form-label{width:250px;color:var(--text-secondary);flex-shrink:0;align-items:center;gap:6px;font-size:13px;display:flex}.form-control{flex:1;max-width:500px}.auto-input,.auto-select{border:1px solid var(--border);width:100%;color:var(--text-primary);background:0 0;border-radius:6px;padding:8px 12px;font-size:13px}.auto-input:focus,.auto-select:focus{border-color:#7c3aed;outline:none}.custom-toggle{background:var(--surface2,#2a2a35);cursor:pointer;border:1px solid var(--border);border-radius:10px;width:36px;height:20px;transition:all .2s;position:relative}.custom-toggle.on{background:#e46000;border-color:#e46000}.toggle-circle{background:var(--text-secondary);border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:2px;left:2px}.custom-toggle.on .toggle-circle{background:#fff;left:18px}.field-section{border:1px solid var(--border);border-radius:8px}.field-section-header{cursor:pointer;align-items:center;gap:12px;padding:16px;font-size:14px;font-weight:600;display:flex}.field-row{border-top:1px solid var(--border);cursor:pointer;align-items:center;gap:16px;padding:12px 16px;transition:background .2s;display:flex}.field-row:hover{background:var(--surface2)}.field-icon{color:var(--text-secondary)}.field-name{flex:1;font-size:13px;font-weight:500}.field-id{color:var(--text-secondary);flex:1;font-size:13px}.field-actions{color:var(--text-secondary);align-items:center;gap:16px;display:flex}.field-actions svg.active{color:#10b981}.nav-circle{background:var(--surface2);width:24px;height:24px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.alert-box{color:var(--text-primary);background:#d977061a;border:1px solid #d9770633;border-radius:8px;align-items:flex-start;gap:12px;padding:16px;font-size:13px;line-height:1.5;display:flex}.alert-box svg{color:#d97706;flex-shrink:0;margin-top:2px}.upgrade-banner{background:var(--surface2);border:1px solid var(--border);border-radius:8px;align-items:center;gap:12px;margin-bottom:24px;padding:12px 16px;font-size:13px;display:flex}.upgrade-badge{color:#fff;background:#d97706;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.email-action-row{border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:24px}.email-action-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.search-box{position:relative}.search-icon{color:var(--text-secondary);position:absolute;top:50%;right:10px;transform:translateY(-50%)}.users-list{flex-direction:column;gap:12px;display:flex}.user-row{border:1px solid var(--border);background:var(--surface2);border-radius:8px;justify-content:space-between;align-items:center;padding:16px;display:flex}.user-info{flex-direction:column;gap:4px;display:flex}.user-name{font-size:14px;font-weight:600}.user-email{color:var(--text-secondary);font-size:13px}.user-role-badge{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);border-radius:16px;padding:4px 12px;font-size:12px}.toggle-row{border:1px solid var(--border);background:var(--surface2);border-radius:8px;justify-content:space-between;align-items:center;padding:16px;display:flex}.toggle-row-left{align-items:flex-start;gap:12px;display:flex}.toggle-row-icon{color:#10b981;margin-top:2px}.toggle-row-icon.gray{color:var(--text-secondary)}.auto-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:24px}.auto-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.auto-card-title{align-items:center;gap:8px;margin-bottom:4px;font-size:16px;font-weight:600;display:flex}.auto-card-desc{color:var(--text-secondary);margin-bottom:24px;font-size:13px}.more-info-btn{border:1px solid var(--border);color:#d97706;cursor:pointer;background:0 0;border-radius:16px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;transition:all .2s;display:flex}.more-info-btn:hover{background:var(--surface2)}.auto-radio-group{gap:24px;display:flex}.auto-radio-item{flex-direction:column;flex:1;gap:8px;padding-left:28px;display:flex;position:relative}.auto-radio-item input[type=radio]{appearance:none;border:2px solid var(--text-secondary);cursor:pointer;border-radius:50%;outline:none;width:16px;height:16px;position:absolute;top:4px;left:0}.auto-radio-item input[type=radio]:checked{border-color:#7c3aed}.auto-radio-item input[type=radio]:checked:after{content:"";background:#7c3aed;border-radius:50%;width:6px;height:6px;position:absolute;top:3px;left:3px}.radio-label-wrap{align-items:center;gap:8px;display:flex}.radio-title{font-size:14px;font-weight:600}.radio-rec{color:#fff;background:#15803d;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.radio-desc{color:var(--text-secondary);font-size:13px;line-height:1.5}.threshold-wrap{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.threshold-pills{background:var(--surface2);border-radius:8px;gap:8px;padding:4px;display:flex}.t-pill{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s}.t-pill:hover{color:var(--text-primary)}.t-pill.active{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);box-shadow:0 1px 3px #0003}.threshold-hint{color:var(--text-secondary);font-size:12px}.auto-data-list{color:var(--text-secondary);margin-top:16px;padding-left:20px;font-size:13px;line-height:1.6}.auto-table-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.doc-count{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.doc-count-badge{background:var(--surface2);color:var(--text-primary);border:1px solid var(--border);border-radius:12px;padding:2px 8px;font-size:12px}.month-dropdown{background:var(--surface2);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;transition:all .2s;display:flex}.month-dropdown:hover{border-color:#7c3aed}.auto-table{border-collapse:collapse;width:100%}.auto-table th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border);padding-bottom:12px;font-size:12px;font-weight:500}.auto-empty-table{text-align:center;color:var(--text-primary);padding:48px 0;font-size:13px;font-weight:500}.beta-badge{color:#fff;background:#d97706;border-radius:4px;margin-left:8px;padding:2px 6px;font-size:10px;font-weight:600}:root{--bg:#dfdfdf;--surface:#fff;--surface2:#f9f9f7;--surface3:#e6e6e6;--surface4:#f1f1f1;--surface5:#f1f1f1;--surface6:#e6e6e6;--surface_upload:#fff;--surface_upload_box:#8f8f8f1a;--icn-color:#000;--btn1:#c50;--border:#e8e8e4;--border2:#0003;--border3:#0003;--border-n1:#c50;--text-primary:#000;--text-secondary:#6b6b65;--text-muted:#a0a09a;--text-inverse:#fff;--accent:#c50;--accent-hover:#c94d12;--accent-light:#fff3ee;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 16px #0000001a;--nav-w:220px;--topnav-h:56px;--t:.4s cubic-bezier(.25, .8, .25, 1);--shadow:none;--shadow-c:none;--shadow-r:none;--body-pad-top:15px;--body-pad-right:15px;--body-pad-bottom:15px;--body-pad-left:15px}[data-theme=dark]{--bg:radial-gradient(circle at top, #20133c 0%, #0d091e 50%, #06040d 100%);--surface:#0000004d;--surface2:#222220;--surface3:#1c1c1a;--surface4:#141412;--surface5:#d9d9d91a;--surface6:#10101099;--surface_upload:#2a1945;--surface_upload_box:#0000004d;--icn-color:#a1a1a1;--border:#2e2e2a;--border2:#fff3;--border3:#bd72ff4d;--border-n1:transparent;--text-primary:#fff;--text-secondary:#9a9a92;--text-muted:#5a5a54;--text-inverse:#000;--btn1:linear-gradient(90deg, #7c3aed 0%, #560590 100%);--accent:#f06a2a;--accent-hover:#e05a1a;--accent-light:#2a1a10;--shadow:0px 0px 8px 0px #c876ffcc;--shadow-c:0px 0px 8px 0px #37ea0066;--shadow-r:0px 0px 8px 0px #ea393966;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #0006}*,:before,:after{box-sizing:border-box;transition:background-color var(--t), background var(--t), color var(--t), border-color var(--t), fill var(--t), stroke var(--t);margin:0;padding:0;font-family:Roboto,sans-serif}html{background:var(--bg);height:100%;transition:background var(--t)}body{background:var(--bg);height:100%;color:var(--text-primary);transition:background var(--t), color var(--t);min-height:calc(100vh - var(--body-pad-top) - var(--body-pad-bottom));flex-direction:column;display:flex;overflow:hidden}#main-app{padding:var(--body-pad-top) var(--body-pad-right) var(--body-pad-bottom) var(--body-pad-left)}.topnav{height:var(--topnav-h);background:var(--surface);transition:background var(--t), border-color var(--t);border-radius:10px;flex-shrink:0;align-items:center;height:60px;margin-bottom:25px;padding:5px 20px;display:flex}.logo-dark,[data-theme=dark] .logo-light{display:none}[data-theme=dark] .logo-dark{display:block}.logo{flex-shrink:0;align-items:center;gap:8px;text-decoration:none;display:flex}.logo-icon{padding-right:130px;display:flex}.nav-links{flex:1;align-items:center;gap:2px;padding-left:20px;display:flex;overflow:hidden}.nav-link{color:var(--text-primary);cursor:pointer;transition:color var(--t);white-space:nowrap;padding:22px 12px;font-size:13px;font-weight:400;text-decoration:none;position:relative}.nav-link.active{font-weight:700}.nav-link.active:after{content:"";background:var(--accent);border-radius:2px 2px 0 0;height:3px;position:absolute;bottom:0;left:12px;right:12px}.nav-right{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}.search-bar{border:1px solid var(--border3);box-shadow:var(--shadow);width:280px;transition:all var(--t);border-radius:8px;align-items:center;gap:8px;padding:6px 12px;display:flex}.search-bar input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:13px}.search-bar input::placeholder{color:var(--text-primary)}.icon-btn{cursor:pointer;width:32px;height:32px;color:var(--text-secondary);transition:all var(--t);background:0 0;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.icon-btn:hover{background:var(--surface2);color:var(--text-primary)}.icon-btn svg{width:17px;height:17px}.icon-btn.active:after{content:"";background:var(--accent);border-radius:2px 2px 0 0;height:3px;position:absolute;bottom:-14px;left:4px;right:4px}[data-theme=dark] .icon-btn svg path[fill=black],[data-theme=dark] .sidebar-toggle svg path[fill=black]{fill:var(--text-primary)}.notif-badge{background:var(--accent);width:15px;height:15px;color:var(--text-inverse);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex;position:absolute;top:3px;right:3px}.theme-toggle{border:1px solid var(--border);background:var(--surface2);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);transition:all var(--t);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:4px;display:flex;position:relative;overflow:hidden}.moon-icon{opacity:0;transform:rotate(-80deg)scale(.5)}.sun-icon{opacity:1;transform:rotate(0)scale(1)}[data-theme=dark] .sun-icon{opacity:0;transform:rotate(80deg)scale(.5)}[data-theme=dark] .moon-icon{opacity:1;transform:rotate(0)scale(1)}.theme-toggle:hover{background:var(--surface);color:var(--text-primary)}.theme-toggle img{width:15px;height:15px;transition:opacity .3s,transform .35s;position:absolute}.invert-img{filter:invert(0);transition:all .3s}[data-theme=dark] .invert-img{filter:invert()}.user-pill{cursor:pointer;transition:all var(--t);border-radius:20px;flex-shrink:0;align-items:center;gap:7px;padding:3px 9px 3px 3px;display:flex}.user-pill:hover,.user-pill.active{background:var(--surface2)}.user-avatar{background:var(--accent);width:25px;height:25px;color:var(--text-inverse);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.user-name{color:var(--text-primary);white-space:nowrap;transition:color var(--t);font-size:12px;font-weight:400}.user-chevron{color:var(--text-primary);flex-shrink:0;font-size:14px;transition:transform .3s}.user-chevron.rotated{transform:rotate(180deg)}.user-wrapper{position:relative}.user-dropdown{background:var(--surface);border:1px solid var(--border);width:220px;box-shadow:var(--shadow-md);z-index:1000;border-radius:12px;padding:8px;animation:.2s ease-out slideIn;position:absolute;top:calc(100% + 10px);right:0}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .user-dropdown{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#191919cc;border:1px solid #ffffff1a;box-shadow:0 10px 30px #00000080}.dropdown-header{padding:8px 12px}.user-email{color:var(--text-secondary);word-break:break-all;font-size:11px}.dropdown-divider{background:var(--border);opacity:.5;height:1px;margin:6px 0}.dropdown-item{width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;transition:background .2s;display:flex}.dropdown-item:hover{background:var(--surface2)}.dropdown-icon{color:var(--text-secondary);font-size:16px}.dropdown-item.logout,.dropdown-item.logout .dropdown-icon{color:#ef4444}.hamburger{border:1px solid var(--border);background:var(--surface2);cursor:pointer;width:32px;height:32px;transition:all var(--t);border-radius:7px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;display:none}.hamburger:hover{border-color:var(--accent)}.hamburger span{background:var(--text-secondary);width:14px;height:1.5px;transition:all var(--t);border-radius:2px;display:block}.app{border-radius:0 0 10px 10px;flex:1;height:calc(100vh - 120px);min-height:0;display:flex;overflow:hidden}.sidebar.collapsed{width:0}.sidebar-header{background-color:var(--surface5);transition:background var(--t);border-radius:10px;flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px;display:flex}.sidebar-label{color:var(--text-primary);transition:color var(--t);font-size:14px;font-weight:800}.add-btn{color:var(--accent);border:1px solid var(--border2);cursor:pointer;transition:background var(--t);background:0 0;border-radius:8px;align-items:center;gap:3px;padding:6px 10px;font-size:11.5px;font-weight:600;display:flex}.sort-row{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:0;margin-bottom:14px;display:flex}.sort-chip{color:var(--text-primary);cursor:pointer;transition:all var(--t);border-right:1px solid var(--border);border-radius:0;flex-shrink:0;align-items:center;gap:18px;padding:6px 8px;font-size:12px;font-weight:500;display:flex}.sort-chip:hover{color:var(--accent)}.parent-row{cursor:pointer;transition:background var(--t);border-radius:7px;flex-shrink:0;justify-content:space-between;align-items:center;padding:7px 0;display:flex}.parent-label{color:var(--text-primary);transition:color var(--t);align-items:center;gap:7px;font-size:14px;font-weight:600;display:flex}.chevron{color:var(--text-primary);transition:transform var(--t);flex-shrink:0}.chevron.open{transform:rotate(0)}.orgtxt{color:var(--accent)}.nav-children,.new-child{flex:1;max-height:100%;padding-left:25px;transition:max-height .3s;position:relative;overflow:hidden auto}.new-child{padding-left:0}.nav-children.active,.new-child.active{max-height:0}.nav-children:before{content:"";background-image:url("data:image/svg+xml,%3Csvg width='15' height='272' viewBox='0 0 15 272' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 0V12C0.5 15.3137 3.18629 18 6.5 18H14.5' stroke='%23CDCDCD'/%3E%3Cpath d='M0.5 9V48C0.5 51.3137 3.18629 54 6.5 54H14.5' stroke='%23CDCDCD'/%3E%3Cpath d='M0.5 43V83.5C0.5 86.8137 3.18629 89.5 6.5 89.5H14.5' stroke='%23CDCDCD'/%3E%3Cpath d='M0.5 77V120C0.5 123.314 3.18629 126 6.5 126H14.5' stroke='%23CDCDCD'/%3E%3Cpath d='M0.5 113V156C0.5 159.314 3.18629 162 6.5 162H14.5' stroke='%23CDCDCD'/%3E%3Cpath d='M0.5 149V191C0.5 194.314 3.18629 197 6.5 197H14.5' stroke='%23CDCDCD'/%3E%3Cpath d='M0.5 183V229C0.5 232.314 3.18629 235 6.5 235H14.5' stroke='%23CDCDCD'/%3E%3Cpath d='M0.5 221V265C0.5 268.314 3.18629 271 6.5 271H14.5' stroke='%23CDCDCD'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:15px;height:272px;position:absolute;top:0;left:9px}.nav-item{cursor:pointer;transition:all var(--t);border-radius:7px;justify-content:space-between;align-items:center;margin-bottom:1px;padding:8px 0 8px 5px;display:flex}.nav-item:hover{background:var(--surface2)}.nav-item-label{color:var(--text-secondary);transition:color var(--t);white-space:nowrap;font-size:12.5px;font-weight:500}.nav-item.active .nav-item-label{color:var(--accent)}.nav-item:hover .nav-item-label{color:var(--text-primary)}.nav-count{background:var(--accent);width:19px;height:19px;color:var(--text-inverse);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9.5px;font-weight:700;display:flex}.invite-btn{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;white-space:nowrap;transition:all var(--t);background:0 0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:auto;padding:8px 12px;font-size:12px;display:flex}.invite-btn:hover svg{color:var(--accent)!important}.invite-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.sidebar-overlay{z-index:140;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;display:none;position:fixed;inset:0}.main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.main-inner{min-height:0;transition:background var(--t);flex-direction:column;flex:1;padding-left:20px;display:flex;overflow-y:auto}.main-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;margin-block:14px;display:flex}.main-title-row{align-items:center;gap:10px;display:flex}.sidebar-toggle{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.main-title{color:var(--text-primary);letter-spacing:-.4px;transition:color var(--t);white-space:nowrap;font-size:18px;font-weight:700}.main-actions{align-items:center;gap:6px;display:flex}.upload-btn{background:var(--btn1);color:#fff;cursor:pointer;transition:background var(--t), transform .15s, box-shadow .15s;white-space:nowrap;border:none;border-radius:7px;padding:7px 16px;font-size:13px;font-weight:600}.tablesec{background-color:var(--surface);transition:background var(--t);border-radius:12px;flex-shrink:0;padding:20px}.filter-row{flex-shrink:0;margin-bottom:20px}.filter-btn{background:var(--surface);border:1px solid var(--border);color:var(--accent);cursor:pointer;transition:all var(--t);border-radius:7px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.filter-btn:hover{border-color:var(--accent);background:var(--accent-light)}.table-container{min-height:0;transition:background var(--t), border-color var(--t);flex-direction:column;flex:1;display:flex}.table-scroll{flex:1;min-height:0;overflow:auto}table{border-collapse:collapse;width:100%;min-width:700px}thead tr{background:var(--surface6);z-index:2;position:sticky;top:0}th{text-align:left;color:var(--text-primary);transition:color var(--t);white-space:nowrap;padding:16px 14px;font-size:15px;font-weight:700}th:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px;width:36px;padding:10px 15px}th:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}td{color:var(--text-primary);border-bottom:1px solid var(--border);transition:color var(--t), border-color var(--t), background var(--t);white-space:nowrap;padding:12px 14px;font-size:13px}td:first-child{padding:12px 15px}tbody tr{transition:background var(--t);cursor:pointer}tbody tr:hover{background:var(--surface2)}.cb{border:1.5px solid var(--border);cursor:pointer;width:15px;height:15px;accent-color:var(--accent);border-radius:4px}.badge-status{white-space:nowrap;border:1.5px solid #0000;border-radius:5px;justify-content:center;align-items:center;min-width:75px;padding:6px 9px;font-size:12px;font-weight:600;display:inline-flex}.s-review{background:var(--surface2);color:var(--text-primary);border-color:var(--border)}.s-confirmed{color:#1e7a42;box-shadow:var(--shadow-c);background:#e8f7ee;border-color:#b8e8c8}.s-rejected{color:#c0392b;box-shadow:var(--shadow-r);background:#feeaea;border-color:#f5b8b8}[data-theme=dark] .s-confirmed{color:#4ec97a;background:#0e2a18;border-color:#1a4a2a}[data-theme=dark] .s-rejected{color:#e05a5a;background:#2a0e0e;border-color:#4a1a1a}.doc-name{color:var(--text-primary);transition:color var(--t);font-size:14px;font-weight:400}.queue-path{color:var(--text-primary);transition:color var(--t);font-size:14px}.queue-path strong{color:var(--text-primary);transition:color var(--t)}.queue-sep{color:var(--text-primary);transition:color var(--t);margin:0 5px;font-size:13px;line-height:11px}.date-cell{color:var(--text-primary);transition:color var(--t);font-size:14px}.bottom-bar{transition:background var(--t), border-color var(--t);border-radius:0 0 12px 12px;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:20px 0;display:flex}.pagination{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.pg-btn{min-width:26px;height:26px;color:var(--text-secondary);cursor:pointer;transition:all var(--t);background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;padding:0 5px;font-size:12.5px;font-weight:500;display:flex}.pg-btn:hover{background:var(--surface2);color:var(--text-primary);border-color:var(--border)}.pg-btn.active{background:var(--surface2);border-color:var(--border);color:var(--text-primary);font-weight:700}.pg-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.nav-pg-btn{border:1px solid var(--border);background:var(--surface);height:26px;color:var(--text-primary);cursor:pointer;white-space:nowrap;transition:all var(--t);border-radius:6px;align-items:center;gap:3px;padding:4px 10px;font-size:12px;font-weight:500;display:flex}.nav-pg-btn:hover{background:var(--surface2)}.nav-pg-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.ipp-wrap{color:var(--text-primary);white-space:nowrap;transition:color var(--t);align-items:center;gap:6px;font-size:12px;display:flex}.ipp-select{background:var(--surface);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;min-width:58px;transition:all var(--t);border-radius:5px;justify-content:space-between;align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:500;display:flex}.ipp-select:hover{border-color:var(--accent)}.bottom-right{align-items:center;gap:6px;display:flex}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.table-container{animation:.28s fadeUp}@media (width<=900px){.search-bar,.nav-links{display:none}.hamburger{display:flex}.user-name,.user-chevron{display:none}.user-pill{border-radius:50%;padding:3px}.sidebar{top:calc(var(--topnav-h) + var(--body-pad-top));left:var(--body-pad-left);bottom:var(--body-pad-bottom);transform:translateX(calc(-100% - var(--body-pad-left)));z-index:150;box-shadow:var(--shadow-md);border-radius:10px;position:fixed;width:var(--nav-w)!important}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{transform:translateX(calc(-100% - var(--body-pad-left)));width:var(--nav-w)!important}.sidebar-inner{opacity:1!important;pointer-events:all!important}.sidebar-overlay{opacity:0;pointer-events:none;transition:opacity var(--t);display:block}.sidebar-overlay.visible{opacity:1;pointer-events:all}.sidebar-toggle{display:none}.main-inner{padding:14px 14px 12px}.main-title{font-size:16px}}@media (width<=600px){:root{--topnav-h:52px}.topnav{padding:0 12px}.main-inner{padding:0}.main-header{gap:8px;margin-top:0;margin-bottom:10px}.main-title{font-size:15px}.upload-btn{padding:6px 12px;font-size:12px}.bottom-bar{flex-wrap:wrap;justify-content:center;gap:6px;padding:8px 10px}.invite-btn{padding:6px 10px;font-size:11px}.ipp-wrap .ipp-label{display:none}.pagination{gap:1px}.pg-btn{min-width:22px;height:22px;font-size:11.5px}.nav-pg-btn{height:22px;padding:3px 8px;font-size:11px}.notif-badge{display:none}.logo-icon{padding-right:0}}@media (width<=380px){.icon-btn.notif,.icon-btn.settings{display:none}}.upload-modal{opacity:0;visibility:hidden;z-index:999;background:#00000080;justify-content:center;align-items:center;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.upload-box{background:var(--surface_upload);width:850px;color:var(--text-primary);opacity:0;border-radius:12px;padding:25px;transition:transform .35s,opacity .35s;transform:scale(.8)}.upload-modal.active{opacity:1;visibility:visible}.upload-modal.active .upload-box{opacity:1;transform:scale(1)}.upload_head{color:var(--text-primary);font-size:24px;font-weight:700}.close-btn{color:#aaa;cursor:pointer;background:0 0;border:none;position:absolute;top:30px;right:25px}.drop-area{text-align:center;background:var(--surface_upload_box);border:2px dashed #cfcfcf4d;border-radius:10px;margin:20px 0;padding:60px 40px;transition:all .3s}.drop-area p{font-size:16px}.upload-icon{margin-bottom:10px;font-size:30px}.browse-btn{border:1px solid var(--border2);width:auto;color:var(--text-primary);cursor:pointer;white-space:nowrap;transition:all var(--t);background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;margin:0 auto;padding:10px 30px;font-size:12px;display:flex}.browse-btn:hover{border-color:var(--accent);color:var(--accent)}.upload-options{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:15px;display:flex}.upload-options label{align-items:center;gap:8px;font-size:14px;display:flex}.upload-options input{width:18px;height:18px}.queue-select{align-items:center;gap:10px;font-size:14px;display:flex}.queue-select select{width:200px;color:var(--text-primary);border:none;border:1px solid var(--border3);cursor:pointer;background:0 0;border-radius:8px;padding:4px 8px}.queue-select select:focus-within{outline:none}[data-theme=dark] .queue-select select{color:#fff;background:#3a255e;border:1px solid #5a3d8a}[data-theme=dark] .queue-select select option{color:#fff;background:#2a1746}.upload-footer{background:#efefef;border-radius:10px;justify-content:center;gap:15px;margin-top:25px;padding:20px 40px;display:flex}[data-theme=dark] .upload-footer{background:#0003}.cancel-btn{color:#fff;background:0 0;border:1px solid #aaa;border-radius:8px;padding:10px 20px}.submit-btn{background:var(--btn1);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 30px;font-weight:700}.password-wrapper{width:100%;position:relative}.password-toggle{color:var(--text-secondary);cursor:pointer;z-index:10;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle:hover{color:var(--accent)}.action-bar{background:var(--text-inverse);border:1px solid var(--border);opacity:0;pointer-events:none;z-index:500;box-shadow:var(--shadow);border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:10px 18px;transition:all .3s;display:flex;position:fixed;top:165px;left:640px;transform:translate(-50%)translateY(-20px)}.action-bar.active{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.action-bar .actions button{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 8px}#closeSelection{cursor:pointer;color:var(--text-primary);background:0 0;border:none;font-weight:700}.action-bar button:hover{background:var(--surface2)}.btn_option svg{position:relative;top:2px}.preview-sidebar{z-index:400;-webkit-backdrop-filter:blur(5px);background:#000c;align-items:center;width:450px;height:100%;transition:all .35s;display:flex;position:fixed;top:0;right:-450px}#previewName{text-align:center;color:#fff;margin-top:20px;font-size:16px;font-weight:700}#pageLength{text-align:center;color:#fff;margin-top:15px;font-size:16px;font-weight:400}.preview-sidebar.active{right:0}#selectedCount{font-size:14px;font-weight:700}.preview-content{width:100%;padding:50px}.preview-box{aspect-ratio:3/4;background:#fff;border-radius:10px;justify-content:center;align-items:center;width:100%;display:flex}@media (width<=1550px){.drop-area{padding:30px}.preview-sidebar{width:315px;padding:30px}.preview-content{padding:0}#previewName,#pageLength{font-size:13px}.action-bar{width:700px}.action-bar .actions button{padding-inline:5px}.action-bar{left:620px}}.new-child .search-bar{width:100%;box-shadow:none;margin-top:3px;margin-bottom:15px}.new-child .nav-children:before{height:256px}.new-child .cb{width:17px;height:17px}.nav-children2{margin-top:-8px;padding-left:0}.nav-children2:before{content:none}.divider-line{border-top:1px solid var(--border2);margin-block:20px}.login-wrapper{background:radial-gradient(circle,#2a1a4a,#0b0615);justify-content:center;align-items:center;height:100vh;display:flex}[data-theme=dark] .login-wrapper{background:linear-gradient(#2a1a4a 50%,#0b0615 50%)}[data-theme=light] .login-wrapper{background:linear-gradient(#f5f5f5 50%,#e0e0e0 50%)}.login-card{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#28144699;border:1px solid #ffffff14;border-radius:14px;width:400px;padding:35px;box-shadow:0 0 60px #7b2ff733,0 10px 40px #00000080}[data-theme=dark] .login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#28144699;border:1px solid #ffffff14;box-shadow:0 0 60px #7b2ff733,0 10px 40px #00000080}[data-theme=light] .login-card{background:#fff;border:1px solid #e0e0e0;box-shadow:0 10px 30px #0000001a}.login-logo{justify-content:center;margin-bottom:20px;display:flex}.login-logo img{width:60px}.login-title{color:#fff;margin:15px 0 20px;font-size:22px;font-weight:500}.input-field{width:100%;color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;margin-bottom:12px;padding:12px}[data-theme=dark] .input-field{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a}[data-theme=light] .input-field{color:#111;background:#f2f2f2;border:1px solid #ddd}.input-field::placeholder{color:var(--text-secondary)}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#7b2ff7,#f107a3);border:none;border-radius:8px;width:100%;margin-top:10px;padding:12px;font-weight:500;transition:all .2s}[data-theme=dark] .login-btn{background:linear-gradient(90deg,#7b2ff7,#f107a3)}[data-theme=light] .login-btn{background:#d35400}.login-btn:hover{opacity:.9}.login-btn:disabled{opacity:.65;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-theme=dark] .login-title,[data-theme=dark] .terms-text,[data-theme=dark] .forgot,[data-theme=dark] .signup-btn{color:#fff}[data-theme=light] .login-title,[data-theme=light] .terms-text,[data-theme=light] .forgot,[data-theme=light] .signup-btn{color:#111}[data-theme=dark] .brand{color:#fff}[data-theme=light] .brand{color:#d35400}.terms-text{color:#fff;margin:10px 0;font-size:14px}.forgot{color:#fff;cursor:pointer;margin-top:12px;font-size:14px}.signup-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:8px;width:100%;margin-top:12px;padding:10px;font-size:14px}.success-icon{color:#fff;background:#ff7a00;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 20px;font-size:24px;display:flex}.terms-text.small{opacity:.7;font-size:12px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;opacity:0;visibility:hidden;background:#00000080;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;visibility:visible}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:90%;max-width:400px;padding:24px;transition:all .3s;transform:translateY(20px);box-shadow:0 20px 40px #0003}.modal-overlay.active .modal-box{transform:translateY(0)}[data-theme=dark] .modal-box{background:#1a1a1a;border:1px solid #ffffff1a}.modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-title-row{align-items:center;gap:12px;display:flex}.modal-icon{color:var(--accent);font-size:24px}.modal-title{color:var(--text-primary);font-size:20px;font-weight:700}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;font-size:20px;transition:all .2s;display:flex}.modal-close:hover{background:var(--surface2);color:var(--text-primary)}.modal-body{margin-bottom:24px}.modal-message{color:var(--text-secondary);font-size:15px;line-height:1.5}.modal-footer{justify-content:flex-end;align-items:center;gap:12px;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.modal-btn.outline{border:1px solid var(--border);color:var(--text-primary);background:0 0}.modal-btn.outline:hover{background:var(--surface2)}.modal-btn.primary{background:var(--btn1);color:#fff}.modal-btn.primary:hover{opacity:.9}.modal-btn.primary.danger{background:#ef4444}.upload-modal-box{background:var(--surface);border:1px solid var(--border);width:650px;max-width:95vw;color:var(--text-primary);transition:transform .3s ease, background var(--t), border-color var(--t);border-radius:16px;padding:28px;transform:translateY(20px);box-shadow:0 24px 80px #00000026}.modal-overlay.active .upload-modal-box{transform:translateY(0)}[data-theme=dark] .upload-modal-box{color:#fff;background:linear-gradient(145deg,#2d1b69,#1e1245);border:1px solid #7c3aed66;box-shadow:0 24px 80px #00000080,0 0 0 1px #7c3aed33}.upload-modal-box .modal-header{margin-bottom:20px}.upload-modal-box .modal-title{color:var(--text-primary)}[data-theme=dark] .upload-modal-box .modal-title{color:#fff}.upload-modal-box .modal-close{color:var(--text-secondary)}.upload-modal-box .modal-close:hover{background:var(--surface2);color:var(--text-primary)}[data-theme=dark] .upload-modal-box .modal-close{color:#fff9}[data-theme=dark] .upload-modal-box .modal-close:hover{color:#fff;background:#ffffff1a}.upload-dropzone{cursor:pointer;background:#7c3aed0a;border:2px dashed #7c3aed66;border-radius:12px;flex-direction:column;align-items:center;gap:12px;margin-bottom:20px;padding:40px 24px;transition:all .2s;display:flex}.upload-dropzone.drag-active{background:#7c3aed1a;border-color:#7c3aed;transform:scale(1.01)}[data-theme=dark] .upload-dropzone{background:#7c3aed0f;border-color:#7c3aed99}[data-theme=dark] .upload-dropzone.drag-active{background:#7c3aed2e;border-color:#a78bfa}.upload-cloud-icon{color:#7c3aed;background:#7c3aed1f;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s;display:flex}[data-theme=dark] .upload-cloud-icon{color:#a78bfa;background:#7c3aed33}.upload-dropzone:hover .upload-cloud-icon{transform:translateY(-3px)}.upload-drop-title{color:var(--text-primary);margin:0;font-size:15px;font-weight:600}.upload-drop-or{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:12px}.upload-browse-btn{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .2s}.upload-browse-btn:hover{background:var(--surface2)}[data-theme=dark] .upload-browse-btn{color:#fff;border-color:#ffffff4d}[data-theme=dark] .upload-browse-btn:hover{background:#ffffff1a;border-color:#ffffff80}.upload-file-list{flex-direction:column;gap:8px;max-height:200px;margin-bottom:20px;display:flex;overflow-y:auto}.upload-file-item{background:var(--surface2);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.upload-file-item.has-error{background:#ef44440d;border-color:#ef4444}[data-theme=dark] .upload-file-item{background:#ffffff12;border-color:#ffffff1a}[data-theme=dark] .upload-file-item.has-error{background:#ef44441f;border-color:#ef444499}.upload-file-item-info{flex-direction:column;flex:1;min-width:0;display:flex}.upload-file-item-name{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);overflow:hidden}[data-theme=dark] .upload-file-item-name{color:#e2d9f3}.upload-file-error-msg{color:#ef4444;margin-top:2px;font-size:11px;font-weight:500}[data-theme=dark] .upload-file-error-msg{color:#fca5a5}.upload-file-size{color:var(--text-secondary);flex-shrink:0;font-size:11px}[data-theme=dark] .upload-file-size{color:#fff6}.upload-file-remove{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:2px;transition:color .2s;display:flex}.upload-file-remove:hover{color:#ef4444}[data-theme=dark] .upload-file-remove{color:#fff6}.upload-options-row{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:24px;display:flex}.upload-check-label{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:flex}[data-theme=dark] .upload-check-label{color:#ffffffd9}.upload-checkbox{appearance:none;border:2px solid var(--border);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;width:16px;height:16px;transition:all .2s;position:relative}[data-theme=dark] .upload-checkbox{border-color:#ffffff59}.upload-checkbox:checked{background:#7c3aed;border-color:#7c3aed}.upload-checkbox:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:0;left:3px;transform:rotate(45deg)}.upload-queue-group{align-items:center;gap:10px;margin-left:auto;display:flex}.upload-queue-label{color:var(--text-secondary);white-space:nowrap;font-size:13px}.upload-queue-select{background:var(--surface2);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border-radius:8px;min-width:160px;padding:7px 32px 7px 12px;font-size:13px;transition:all .2s}.upload-queue-select:focus{border-color:#7c3aed;outline:none}.upload-queue-select option{background:var(--surface);color:var(--text-primary)}[data-theme=dark] .upload-queue-select{color:#fff;background-color:#ffffff14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");border-color:#fff3}[data-theme=dark] .upload-queue-select option{color:#fff;background:#1e1245}.upload-actions-row{border-top:1px solid var(--border);gap:12px;padding-top:20px;display:flex}[data-theme=dark] .upload-actions-row{border-top-color:#ffffff1a}.upload-actions-row .modal-btn.outline{flex:1;justify-content:center;align-items:center;display:flex}[data-theme=dark] .upload-actions-row .modal-btn.outline{color:#fffc;background:#ffffff14;border-color:#ffffff26}[data-theme=dark] .upload-actions-row .modal-btn.outline:hover{background:#ffffff21}.upload-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#5b21b6);border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 15px #7c3aed4d}.upload-submit-btn:hover{opacity:.9;transform:translateY(-1px)}.upload-submit-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.sidebar{background:var(--surface);border:1px solid var(--border);width:260px;height:100%;transition:width var(--t);z-index:100;border-radius:12px;flex-direction:column;flex-shrink:0;gap:25px;padding:20px 15px;display:flex;overflow-y:auto}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.sidebar:hover::-webkit-scrollbar-thumb{background:#fff3}[data-theme=dark] .sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#190f2d66;border:1px solid #ffffff14}.sidebar-group{flex-direction:column;gap:12px;display:flex}.group-header{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.group-label{align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.chevron-icon{font-size:12px;transition:transform .3s}.chevron-icon.open{transform:rotate(0)}.chevron-icon:not(.open){transform:rotate(-90deg)}.select-all{color:var(--text-secondary);font-size:11px}.select-all .count{color:var(--accent);font-weight:700}.group-content{flex-direction:column;gap:12px;display:flex}.search-mini{align-items:center;display:flex;position:relative}.search-mini input{width:100%;color:var(--text-primary);background:#0d0814;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:8px 35px 8px 12px;font-size:13px;transition:border-color .2s}.search-mini input:focus{border-color:var(--accent)}.search-mini svg{color:var(--text-secondary);pointer-events:none;font-size:16px;position:absolute;right:12px}.tree-root{flex-direction:column;display:flex}.tree-item{cursor:pointer;color:var(--text-secondary);justify-content:space-between;align-items:center;gap:10px;padding:8px 0;font-size:13px;transition:color .2s;display:flex;position:relative}.tree-item:hover{color:var(--text-primary)}.item-label-group{align-items:center;gap:10px;display:flex}.tree-icon{color:var(--text-primary);font-size:16px}.tree-children{flex-direction:column;padding-left:18px;display:flex;position:relative}.tree-children:before{content:"";background:#ffffff1a;width:1px;position:absolute;top:0;bottom:18px;left:5px}.tree-children .tree-item:before{content:"";background:#ffffff1a;width:12px;height:1px;position:absolute;top:50%;left:-13px}.tree-item input[type=checkbox]{appearance:none;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:4px;flex-shrink:0;width:18px;height:18px;transition:all .2s;position:relative}.tree-item input[type=checkbox]:checked{background:#ff7a00;border-color:#ff7a00}.tree-item input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tree-item.parent{color:var(--text-primary);font-weight:700}.tree-item.parent .item-label-group span{letter-spacing:.2px;font-size:14px}.divider-line{border-top:1px solid var(--border);margin:0}.sidebar-footer-item{margin-top:auto;padding-top:10px}.stats-content-wrapper{width:100%;height:100%;display:flex;overflow:hidden}.stats-main-content{flex-direction:column;flex:1;gap:15px;min-width:0;display:flex;overflow-y:auto}.stats-header{justify-content:space-between;align-items:center;display:flex}.control-group{gap:10px;display:flex}.control-btn{background:var(--surface);border:1px solid var(--border);cursor:pointer;color:var(--text-primary);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.download-btn-premium{color:#fff;cursor:pointer;background:linear-gradient(90deg,#7c3aed 0%,#560590 100%);border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700;box-shadow:0 4px 12px #7c3aed4d}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:20px;padding:20px;display:flex}.chart-card.mini{padding:15px}.card-header h3{align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.info-icon{color:var(--text-muted);cursor:help;font-size:14px}.summary-pills{flex-wrap:wrap;gap:12px;margin-top:15px;display:flex}.summary-pill{border:1px solid var(--border);background:#0003;border-radius:10px;align-items:center;gap:10px;min-width:140px;padding:8px 12px;display:flex}.pill-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.imported .pill-icon{color:#00a8e8;background:#00a8e833}.confirmed .pill-icon{color:#ff7a00;background:#ff7a0033}.exported .pill-icon{color:#37ea00;background:#37ea0033}.rejected .pill-icon{color:#ea3939;background:#ea393933}.deleted .pill-icon{color:#8f8f8f;background:#8f8f8f33}.pill-data{flex-direction:column;display:flex}.pill-data .count{font-size:16px;font-weight:800}.pill-data .label{color:var(--text-secondary);font-size:11px}.main-line-chart{width:100%;height:320px}.chart-svg{width:100%;height:100%}.grid-line{stroke:#ffffff0d;stroke-width:1px}.axis-label{fill:var(--text-muted);font-size:11px}.line-blue{stroke:#00a8e8;stroke-width:2px;fill:none}.line-orange{stroke:#ff7a00;stroke-width:2px;fill:none}.line-green{stroke:#37ea00;stroke-width:2px;fill:none}.line-red{stroke:#ea3939;stroke-width:2px;fill:none}.point-blue{fill:#00a8e8}.bottom-charts-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.card-header-mini{flex-direction:column;gap:10px;display:flex}.card-header-mini h3{font-size:14px}.mini-badge{border:1px solid var(--border);background:#0003;border-radius:8px;align-items:center;gap:12px;padding:10px;display:flex}.mini-badge svg{color:var(--accent);font-size:20px}.badge-text{flex-direction:column;display:flex}.badge-text strong{font-size:15px;font-weight:800}.badge-text span{color:var(--text-secondary);font-size:11px}.mini-bar-chart{width:100%;height:160px;margin-top:10px}.bar-orange{fill:url(#barGrad)}.bar-ontime{fill:#ff7a00}.bar-late{fill:#fff;opacity:.8}.dual-badge{gap:8px;display:flex}.mini-badge-small{border:1px solid var(--border);background:#0003;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:flex}.mini-badge-small svg{font-size:14px}.ontime svg{color:#ff7a00}.late svg{color:#ea3939}[data-theme=dark] .chart-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#190f2d66;border:1px solid #ffffff14}@media (width<=1200px){.bottom-charts-grid{grid-template-columns:1fr}}.profile-container,.settings-container{flex-direction:column;height:100%;padding:20px;display:flex}.profile-content,.settings-grid{flex:1;gap:25px;min-height:0;margin-top:10px;display:flex}.profile-card,.profile-details-card,.settings-sidebar,.settings-content-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:all var(--t);border-radius:16px}[data-theme=dark] .profile-card,[data-theme=dark] .profile-details-card,[data-theme=dark] .settings-sidebar,[data-theme=dark] .settings-content-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0d}.profile-card{flex-direction:column;flex-shrink:0;width:300px;padding:30px 20px;display:flex}.avatar-section{text-align:center;margin-bottom:30px}.avatar-wrapper{width:100px;height:100px;margin:0 auto 15px;position:relative}.profile-avatar{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:36px;font-weight:700;display:flex;box-shadow:0 8px 16px #00000026}.avatar-edit-btn{background:var(--surface2);border:1px solid var(--border);width:32px;height:32px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;bottom:0;right:0}.avatar-edit-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.profile-name{margin-bottom:4px;font-size:20px;font-weight:700}.profile-role{color:var(--text-secondary);font-size:14px}.profile-nav{flex-direction:column;gap:8px;display:flex}.profile-nav-item,.settings-nav-item{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:12px 15px;transition:all .2s;display:flex}.profile-nav-item:hover,.settings-nav-item:hover{background:var(--surface2);color:var(--text-primary)}.profile-nav-item.active,.settings-nav-item.active{background:var(--accent-light);color:var(--accent)}[data-theme=dark] .profile-nav-item.active,[data-theme=dark] .settings-nav-item.active{color:#ff8c42;background:#cc550026}.nav-icon{font-size:18px}.profile-details-card,.settings-content-card{flex:1;padding:35px;overflow-y:auto}.tab-title,.section-title{margin-bottom:8px;font-size:22px;font-weight:700}.tab-desc,.section-desc{color:var(--text-secondary);margin-bottom:30px;font-size:14px}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-stack{flex-direction:column;gap:20px;max-width:500px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-primary);font-size:14px;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);font-size:16px;position:absolute;left:12px}.input-wrapper input,.form-group input,.settings-select{border:1px solid var(--border);background:var(--surface2);width:100%;color:var(--text-primary);border-radius:8px;padding:10px 12px;font-size:14px;transition:all .2s}.input-wrapper input{padding-left:38px}.input-wrapper input:focus,.form-group input:focus,.settings-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);outline:none}.form-actions{border-top:1px solid var(--border);gap:12px;margin-top:35px;padding-top:25px;display:flex}.notification-list{flex-direction:column;gap:15px;display:flex}.notif-item{background:var(--surface2);border-radius:12px;justify-content:space-between;align-items:center;padding:15px;display:flex}.notif-info h4{margin-bottom:4px;font-size:15px;font-weight:600}.notif-info p{color:var(--text-secondary);font-size:13px}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--border);border-radius:24px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--accent)}input:checked+.slider:before{transform:translate(20px)}.settings-sidebar{flex-direction:column;flex-shrink:0;width:280px;padding:20px 10px;display:flex}.settings-nav-item{gap:15px;padding:15px}.nav-text{flex-direction:column;display:flex}.nav-label{font-size:15px;font-weight:600}.nav-sub{color:var(--text-muted);font-size:12px}.setting-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 0;display:flex}.setting-item:last-child{border-bottom:none}.setting-info h4{margin-bottom:4px;font-size:16px;font-weight:600}.setting-info p{color:var(--text-secondary);font-size:13px}.theme-selector{gap:10px;display:flex}.theme-opt{border:1px solid var(--border);background:var(--surface2);color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;transition:all .2s;display:flex}.theme-opt.active{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.storage-meter{background:var(--surface2);border-radius:12px;margin-bottom:25px;padding:20px}.meter-head{justify-content:space-between;margin-bottom:10px;font-size:14px;font-weight:600;display:flex}.meter-bar{background:var(--border);border-radius:4px;height:8px;margin-bottom:10px;overflow:hidden}.meter-fill{background:linear-gradient(90deg, var(--accent), #ff8c42);height:100%}.meter-label{color:var(--text-secondary);font-size:12px}.api-key-item{background:var(--surface2);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:15px;display:flex}.api-key-info{flex-direction:column;gap:4px;display:flex}.api-key-info code{color:var(--text-primary);font-family:monospace;font-size:14px}.api-key-info span{color:var(--text-muted);font-size:12px}@media (width<=1024px){.profile-content,.settings-grid{flex-direction:column}.profile-card,.settings-sidebar{width:100%}.form-grid{grid-template-columns:1fr}}