:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#eff6ff;--color-primary-dark:#1e40af;--color-success:#16a34a;--color-success-bg:#dcfce7;--color-success-light:#f0fdf4;--color-error:#dc2626;--color-error-bg:#fee2e2;--color-error-light:#fef2f2;--color-warning:#d97706;--color-warning-bg:#fef3c7;--color-warning-light:#fffbeb;--color-background:#f8fafc;--color-surface:#fff;--color-surface-hover:#f1f5f9;--color-text-main:#0f172a;--color-text-primary:#1e293b;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--color-border:#e2e8f0;--color-border-hover:#cbd5e1;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-12:3rem;--spacing-xs:var(--spacing-1);--spacing-sm:var(--spacing-2);--spacing-md:var(--spacing-4);--spacing-lg:var(--spacing-6);--spacing-xl:var(--spacing-8);--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);background-color:var(--color-background);color:var(--color-text-main);line-height:1.5}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin-bottom:var(--spacing-sm);color:var(--color-text-main)}.login-container{background-color:var(--color-background);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background-color:var(--color-surface);padding:var(--spacing-lg);border-radius:var(--radius-md);width:100%;max-width:400px;box-shadow:0 4px 6px #0000001a}.login-card h2{margin-top:0;margin-bottom:var(--spacing-sm);text-align:center}.login-subtitle{color:var(--color-text-muted);text-align:center;margin-bottom:var(--spacing-lg)}.login-form{gap:var(--spacing-md);flex-direction:column;display:flex}.form-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.form-group label{font-weight:500}.form-group input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-base)}.form-group input:focus{border-color:var(--color-primary);outline:none}.login-button{background-color:var(--color-primary);color:#fff;padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-base);cursor:pointer;margin-top:var(--spacing-sm);border:none;font-weight:700}.login-button:hover:not(:disabled){background-color:var(--color-primary-hover)}.login-button:disabled{opacity:.7;cursor:not-allowed}.error-message{color:var(--color-error);background-color:var(--color-error-bg);padding:var(--spacing-sm);border-radius:var(--radius-md);text-align:center;font-size:.9rem}.layout-container{background-color:var(--color-background);height:100vh;display:flex;overflow:hidden}.layout-sidebar{background-color:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;width:10%;min-width:max-content;display:flex}.sidebar-brand{height:60px;padding:0 var(--spacing-md);border-bottom:1px solid var(--color-border);align-items:center;display:flex}.sidebar-brand h2{color:var(--color-primary);margin:0}.sidebar-nav{padding:var(--spacing-md) 0;gap:var(--spacing-sm);flex-direction:column;display:flex}.nav-item{padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-main);align-items:center;gap:var(--spacing-md);white-space:nowrap;border-left:3px solid #0000;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-icon{flex-shrink:0;width:20px;height:20px}.nav-item:hover{background-color:var(--color-background);transform:translate(4px)}.nav-item.active{background-color:var(--color-background);color:var(--color-primary);border-left-color:var(--color-primary)}.nav-item.active .nav-text{font-weight:600}.layout-main{flex-direction:column;flex:1;display:flex}.layout-topbar{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);height:60px;padding:0 var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.topbar-actions{align-items:center;gap:var(--spacing-md);display:flex}.user-info{color:var(--color-text-muted);font-size:.9rem}.btn-logout{border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-main);background:0 0;font-weight:500}.btn-logout:hover{background-color:var(--color-background)}.layout-content{padding:var(--spacing-4);flex:1;overflow-y:auto}.sidebar-footer{padding:var(--spacing-md) 0;gap:var(--spacing-sm);border-top:1px solid var(--color-border);flex-direction:column;margin-top:auto;display:flex}.btn-sidebar-action{cursor:pointer;text-align:left;background:0 0;border:none;width:100%;font-size:1rem}.rdrCalendarWrapper{box-sizing:border-box;-webkit-user-select:none;user-select:none;background:#fff;flex-direction:column;display:inline-flex}.rdrDateDisplay{justify-content:space-between;display:flex}.rdrDateDisplayItem{text-align:center;width:0;color:inherit;flex:1}.rdrDateDisplayItem+.rdrDateDisplayItem{margin-left:.833em}.rdrDateDisplayItem input{text-align:inherit}.rdrDateDisplayItem input:disabled{cursor:default}.rdrMonthAndYearWrapper{box-sizing:inherit;justify-content:space-between;display:flex}.rdrMonthAndYearPickers{flex:auto;justify-content:center;align-items:center;display:flex}.rdrNextPrevButton{box-sizing:inherit;cursor:pointer;outline:none}.rdrMonths{display:flex}.rdrMonthsVertical{flex-direction:column}.rdrMonthsHorizontal>div>div>div{flex-direction:row;display:flex}.rdrMonth{width:27.667em}.rdrWeekDays{display:flex}.rdrWeekDay{box-sizing:inherit;text-align:center;flex-basis:14.2857%}.rdrDays{flex-wrap:wrap;display:flex}.rdrInfiniteMonths{overflow:auto}.rdrDateRangeWrapper{-webkit-user-select:none;user-select:none}.rdrDateInput{position:relative}.rdrDateInput input{outline:none}.rdrDateInput .rdrWarning{color:red;font-size:1.6em;line-height:1.6em;position:absolute;top:0;right:.25em}.rdrDay{box-sizing:inherit;width:14.2857%;font:inherit;cursor:pointer;position:relative}.rdrDayNumber{display:block;position:relative}.rdrDayNumber span{color:#1d2429}.rdrDayDisabled{cursor:not-allowed}@supports (-ms-ime-align:auto){.rdrDay{flex-basis:14.285%!important}}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge,.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{pointer-events:none}.rdrDateRangePickerWrapper{-webkit-user-select:none;user-select:none;display:inline-flex}.rdrStaticRanges{flex-direction:column;display:flex}.rdrStaticRange{font-size:inherit}.rdrInputRange{display:flex}.rdrCalendarWrapper{color:#000;font-size:12px}.rdrDateDisplayWrapper{background-color:#eff2f7}.rdrDateDisplay{margin:.833em}.rdrDateDisplayItem{background-color:#fff;border:1px solid #0000;border-radius:4px;box-shadow:0 1px 2px #23394236}.rdrDateDisplayItem input{cursor:pointer;color:#849095;background:0 0;border:0;width:100%;height:2.5em;line-height:2.5em}.rdrDateDisplayItemActive{border-color:currentColor}.rdrDateDisplayItemActive input{color:#7d888d}.rdrMonthAndYearWrapper{align-items:center;height:60px;padding-top:10px}.rdrMonthAndYearPickers{font-weight:600}.rdrMonthAndYearPickers select{appearance:none;color:#3e484f;cursor:pointer;text-align:center;background:url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") right 8px center no-repeat;border:0;border-radius:4px;outline:0;padding:10px 30px 10px 10px}.rdrMonthAndYearPickers select:hover{background-color:#00000012}.rdrMonthPicker,.rdrYearPicker{margin:0 5px}.rdrNextPrevButton{background:#eff2f7;border:0;border-radius:5px;width:24px;height:24px;margin:0 .833em;padding:0;display:block}.rdrNextPrevButton:hover{background:#e1e7f0}.rdrNextPrevButton i{text-align:center;border-style:solid;width:0;height:0;margin:auto;padding:0;display:block;transform:translate(-3px)}.rdrPprevButton i{border-width:4px 6px 4px 4px;border-color:#0000 #34495e #0000 #0000;transform:translate(-3px)}.rdrNextButton i{border-width:4px 4px 4px 6px;border-color:#0000 #0000 #0000 #34495e;margin:0 0 0 7px;transform:translate(3px)}.rdrWeekDays{padding:0 .833em}.rdrMonth{padding:0 .833em 1.666em}.rdrMonth .rdrWeekDays{padding:0}.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{display:none}.rdrWeekDay{color:#849095;font-weight:400;line-height:2.667em}.rdrDay{-webkit-user-select:none;user-select:none;text-align:center;color:#1d2429;background:0 0;border:0;height:3em;padding:0;line-height:3em}.rdrDay:focus{outline:0}.rdrDayNumber{outline:0;justify-content:center;align-items:center;font-weight:300;display:flex;position:absolute;inset:5px 0}.rdrDayToday .rdrDayNumber span{font-weight:500}.rdrDayToday .rdrDayNumber span:after{content:"";background:#3d91ff;border-radius:2px;width:18px;height:2px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.rdrDayToday:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span:after{background:#fff}.rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span{color:#ffffffd9}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge{background:currentColor;position:absolute;inset:5px 0}.rdrSelected{left:2px;right:2px}.rdrStartEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrEndEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrSelected{border-radius:1.042em}.rdrDayStartOfMonth .rdrInRange,.rdrDayStartOfMonth .rdrEndEdge,.rdrDayStartOfWeek .rdrInRange,.rdrDayStartOfWeek .rdrEndEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrDayEndOfMonth .rdrInRange,.rdrDayEndOfMonth .rdrStartEdge,.rdrDayEndOfWeek .rdrInRange,.rdrDayEndOfWeek .rdrStartEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrDayStartOfMonth .rdrDayInPreview,.rdrDayStartOfMonth .rdrDayEndPreview,.rdrDayStartOfWeek .rdrDayInPreview,.rdrDayStartOfWeek .rdrDayEndPreview{border-left-width:1px;border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;left:0}.rdrDayEndOfMonth .rdrDayInPreview,.rdrDayEndOfMonth .rdrDayStartPreview,.rdrDayEndOfWeek .rdrDayInPreview,.rdrDayEndOfWeek .rdrDayStartPreview{border-right-width:1px;border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;right:0}.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{pointer-events:none;z-index:1;background:#ffffff17;border:0 solid;position:absolute;inset:3px 0}.rdrDayStartPreview{border-top-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;left:0}.rdrDayInPreview{border-top-width:1px;border-bottom-width:1px}.rdrDayEndPreview{border-top-width:1px;border-bottom-width:1px;border-right-width:1px;border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;right:0}.rdrDefinedRangesWrapper{background:#fff;border-right:1px solid #eff2f7;width:226px;font-size:12px}.rdrDefinedRangesWrapper .rdrStaticRangeSelected{color:currentColor;font-weight:600}.rdrStaticRange{cursor:pointer;background:#fff;border:0;border-bottom:1px solid #eff2f7;outline:0;padding:0;display:block}.rdrStaticRangeLabel{text-align:left;outline:0;padding:10px 20px;line-height:18px;display:block}.rdrInputRanges{padding:10px 0}.rdrInputRange{align-items:center;padding:5px 20px}.rdrInputRangeInput{text-align:center;color:#6c767a;border:1px solid #dee7eb;border-radius:4px;width:30px;height:30px;margin-right:10px;line-height:30px}.rdrInputRangeInput:focus,.rdrInputRangeInput:hover{color:#333;border-color:#b4bfc4;outline:0}.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{content:"";background:0 0;border:1px solid;border-radius:1.333em;position:absolute;inset:-2px 0}.rdrDayPassive{pointer-events:none}.rdrDayPassive .rdrInRange,.rdrDayPassive .rdrStartEdge,.rdrDayPassive .rdrEndEdge,.rdrDayPassive .rdrSelected,.rdrDayPassive .rdrDayStartPreview,.rdrDayPassive .rdrDayInPreview,.rdrDayPassive .rdrDayEndPreview{display:none}.rdrDayDisabled{background-color:#f8f8f8}.rdrDayDisabled .rdrDayNumber span{color:#aeb9bf}.rdrDayDisabled .rdrInRange,.rdrDayDisabled .rdrStartEdge,.rdrDayDisabled .rdrEndEdge,.rdrDayDisabled .rdrSelected,.rdrDayDisabled .rdrDayStartPreview,.rdrDayDisabled .rdrDayInPreview,.rdrDayDisabled .rdrDayEndPreview{filter:grayscale()opacity(60%)}.rdrMonthName{text-align:left;color:#849095;padding:.833em;font-weight:600}.date-range-wrapper{width:100%;display:inline-block;position:relative}.date-range-trigger{align-items:center;gap:var(--spacing-2);box-sizing:border-box;background-color:var(--color-surface);border:1px solid var(--color-border);height:42px;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);color:var(--color-text-main);justify-content:flex-start;width:100%;min-width:200px;transition:all .2s;display:flex}.date-range-trigger:hover{border-color:var(--color-primary);background-color:var(--color-background)}.date-icon{color:var(--color-text-secondary)}.date-text{font-weight:500}.date-range-popover{z-index:1000;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 25px #0000001a}.rdrCalendarWrapper{color:var(--color-text-main);background:var(--color-surface)}.rdrStaticRange{border-bottom:1px solid var(--color-border);background:var(--color-surface)}.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{background:var(--color-background)}.rdrStaticRangeLabel,.rdrDayNumber span{color:var(--color-text-main)}.rdrDayPassive .rdrDayNumber span{color:var(--color-text-muted)}.rdrDefinedRangesWrapper{border-right:1px solid var(--color-border)}.dashboard-container{gap:var(--spacing-lg);flex-direction:column;display:flex}.dashboard-header{justify-content:space-between;align-items:center;display:flex}.dashboard-header h1{margin:0}.period-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-base);background-color:var(--color-surface)}.metrics-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.metric-card{background-color:var(--color-surface);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border);gap:var(--spacing-sm);flex-direction:column;display:flex;box-shadow:0 2px 4px #0000000d}.metric-card h3{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:.9rem}.metric-value{color:var(--color-text-main);margin:0;font-size:2rem;font-weight:700}.metric-error{border-top:4px solid var(--color-error);background-color:var(--color-error-bg)}.metric-success{border-top:4px solid var(--color-success)}.dashboard-section{background-color:var(--color-surface);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:0 2px 4px #0000000d}.dashboard-section h2{margin-top:0;margin-bottom:var(--spacing-md);font-size:1.25rem}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{padding:var(--spacing-sm);text-align:left;border-bottom:1px solid var(--color-border)}.data-table th{color:var(--color-text-muted);font-weight:500}.text-error{color:var(--color-error);font-weight:700}.empty-state{color:var(--color-text-muted);text-align:center;padding:var(--spacing-lg) 0;font-style:italic}.dashboard-loading,.dashboard-error{padding:var(--spacing-lg);text-align:center;color:var(--color-text-muted)}.dashboard-error{color:var(--color-error)}.store-history-screen{padding:var(--spacing-6)}.header-row{margin-bottom:var(--spacing-6);justify-content:space-between;align-items:center;display:flex}.back-link{margin-bottom:var(--spacing-2);color:var(--color-text-secondary);font-size:.875rem;text-decoration:none;display:inline-block}.back-link:hover{color:var(--color-primary)}.header-row h1{color:var(--color-text-primary);font-size:1.5rem}.filters select{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-family:inherit}.kpi-cards{gap:var(--spacing-4);margin-bottom:var(--spacing-8);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.kpi-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-4);gap:var(--spacing-2);flex-direction:column;display:flex}.kpi-label{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.kpi-value{color:var(--color-text-primary);font-size:1.5rem;font-weight:600}.kpi-value.negative-variance{color:var(--color-error)}.trend-section h2{margin-bottom:var(--spacing-4);color:var(--color-text-primary);font-size:1.125rem}.trend-table{border-collapse:collapse;background:var(--color-surface);border-radius:var(--radius-md);width:100%;overflow:hidden;box-shadow:0 1px 3px #0000000d}.trend-table th,.trend-table td{padding:var(--spacing-3) var(--spacing-4);text-align:left;border-bottom:1px solid var(--color-border)}.trend-table th{background:var(--color-surface-hover);color:var(--color-text-secondary);font-weight:600}.trend-table td.negative-variance{color:var(--color-error);font-weight:500}.empty-state{padding:var(--spacing-8);text-align:center;color:var(--color-text-secondary);background:var(--color-surface);border-radius:var(--radius-md);border:1px dashed var(--color-border)}.ui-btn{font-family:var(--font-family);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;outline:none;justify-content:center;align-items:center;line-height:1.5;display:inline-flex}.ui-btn:disabled{opacity:.6;cursor:not-allowed}.ui-btn:focus-visible{box-shadow:0 0 0 2px var(--color-background), 0 0 0 4px var(--color-primary)}.ui-btn-primary{background-color:var(--color-primary);color:#fff}.ui-btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.ui-btn-secondary{background-color:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border)}.ui-btn-secondary:hover:not(:disabled){background-color:var(--color-surface-hover)}.ui-btn-danger{color:var(--color-error);border-color:var(--color-error-light);background-color:#0000}.ui-btn-danger:hover:not(:disabled){background-color:var(--color-error-light)}.ui-btn-ghost{color:var(--color-text-secondary);background-color:#0000}.ui-btn-ghost:hover:not(:disabled){background-color:var(--color-surface-hover);color:var(--color-text-primary)}.ui-btn-sm{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-sm)}.ui-btn-md{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-base)}.ui-btn-lg{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-lg)}.ui-input-group{margin-bottom:var(--spacing-4);flex-direction:column;display:flex}.ui-input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.ui-input{box-sizing:border-box;width:100%;height:42px;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-base);font-family:var(--font-family);color:var(--color-text-main);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.ui-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.ui-input-error{border-color:var(--color-error)}.ui-input-error:focus{box-shadow:0 0 0 3px var(--color-error-light)}.ui-input-error-msg{margin-top:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-error)}.searchable-select-container{width:100%;margin-bottom:1rem;position:relative}.searchable-select-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-1);display:block}.searchable-select-label .required{color:var(--color-danger,#dc3545)}.searchable-select-trigger{box-sizing:border-box;width:100%;height:42px;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);cursor:pointer;font-size:var(--font-size-base);color:var(--color-text-main);font-family:var(--font-family);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex}.searchable-select-trigger:hover{border-color:#bbb}.searchable-select-trigger.open{border-color:var(--color-primary,#007bff);border-bottom-right-radius:0;border-bottom-left-radius:0;box-shadow:0 0 0 2px #007bff40}.searchable-select-value{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.searchable-select-value .placeholder{color:#6c757d}.searchable-select-icon{color:#6c757d;transition:transform .2s}.searchable-select-trigger.open .searchable-select-icon{transform:rotate(180deg)}.searchable-select-dropdown{z-index:100;border:1px solid var(--color-primary,#007bff);border-bottom-left-radius:var(--radius-sm,4px);border-bottom-right-radius:var(--radius-sm,4px);background-color:#fff;border-top:none;flex-direction:column;max-height:250px;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 12px #00000026}.searchable-select-search-wrapper{border-bottom:1px solid #eee;padding:.5rem}.searchable-select-search{border:1px solid #ddd;border-radius:4px;width:100%;padding:.5rem;font-size:.95rem}.searchable-select-search:focus{border-color:var(--color-primary,#007bff);outline:none}.searchable-select-list{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.searchable-select-item{cursor:pointer;justify-content:space-between;align-items:center;padding:.6rem .8rem;font-size:.95rem;transition:background-color .1s;display:flex}.searchable-select-item:hover{background-color:#f8f9fa}.searchable-select-item.selected{color:var(--color-primary,#007bff);background-color:#e6f2ff;font-weight:500}.searchable-select-empty{text-align:center;color:#6c757d;padding:1rem;font-size:.95rem}.ui-table-wrapper{gap:var(--spacing-3);flex-direction:column;width:100%;display:flex}.ui-table-toolbar{justify-content:flex-end;gap:var(--spacing-2);margin-bottom:var(--spacing-2);display:flex}.ui-table-container{background-color:var(--color-surface);width:100%;max-height:calc(100vh - 150px);overflow:auto}.ui-table{border-collapse:collapse;text-align:left;width:100%;font-size:var(--font-size-sm)}.ui-table th{background-color:var(--color-surface-hover);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);border-bottom:2px solid var(--color-border);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;z-index:10;padding:6px 8px;font-size:.65rem;position:sticky;top:0}.ui-table td{border-bottom:1px solid var(--color-border);color:var(--color-text-main);vertical-align:middle;padding:4px 8px;font-size:.75rem}.ui-table tbody tr{transition:background-color var(--transition-fast)}.ui-table tbody tr:hover{background-color:var(--color-background)}.ui-table tbody tr:last-child td{border-bottom:none}.ui-table-empty{text-align:center;color:var(--color-text-muted);padding:var(--spacing-8)!important}.text-right{text-align:right}.ui-table-pagination{padding:var(--spacing-2) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);justify-content:space-between;align-items:center;display:flex}.ui-table-pagination-controls{align-items:center;gap:var(--spacing-3);display:flex}.ui-table-pagination-buttons{gap:var(--spacing-1);display:flex}.ui-table-pagination-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-1) var(--spacing-2);color:var(--color-text-main);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;min-width:32px;height:32px;display:flex}.ui-table-pagination-btn:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary)}.ui-table-pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--color-background)}.ui-table-pagination-select{padding:var(--spacing-1);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-main);font-size:var(--font-size-sm)}.ui-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-6);overflow:hidden}.ui-card-title{padding:var(--spacing-4) var(--spacing-5);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);border-bottom:1px solid var(--color-border);background-color:var(--color-surface);margin:0}.ui-card-body{padding:var(--spacing-5)}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-lg,8px);width:100%;max-width:500px;box-shadow:var(--shadow-lg,0 10px 25px #0000001a);background-color:#fff;animation:.2s ease-out modal-appear;overflow:visible}.modal-size-md{max-width:500px}.modal-size-lg{max-width:800px}@keyframes modal-appear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:var(--spacing-4,1rem) var(--spacing-5,1.5rem);border-bottom:1px solid var(--color-border,#eee);justify-content:space-between;align-items:center;display:flex}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600}.modal-close{cursor:pointer;color:var(--color-text-secondary,#666);background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.modal-close:hover{color:var(--color-text-primary,#111)}.modal-body{padding:var(--spacing-5,1.5rem)}.settings-form-group{margin-bottom:1rem}.settings-form-group label{margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.settings-form-group input,.settings-form-group select{border:1px solid var(--color-border,#ddd);border-radius:var(--radius-sm,4px);width:100%;padding:.6rem .8rem;font-size:1rem}.settings-form-group input:focus,.settings-form-group select:focus{border-color:var(--color-primary,#007bff);outline:none;box-shadow:0 0 0 2px #007bff40}.settings-actions{justify-content:flex-end;gap:1rem;margin-top:1.5rem;display:flex}.settings-actions button{border-radius:var(--radius-sm,4px);cursor:pointer;border:none;padding:.6rem 1.2rem;font-weight:500}.btn-secondary{color:#495057;background-color:#f1f3f5}.btn-secondary:hover{background-color:#e9ecef}.btn-primary{background-color:var(--color-primary,#007bff);color:#fff}.btn-primary:hover{background-color:#0069d9}.ui-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);align-items:center;padding:.125rem .625rem;line-height:1.5;display:inline-flex}.ui-badge-default{background-color:var(--color-surface-hover);color:var(--color-text-secondary)}.ui-badge-success{background-color:var(--color-success-bg);color:var(--color-success)}.ui-badge-error{background-color:var(--color-error-bg);color:var(--color-error)}.ui-badge-warning{background-color:var(--color-warning-bg);color:var(--color-warning)}.ui-badge-primary{background-color:var(--color-primary-light);color:var(--color-primary-dark)}