@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--gray-25:#fcfcfd;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#e9eaeb;--gray-300:#d5d7da;--gray-400:#a4a7ae;--gray-500:#717680;--gray-600:#535862;--gray-700:#414651;--gray-800:#252b37;--gray-900:#181d27;--brand-solid:#e12159;--brand-70:#e12159b3;--brand-20:#e1215933;--brand-10:#e121591a;--brand-50:#f9f5ff;--success-50:#ecfdf3;--success-200:#abefc6;--success-700:#067647;--warning-50:#fffaeb;--warning-200:#fedf89;--warning-700:#b54708;--blue-50:#eff8ff;--blue-200:#b2ddff;--blue-700:#175cd3;--orange-50:#fef6ee;--orange-200:#f9dbaf;--orange-700:#b93815;--font-family:"Inter", system-ui, -apple-system, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--display-md:2.25rem;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:16px;--shadow-xs:0px 1px 2px 0px #1018280d;--shadow-sm:0px 1px 3px 0px #1018281a, 0px 1px 2px 0px #1018280f;--shadow-md:0px 4px 8px -2px #1018281a, 0px 2px 4px -2px #1018280f;--shadow-lg:0px 12px 16px -4px #10182814, 0px 4px 6px -2px #10182808;--shadow-xl:0px 20px 24px -4px #10182814, 0px 8px 8px -4px #10182808;--shadow-2xl:0px 24px 48px -12px #1018282e;--shadow-3xl:0px 32px 64px -12px #10182824}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-title h1{font-size:var(--text-lg);color:var(--gray-900);margin-bottom:4px;font-weight:600}.page-title p{font-size:var(--text-sm);color:var(--gray-500)}.data-table-container{border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);background:#fff;margin-bottom:24px;overflow:hidden}.table-toolbar{border-bottom:1px solid var(--gray-200);background-color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.toolbar-left{gap:24px;align-items:center!important;height:40px!important;display:flex!important}.table-title{color:var(--gray-900);white-space:nowrap;font-size:18px;font-weight:700}.table-tabs{background:var(--gray-50);border-radius:8px;gap:4px;padding:4px;display:flex}.table-tab{color:var(--gray-500);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.table-tab:hover{color:var(--gray-700)}.table-tab.active{color:var(--gray-900);box-shadow:var(--shadow-xs);background:#fff}.tab-count{background:var(--gray-100);color:var(--gray-500);border-radius:10px;padding:2px 6px;font-size:11px}.table-tab.active .tab-count{background:var(--gray-50);color:var(--gray-700)}.toolbar-right{flex:1;justify-content:flex-end;gap:12px;align-items:center!important;height:40px!important;display:flex!important}.toolbar-right>*,.toolbar-left>*{align-items:center!important;margin-top:0!important;margin-bottom:0!important;display:flex!important}.search-input-container{width:100%;max-width:240px;position:relative;align-items:center!important;height:40px!important;margin:0!important;display:flex!important}.search-input-container svg{color:var(--gray-400);pointer-events:none;z-index:1;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input-container input{border:1px solid var(--gray-300);width:100%;box-shadow:var(--shadow-xs);border-radius:8px;outline:none;font-size:14px;transition:all .2s;display:block;box-sizing:border-box!important;height:40px!important;margin:0!important;padding:0 12px 0 36px!important}.search-input-container input:focus{border-color:var(--brand-solid);box-shadow:0 0 0 3px var(--brand-10), var(--shadow-xs)}.table-actions{gap:8px;align-items:center!important;height:40px!important;display:flex!important}.table-actions .btn{box-sizing:border-box!important;height:40px!important;margin:0!important}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--gray-200);white-space:nowrap;background-color:#fff;padding:12px 24px;font-size:11px;font-weight:700}.data-table td{border-bottom:1px solid var(--gray-100);color:var(--gray-700);vertical-align:middle;padding:10px 24px;font-size:14px}.data-table tbody tr:hover{background-color:var(--gray-25)}.data-table tr.row-selected{background-color:var(--brand-25)}.row-hierarchy{align-items:center;gap:8px;display:flex}.store-name-link{color:var(--brand-solid);font-weight:600}.store-name-link:hover{text-decoration:underline}.store-name-muted{color:var(--gray-500)}.store-cell-button{text-align:left;background:0 0;border:none;width:100%;padding:0;display:block}.store-cell-button.clickable{cursor:pointer}.store-cell-button.clickable:hover .store-name-link{text-decoration:underline}.store-cell-button.disabled{cursor:not-allowed}.hierarchy-line{border-left:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200);width:20px;height:20px;margin-top:-10px;margin-left:20px}.hierarchy-indent{margin-left:40px}.table-footer{border-top:1px solid var(--gray-200);background-color:#fff;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.footer-left{align-items:center;gap:16px;display:flex}.items-per-page{color:var(--gray-600);align-items:center;gap:8px;font-size:13px;display:flex}.items-per-page select{border:1px solid var(--gray-200);color:var(--gray-700);cursor:pointer;box-shadow:var(--shadow-xs);appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2398A2B3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border-radius:8px;outline:none;padding:6px 32px 6px 12px;font-size:14px;transition:all .2s}.items-per-page select:hover{border-color:var(--gray-300);background-color:var(--gray-50)}.footer-info{color:var(--gray-500);font-size:14px}.pagination{align-items:center;gap:4px;display:flex}.pagination-btn{border:1px solid var(--gray-300);width:32px;height:32px;color:var(--gray-600);background:#fff;border-radius:6px;justify-content:center;align-items:center;font-size:13px;font-weight:500;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400)}.pagination-btn.active{background:var(--brand-solid);border-color:var(--brand-solid);color:#fff}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.table-checkbox{border:1px solid var(--gray-300);width:18px;height:18px;accent-color:var(--brand-solid);cursor:pointer;border-radius:4px}.status-badge{border:1px solid #0000;border-radius:16px;justify-content:center;align-items:center;padding:2px 10px;font-size:12px;font-weight:500;display:inline-flex}.status-active{color:#027a48;background-color:#ecfdf3;border-color:#abefc6}.status-read{color:#175cd3;background-color:#eff4ff;border-color:#b2ccff}.status-revoked,.status-expired,.status-suspended,.status-expiring-soon,.status-deactive{color:#b54708;background-color:#fffaeb;border-color:#fedf89}.severity-badge{border:1px solid #0000;border-radius:16px;justify-content:center;align-items:center;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.severity-critical{color:#b42318;background-color:#fef3f2;border-color:#fecdca}.severity-warning{color:#b54708;background-color:#fffaeb;border-color:#fedf89}.severity-info{color:#155eef;background-color:#eff4ff;border-color:#b2ccff}.error-filter-select{border:1px solid var(--gray-300);min-width:150px;height:40px;color:var(--gray-700);background:#fff;border-radius:8px;padding:0 12px;font-size:13px}.error-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid;position:static}.error-summary-card{border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;border-radius:14px;flex-direction:column;gap:6px;padding:16px 18px;display:flex}.error-summary-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.error-summary-value{color:var(--gray-900);font-size:24px;font-weight:700}.icon-btn{color:var(--gray-400);border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:inline-flex}.icon-btn:hover{background-color:var(--gray-50);color:var(--gray-900)}.modal-overlay{animation:.2s ease-out fadeIn}.modal-content{animation:.3s cubic-bezier(.16,1,.3,1) slideUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.plan-badge{text-transform:uppercase;letter-spacing:.02em;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.plan-enterprise{background:var(--brand-10);color:var(--brand-solid);border:1px solid var(--brand-25)}.plan-pro{color:#6941c6;background:#f9f5ff;border:1px solid #e9d7fe}.card{transition:box-shadow .2s;box-shadow:0 1px 3px #1018281a,0 1px 2px #1018280f}.card:hover{box-shadow:0 4px 6px -1px #1018281a,0 2px 4px -1px #1018280f}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--gray-50);color:var(--gray-900);overflow-x:hidden}#root{min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.page-body{flex-direction:column;flex:1;display:flex;overflow-y:auto}button{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:all .2s}a{color:inherit;text-decoration:none}ul{list-style:none}.btn,.btn-primary,.btn-secondary{border-radius:var(--radius-md);cursor:pointer;box-sizing:border-box;outline:none;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:14px;font-weight:500;line-height:1;transition:all .2s;display:inline-flex}.btn:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible{box-shadow:0 0 0 3px var(--brand-10), var(--shadow-xs);border-color:var(--brand-solid)}.btn-primary{background-color:var(--brand-solid);color:#fff;box-shadow:var(--shadow-xs);border:1px solid #0000}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-sm);background-color:#c02c5e}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{color:var(--gray-700);border:1px solid var(--gray-300);box-shadow:var(--shadow-xs);background-color:#fff}.btn-secondary:hover:not(:disabled){background-color:var(--gray-50);box-shadow:var(--shadow-sm)}.btn-secondary:disabled{opacity:.7;cursor:not-allowed}.form-group input,.search-input-container input,.items-per-page select,select.form-control,input.form-control{box-sizing:border-box;outline:none;height:40px;line-height:normal}.form-group input:focus-visible,.search-input-container input:focus-visible,.items-per-page select:focus-visible,select.form-control:focus-visible,input.form-control:focus-visible{border-color:var(--brand-solid);box-shadow:0 0 0 3px var(--brand-10), var(--shadow-xs)}.flex{display:flex}.flex-col{flex-direction:column}.align-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.app-layout{width:100%;height:100vh;display:flex;overflow:hidden}.main-content{background-color:#0000;flex-direction:column;flex:1;height:100vh;margin-left:256px;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.main-content.sidebar-collapsed{margin-left:80px}.dashboard-card{border:1px solid var(--gray-200);border-radius:var(--radius-xl);background-color:#fff;flex-direction:column;flex:1;display:flex;overflow-y:auto;box-shadow:0 1px 3px #1018281a,0 1px 2px #1018280f}.dashboard-card::-webkit-scrollbar{width:8px}.dashboard-card::-webkit-scrollbar-track{background:0 0}.dashboard-card::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:10px}.dashboard-card::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.page-body{flex-direction:column;display:flex}.dashboard-top{grid-template-columns:1fr 2fr;gap:24px;display:grid}.page-container{padding:0 32px 32px}.sidebar{z-index:100;flex-direction:column;justify-content:space-between;width:256px;height:100vh;padding:24px 0;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar.collapsed{width:80px}.sidebar-top{flex-direction:column;display:flex}.sidebar-logo{justify-content:space-between;align-items:center;min-height:32px;margin-bottom:40px;padding:0 24px;display:flex}.sidebar.collapsed .sidebar-logo{justify-content:center;padding:0}.brand-logo{height:32px}.logo-collapse-icon{color:var(--gray-400);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .2s;display:flex}.logo-collapse-icon:hover{background-color:var(--gray-100)}.sidebar-heading{text-transform:uppercase;color:var(--gray-400);letter-spacing:.1em;white-space:nowrap;margin-bottom:12px;padding:0 24px;font-size:11px;font-weight:600}.nav-list{flex-direction:column;gap:2px;display:flex}.nav-item .nav-link{color:var(--gray-700);font-size:var(--text-sm);justify-content:space-between;align-items:center;min-height:44px;padding:10px 24px;font-weight:500;transition:all .2s;display:flex}.sidebar.collapsed .nav-link{justify-content:center;padding:10px 0}.nav-link-left{align-items:center;gap:12px;display:flex}.sidebar.collapsed .nav-link-left{justify-content:center;gap:0}.nav-link.active{background-color:var(--brand-50);color:var(--gray-900)}.nav-link.active .nav-icon{filter:brightness(0)saturate()invert(32%)sepia(87%)saturate(2255%)hue-rotate(325deg)brightness(85%)contrast(98%)}.empty-circle-icon{border:1.5px solid var(--gray-400);border-radius:50%;flex-shrink:0;width:16px;height:16px}.nav-icon{width:18px;height:18px;color:var(--gray-500);flex-shrink:0}.nav-item svg{color:var(--gray-400)}.nav-link.active svg{color:var(--brand-solid)}.bottom-nav .nav-link{color:var(--gray-600)}.sidebar.collapsed .bottom-nav .nav-link{flex-direction:column-reverse;gap:0}.breadcrumbs{z-index:1000;background-color:#0000;align-items:center;gap:8px;height:80px;padding-right:32px;display:flex;position:sticky;top:0}.home-icon{width:16px;height:16px;color:var(--gray-400)}.breadcrumb-item.active{color:var(--brand-solid);font-size:var(--text-sm);font-weight:500}.breadcrumb-separator{width:14px;height:14px;color:var(--gray-300)}.auth-layout{background-color:var(--gray-50);background-image:radial-gradient(var(--gray-200) 1px, transparent 1px);background-size:20px 20px;flex:1;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.auth-container{border-radius:var(--radius-2xl);width:100%;max-width:440px;box-shadow:var(--shadow-3xl);background:#fff;flex-direction:column;gap:32px;padding:40px;display:flex}.header{background-color:#0000;width:100%;padding:32px 32px 24px}.header-main{justify-content:space-between;align-items:flex-start;margin-bottom:0;display:flex}.header-title-section{margin-bottom:0}.header-title{color:var(--gray-900);margin-bottom:4px;font-size:24px;font-weight:600}.header-subtitle{color:var(--gray-500);font-size:14px}.header-actions{gap:12px;display:flex}.stats-grid{flex-direction:column;gap:16px;display:flex}.stat-card{border:1px solid var(--gray-200);border-radius:var(--radius-lg);background-color:#fff;flex-direction:column;gap:8px;padding:24px;display:flex}.stat-card-header{justify-content:space-between;align-items:center;display:flex}.stat-title{color:var(--gray-600);font-size:14px;font-weight:500}.help-icon{color:var(--gray-400);cursor:pointer}.stat-value{color:var(--gray-900);font-size:30px;font-weight:600}.stats-grid-loading{color:var(--gray-500);padding:24px;font-size:14px}.chart-section{flex-direction:column;display:flex}.chart-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.chart-title{color:var(--gray-500);margin-bottom:4px;font-size:13px;font-weight:500}.chart-subtitle{align-items:baseline;gap:12px;display:flex}.duration-highlight{color:var(--gray-900);font-size:24px;font-weight:600}.duration-avg{color:var(--gray-500);font-size:12px}.chart-plan-dropdown{color:var(--gray-500);cursor:pointer;align-items:center;gap:4px;font-size:14px;display:flex}.dropdown-value{color:var(--gray-900);font-weight:500}.dropdown-icon{margin-left:2px}.chart-container{flex:1;position:relative}.chart-footer{margin-top:-10px}.x-axis-sublabels{justify-content:space-around;margin-bottom:20px;margin-left:45px;display:flex}.sublabel{color:var(--gray-500);text-align:center;font-size:12px}.custom-legend{justify-content:center;gap:24px;margin-top:10px;display:flex}.legend-item{color:var(--gray-700);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px}.legend-dot.pink{background-color:#f4b8cd}.legend-dot.grey{background-color:var(--gray-300)}.stat-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);background:#fff;align-items:center;gap:16px;padding:24px;transition:all .2s;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{border-radius:12px;justify-content:center;align-items:center;padding:12px;display:flex}.stat-info p{color:var(--gray-500);text-transform:uppercase;letter-spacing:.025em;margin:0;font-size:13px;font-weight:500}.stat-info h3{color:var(--gray-900);margin:4px 0 0;font-size:24px;font-weight:700}.chart-container{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);background:#fff;padding:24px}.chart-header{margin-bottom:24px}.chart-header h3{color:var(--gray-900);font-size:16px;font-weight:600}.login-header{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.brand-logo{justify-content:center;align-items:center;gap:12px;display:flex}.login-logo-img{width:auto;height:48px}.logo-icon{background:var(--brand-solid);color:#fff;border-radius:var(--radius-md);width:40px;height:40px;font-weight:700;font-size:var(--text-lg);box-shadow:0 0 0 4px var(--brand-50);justify-content:center;align-items:center;display:flex}.brand-logo h2{font-size:var(--text-lg);color:var(--gray-900);font-weight:600}.login-subtitle{color:var(--gray-500);font-size:var(--text-sm)}.login-form{flex-direction:column;gap:20px;display:flex}.form-group input{border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--text-md);outline:none;padding:10px 14px;transition:all .2s}.login-error{background-color:var(--warning-50);color:var(--warning-700);border-radius:var(--radius-md);font-size:var(--text-sm);border:1px solid var(--warning-200);padding:12px}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-footer-text{text-align:center;font-size:var(--text-sm);color:var(--gray-500);margin:0}.auth-link{color:var(--brand-solid);font-weight:500;text-decoration:none}.auth-link:hover{text-decoration:underline}.field-hint{font-size:var(--text-xs);color:var(--gray-400);margin-top:2px}.details-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;display:grid}.details-card{border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);background:#fff;transition:all .2s;overflow:hidden}.details-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.details-header{border-bottom:1px solid var(--gray-200);background:var(--gray-50);padding:16px 24px}.details-header h3{font-size:var(--text-md);color:var(--gray-900);align-items:center;gap:10px;font-weight:600;display:flex}.details-body{padding:24px}.form-group input[type=text],.form-group input[type=number],.form-group input[type=date]{border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--text-md);color:var(--gray-900);outline:none;padding:10px 14px;transition:all .2s}.form-group input:focus{border-color:var(--brand-solid);box-shadow:0 0 0 4px var(--brand-10)}.checkbox-group{flex-direction:column;gap:16px;display:flex}.checkbox-label{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand-solid);cursor:pointer;margin-top:4px}.checkbox-text{flex-direction:column;gap:2px;display:flex}.checkbox-title{font-size:var(--text-sm);color:var(--gray-900);font-weight:500}.checkbox-desc{color:var(--gray-500);font-size:13px}.user-details-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;display:grid}.user-card{border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);background:#fff;transition:all .2s;overflow:hidden}.user-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{border-bottom:1px solid var(--gray-200);background:var(--gray-50);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.card-header h3{font-size:var(--text-md);color:var(--gray-900);align-items:center;gap:10px;font-weight:600;display:flex}.card-body{padding:24px}.info-list{flex-direction:column;gap:16px;display:flex}.info-item{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.info-item:last-child{border-bottom:none;padding-bottom:0}.info-label{font-size:var(--text-sm);color:var(--gray-500);font-weight:500}.info-value{font-size:var(--text-sm);color:var(--gray-900);font-weight:600}.table-container{margin:-24px;overflow-x:auto}.device-actions-group{align-items:center;gap:8px;display:flex}.settings-page{flex-direction:column;height:100%;padding:0;display:flex}.settings-container{background-color:var(--gray-50);flex:1;gap:24px;padding:24px;display:flex;overflow:hidden}.settings-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);border:1px solid var(--gray-200);width:300px;box-shadow:var(--shadow-sm);background:#ffffffb3;flex-direction:column;display:flex;overflow-y:auto}.settings-nav-list{padding:12px}.settings-nav-item{margin-bottom:4px}.settings-nav-link{border-radius:var(--radius-md);width:100%;color:var(--gray-600);cursor:pointer;justify-content:space-between;align-items:center;padding:10px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.settings-nav-link:hover{background-color:var(--gray-100);color:var(--gray-900)}.settings-nav-link.current{color:var(--brand-solid)}.settings-nav-link.active{background-color:var(--brand-10);color:var(--brand-solid)}.nav-link-content{align-items:center;gap:12px;display:flex}.settings-sub-nav{margin-top:4px;padding-left:12px;list-style:none}.settings-sub-nav-item{margin-bottom:2px;position:relative}.settings-sub-nav-item:before{content:"";background-color:var(--gray-200);width:1px;position:absolute;top:0;bottom:0;left:20px}.settings-sub-nav-link{border-radius:var(--radius-md);width:100%;color:var(--gray-500);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:8px 12px 8px 42px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.settings-sub-nav-link:hover{color:var(--gray-800);background-color:var(--gray-50)}.settings-sub-nav-link.active{color:var(--brand-solid);background-color:var(--brand-10)}.settings-sub-nav-link svg{color:var(--gray-400);transition:color .2s}.settings-sub-nav-link.active svg{color:var(--brand-solid)}.settings-main{flex-direction:column;flex:1;min-width:0;display:flex}.settings-card{border-radius:var(--radius-xl);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);background-color:#fff;flex-direction:column;height:100%;display:flex;overflow:hidden}.settings-card-header{border-bottom:1px solid var(--gray-100);z-index:10;background-color:#fff;flex-shrink:0;padding:24px}.category-title{color:var(--gray-900);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700}.settings-card-body{flex:1;padding:32px;overflow-y:auto}.settings-footer{border-top:1px solid var(--gray-100);background-color:var(--gray-25);border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl);flex-shrink:0;padding:20px 24px}.settings-section{margin-bottom:40px}.section-title{color:var(--gray-900);border-bottom:1px solid var(--gray-100);z-index:5;background-color:#fff;margin-bottom:20px;padding-bottom:12px;font-size:16px;font-weight:600;position:sticky;top:-32px}.section-description{color:var(--gray-500);margin-bottom:16px;font-size:14px}.full-width{grid-column:span 2}.settings-table-container{border:1px solid var(--gray-200);border-radius:var(--radius-lg);background-color:#fff;overflow:hidden}.settings-table{border-collapse:collapse;width:100%;font-size:14px}.settings-table th{background-color:var(--gray-50);text-align:center;color:var(--gray-700);border-bottom:1px solid var(--gray-200);z-index:2;padding:12px 16px;font-weight:600;position:sticky;top:0}.settings-table td{border-bottom:1px solid var(--gray-100);color:var(--gray-600);vertical-align:middle;text-align:center;padding:8px 16px}.settings-table tr:last-child td{border-bottom:none}.settings-table tr:hover td{background-color:var(--gray-25)}.settings-table tr.selected td{background-color:var(--brand-10);color:var(--brand-solid)}.table-input{border-radius:var(--radius-sm);width:100%;height:36px;color:inherit;text-align:center;background-color:#0000;border:1px solid #0000;padding:0 8px;font-size:14px;transition:all .2s}.table-input:hover{background-color:var(--gray-50);border-color:var(--gray-200)}.table-input:focus{border-color:var(--brand-solid);box-shadow:0 0 0 2px var(--brand-10);color:var(--gray-900);background-color:#fff;outline:none}.table-actions{align-items:center;gap:12px;margin-top:16px;margin-bottom:8px;display:flex}.btn-sm{align-items:center;gap:8px;height:36px;padding:0 16px;font-size:13px;display:flex}.action-icon-btn{border-radius:var(--radius-sm);color:var(--gray-400);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0 auto;padding:6px;transition:all .2s;display:flex}.action-icon-btn:hover{background-color:var(--gray-100);color:var(--gray-600)}.action-icon-btn.text-error:hover{color:#dc2626;background-color:#fef2f2}.text-error{color:#dc2626!important}.text-error:hover{background-color:#fef2f2!important;border-color:#f87171!important}.text-brand{color:var(--brand-solid)}.master-settings-card{background-color:var(--brand-5);border:1px solid var(--brand-10);border-radius:var(--radius-xl);margin-bottom:32px;padding:24px}.price-matrix-card{background:0 0;border:none;margin-bottom:32px;padding:0}.master-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.master-header h3{color:var(--brand-solid);margin:0;font-size:16px;font-weight:700}.screen-config-card{border:1px solid var(--gray-200);border-radius:var(--radius-lg);background-color:#fff;margin-bottom:16px;padding:24px;transition:all .2s}.screen-config-card:hover{border-color:var(--brand-20);box-shadow:var(--shadow-sm)}.screen-card-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.screen-card-header h4{color:var(--gray-800);margin:0;font-size:14px;font-weight:600}.form-control-sm{height:36px;font-size:13px}.mt-32{margin-top:32px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}.disabled-section{opacity:.5;pointer-events:none}.form-group label{color:var(--gray-700);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon.align-start{align-items:flex-start}.input-icon{color:var(--gray-400);pointer-events:none;z-index:2;position:absolute;left:16px}.input-with-icon.align-start .input-icon{top:14px}.settings-page .input-with-icon .form-control{padding-left:48px!important}.form-control{background-color:var(--gray-25);border:1px solid var(--gray-300);border-radius:var(--radius-md);width:100%;height:44px;color:var(--gray-900);outline:none;padding:0 16px;font-family:inherit;font-size:14px;transition:all .2s}select.form-control{appearance:none;cursor:pointer;text-align:left;line-height:1;padding-left:12px!important;padding-right:28px!important}textarea.form-control{resize:vertical;padding-top:12px;padding-bottom:12px;line-height:1.6}.form-control:disabled{background-color:var(--gray-50);border-color:var(--gray-200);color:var(--gray-400);cursor:not-allowed}.form-control:focus:not(:disabled){border-color:var(--brand-solid);box-shadow:0 0 0 4px var(--brand-10);background-color:#fff}.form-control::placeholder{color:var(--gray-400)}.switch-group{margin-top:24px}.switch-label{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;width:100%;display:flex}.switch-label .label-text{color:var(--gray-700);font-size:14px;font-weight:600}.switch-label input{display:none}.switch-custom{background-color:var(--gray-300);border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.switch-label:hover .switch-custom{background-color:var(--gray-400)}.switch-label input:checked+.switch-custom{background-color:var(--brand-solid)}.switch-custom:after{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000001a}.switch-label input:checked+.switch-custom:after{transform:translate(20px)}.switch-stack{flex-direction:column;gap:12px;display:flex}.switch-item{background-color:var(--gray-25);border:1px solid var(--gray-100);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 16px;transition:all .2s;display:flex}.switch-item:last-child{margin-bottom:0}.switch-item:hover{background-color:var(--gray-50);border-color:var(--gray-200)}.switch-item.active{background-color:var(--brand-10);border-color:var(--brand-20)}.sub-switch-group{flex-direction:column;gap:8px;margin-top:8px;display:flex}.sub-switch-item{border:1px dashed var(--gray-200);background-color:#0000;margin-bottom:0;margin-left:24px;padding:10px 16px}.sub-switch-item.active{border:1px solid var(--brand-20);background-color:#ea1e630d}.sub-switch-item:hover{background-color:var(--gray-25)}.path-input-group{gap:12px;margin-bottom:12px;display:flex}.browse-btn{flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-width:100px;height:44px;padding:0 20px;font-size:14px;display:inline-flex}.browse-btn-sm{flex-shrink:0;justify-content:center;align-items:center;gap:6px;min-width:80px;height:44px;padding:0 16px;font-size:13px;display:inline-flex}.browse-btn:disabled,.browse-btn-sm:disabled{opacity:.5;cursor:not-allowed}.image-preview-container{border-radius:var(--radius-lg);border:1px solid var(--gray-200);background-color:var(--gray-50);justify-content:center;align-items:center;width:100%;max-width:400px;height:120px;margin-top:12px;display:flex;position:relative;overflow:hidden}.image-preview-container img{object-fit:contain;width:100%;height:100%;transition:transform .3s}.image-preview-container:hover img{transform:scale(1.05)}.image-preview-placeholder{color:var(--gray-400);flex-direction:column;align-items:center;gap:8px;font-size:12px;display:flex}.info-box{border-radius:var(--radius-lg);border-left:4px solid var(--gray-300);background-color:#f9fafb;gap:14px;margin:32px 0;padding:16px 20px;display:flex}.info-icon{color:var(--gray-400);flex-shrink:0;margin-top:2px}.info-box p{color:var(--gray-600);font-size:14px;line-height:1.6}.settings-actions{align-items:center;gap:12px;display:flex}.help-btn{margin-left:auto}.placeholder-content{height:100%;color:var(--gray-400);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.placeholder-icon{background-color:var(--gray-50);width:64px;height:64px;color:var(--gray-300);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.placeholder-content h3{color:var(--gray-600);margin-bottom:8px}.form-container{border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);background:#fff;overflow:hidden}.standard-form{flex-direction:column;display:flex}.form-section{border-bottom:1px solid var(--gray-200);padding:24px}.form-section h3{font-size:var(--text-md);color:var(--gray-900);margin-bottom:20px;font-weight:600}.form-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{font-size:var(--text-sm);color:var(--gray-700);font-weight:500}.form-group input[type=text],.form-group input[type=number],.form-group input[type=date],.form-group input[type=email],.form-group select{border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--text-md);color:var(--gray-900);background:#fff;outline:none;padding:10px 14px;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:var(--brand-solid);box-shadow:0 0 0 4px var(--brand-10)}.form-actions{background-color:var(--gray-50);justify-content:flex-end;gap:12px;padding:24px;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px;display:grid}.stat-card-horizontal{border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);background:#fff;align-items:center;gap:20px;padding:24px;transition:all .2s;display:flex}.stat-card-horizontal:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-content{flex-direction:column;gap:4px;display:flex}.stat-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.025em;font-size:13px;font-weight:500}.stat-value{color:var(--gray-900);margin:0;font-size:24px;font-weight:700}.stat-change{color:var(--gray-500);margin:0;font-size:13px}.usage-bar-container{background:var(--gray-100);border-radius:3px;width:140px;height:6px;margin-top:8px;overflow:hidden}.usage-bar{background:var(--brand-solid);height:100%}.action-btn-toggle{cursor:pointer;border:1px solid;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;line-height:1;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 2px #1018280d}.action-btn-toggle.deactivate{color:#b42318;background:#fef3f2;border-color:#fda29b}.action-btn-toggle.deactivate:hover{background:#fee4e2;border-color:#f97066;transform:translateY(-1px);box-shadow:0 1px 3px #1018281a,0 1px 2px #1018280f}.action-btn-toggle.deactivate:active{background:#fecdca;transform:translateY(0)}.action-btn-toggle.activate{color:#027a48;background:#ecfdf3;border-color:#6ce9a6}.action-btn-toggle.activate:hover{background:#d1fadf;border-color:#32d583;transform:translateY(-1px);box-shadow:0 1px 3px #1018281a,0 1px 2px #1018280f}.action-btn-toggle.activate:active{background:#a6f4c5;transform:translateY(0)}