.navbar{display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);height:60px;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.navbar-brand h1{margin:0;color:var(--color-primary);font-size:1.5rem;font-weight:700}.navbar-nav{display:flex;gap:var(--spacing-lg)}.nav-link{text-decoration:none;color:var(--color-text);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);transition:all .2s ease}.nav-link:hover{background:var(--color-primary);color:#fff}.user-dropdown{position:relative}.user-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text);transition:background .2s ease}.user-button:hover{background:var(--color-background)}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:var(--spacing-xs);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:150px}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);border:none;background:none;text-decoration:none;color:var(--color-text);cursor:pointer;transition:background .2s ease}.dropdown-item:hover{background:var(--color-background)}.dropdown-item.logout{border-top:1px solid var(--color-border)}.user-avatar{display:inline-flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;font-weight:700;border-radius:50%;width:38px;height:38px;font-size:1.05rem;margin-right:.5rem;letter-spacing:.05rem}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.dashboard>p{margin-bottom:var(--spacing-xl);color:var(--color-text-light)}.dashboard-grid{position:relative}.dashboard-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);position:relative;cursor:move}.drag-handle{position:absolute;top:8px;right:8px;cursor:grab;color:var(--color-text-light);font-size:1.2rem;padding:4px;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.dashboard-card p{color:var(--color-text-light);margin:0}.settings-container{display:flex;height:100vh;background:var(--color-background)}.settings-sidebar{width:280px;background:var(--color-surface);border-right:1px solid var(--color-border);padding:var(--spacing-lg);overflow-y:auto}.settings-sidebar h2{margin:0 0 var(--spacing-lg) 0;color:var(--color-text);font-size:1.25rem}.sidebar-item,.sidebar-header{width:100%;text-align:left;padding:var(--spacing-md);margin-bottom:var(--spacing-xs);border:none;border-radius:var(--radius-sm);background:none;cursor:pointer;color:var(--color-text);font-size:.875rem;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center}.sidebar-item:hover,.sidebar-header:hover{background:var(--color-background)}.sidebar-item.active{background:var(--color-primary);color:#fff}.arrow{transition:transform .2s ease}.arrow.expanded{transform:rotate(90deg)}.submenu{margin-left:var(--spacing-md);margin-bottom:var(--spacing-sm)}.submenu-item{width:100%;text-align:left;padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-xs);border:none;border-radius:var(--radius-sm);background:none;cursor:pointer;color:var(--color-text);font-size:.8rem;transition:all .2s ease}.submenu-item:hover{background:var(--color-background)}.submenu-item.active{background:var(--color-primary);color:#fff}.settings-content{flex:1;padding:var(--spacing-xl);overflow-y:auto}.form-placeholder{color:var(--color-text-light);font-style:italic}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--color-surface);border-radius:var(--radius-md);max-width:400px;width:90%;max-height:80vh;overflow:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal-header h3{margin:0;color:var(--color-text)}.modal-close{background:none;border:none;cursor:pointer;color:var(--color-text-light);padding:var(--spacing-xs)}.modal-body{padding:var(--spacing-lg)}.modal-body p{margin:0;color:var(--color-text)}.categories-section{margin-bottom:var(--spacing-xl)}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg)}.category-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.category-card.full-width{grid-column:1 / -1}.category-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--color-background)}.category-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--color-text)}.add-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.category-content{padding:var(--spacing-md)}.empty-state{padding:var(--spacing-lg);text-align:center;color:var(--color-text-light);font-style:italic;border:2px dashed var(--color-border);border-radius:var(--radius-sm)}.category-list{list-style:none;padding:0;margin:0}.list-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);transition:background .2s ease}.list-item:last-child{border-bottom:none}.list-item:hover{background:var(--color-background)}.list-item span{color:var(--color-text)}.delete-btn,.edit-btn{background:none;border:none;cursor:pointer;color:var(--color-text-light);padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.delete-btn:hover{background:#fee;color:#f44}.edit-btn:hover{background:var(--color-background);color:var(--color-text)}.add-input-row,.add-two-field-row{display:flex;gap:var(--spacing-sm);align-items:center;margin-top:var(--spacing-md);padding:var(--spacing-sm);background:var(--color-background);border-radius:var(--radius-sm)}.inline-input,.inline-select{flex:1;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.875rem;background:var(--color-surface);color:var(--color-text)}.inline-input:focus,.inline-select:focus{outline:none;border-color:var(--color-primary)}.confirm-btn,.cancel-btn{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.confirm-btn{color:#22c55e}.confirm-btn:hover{background:#dcfce7}.cancel-btn{color:#ef4444}.cancel-btn:hover{background:#fee}.two-field-list{display:flex;flex-direction:column;gap:1px}.list-header{display:grid;grid-template-columns:1fr 2fr 120px;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-background);font-weight:600;font-size:.875rem;color:var(--color-text);border-bottom:2px solid var(--color-border)}.two-field-item{display:grid;grid-template-columns:1fr 2fr 120px;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);align-items:center;border-bottom:1px solid var(--color-border);transition:background .2s ease}.two-field-item:hover{background:var(--color-background)}.field-value{color:var(--color-text)}.item-actions{display:flex;gap:var(--spacing-xs);justify-content:flex-end}.hold-code-header{display:grid;grid-template-columns:70px 90px 150px 1fr 110px;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-background);font-weight:600;font-size:.875rem;color:var(--color-text);border-bottom:2px solid var(--color-border);align-items:center}.hold-code-item{display:grid;grid-template-columns:70px 90px 150px 1fr 110px;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);align-items:center;border-bottom:1px solid var(--color-border);transition:background .2s ease;min-height:50px}.hold-code-item:hover{background:var(--color-background)}.add-hold-code-row{display:grid;grid-template-columns:70px 90px 150px 1fr 40px 40px;gap:var(--spacing-sm);align-items:center;margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-background);border-radius:var(--radius-sm)}.loan-types-header{display:grid;grid-template-columns:1fr 1fr 150px 1fr 110px;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-background);font-weight:600;font-size:.875rem;color:var(--color-text);border-bottom:2px solid var(--color-border);align-items:center}.loan-types-item{display:grid;grid-template-columns:1fr 1fr 150px 1fr 110px;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);align-items:center;border-bottom:1px solid var(--color-border);transition:background .2s ease;min-height:50px}.loan-types-item:hover{background:var(--color-background)}.add-loan-types-row{display:grid;grid-template-columns:1fr 1fr 150px 1fr 40px 40px;gap:var(--spacing-sm);align-items:center;margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-background);border-radius:var(--radius-sm)}.actions-right{text-align:right}.inline-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary);justify-self:center}.inline-checkbox:disabled{cursor:not-allowed;opacity:.6}.input-with-suffix{position:relative;display:flex;align-items:center;width:100%}.input-suffix{position:absolute;right:12px;color:var(--color-text-light);font-weight:500;pointer-events:none}.input-with-suffix .inline-input{padding-right:30px;width:100%}.hold-code-item .inline-input,.hold-code-item .inline-select,.add-hold-code-row .inline-input,.add-hold-code-row .inline-select,.loan-types-item .inline-input,.loan-types-item .inline-select,.add-loan-types-row .inline-input,.add-loan-types-row .inline-select{width:100%;min-width:0}@media (max-width: 1200px){.hold-code-header,.hold-code-item{grid-template-columns:60px 80px 120px 1fr 100px;font-size:.8rem}.add-hold-code-row{grid-template-columns:60px 80px 120px 1fr 35px 35px}}@media (max-width: 768px){.category-grid{grid-template-columns:1fr}.two-field-item{grid-template-columns:1fr;gap:var(--spacing-sm)}.list-header{display:none}}:root{--color-primary: #7551C2;--color-surface: #ffffff;--color-background: #f8f9fa;--color-border: #e5e7eb;--color-text: #1f2937;--color-text-light: #6b7280;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .375rem;--radius-md: .75rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1)}[data-theme=dark]{--color-surface: #1f2937;--color-background: #111827;--color-border: #374151;--color-text: #f9fafb;--color-text-light: #d1d5db}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,system-ui,sans-serif;background:var(--color-background);color:var(--color-text)}*{box-sizing:border-box}a{color:inherit;text-decoration:none}input,button,textarea,select{font-family:inherit;font-size:1rem}img{max-width:100%;display:block}h1,h2,h3,h4,h5{font-weight:700;margin-top:0}.sticky-save-bar{position:fixed;bottom:0;left:280px;right:0;background:var(--color-primary);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-xl);z-index:50;border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);box-shadow:var(--shadow-md)}.save-btn{background:#fff;color:var(--color-primary);border:none;border-radius:var(--radius-sm);font-weight:600;padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;transition:background .2s}.save-btn:hover{background:var(--color-background)}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:0}.dashboard{padding:var(--spacing-xl)}.dashboard h1{margin-bottom:var(--spacing-lg);color:var(--color-text)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.dashboard-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg)}.dashboard-card h3{margin-top:0;margin-bottom:var(--spacing-md);color:var(--color-text)}.settings-page{max-width:800px}.settings-page h1{margin:0 0 var(--spacing-xl) 0;color:var(--color-text);font-size:2rem;font-weight:700}.form-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.form-section h2{margin:0 0 var(--spacing-lg) 0;color:var(--color-text);font-size:1.25rem}.form-section h3{margin:var(--spacing-lg) 0 var(--spacing-md) 0;color:var(--color-text);font-size:1.1rem}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--color-text)}.form-input,.form-textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:1rem;background:var(--color-surface);color:var(--color-text);transition:border-color .2s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary)}.form-input.read-only{background:var(--color-background);cursor:pointer}.password-input{position:relative}.password-toggle{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--color-text-light)}.toggle-group{display:flex;align-items:center;justify-content:space-between}.toggle{position:relative;width:50px;height:24px;background:var(--color-border);border-radius:12px;border:none;cursor:pointer;transition:background .2s ease}.toggle.active{background:var(--color-primary)}.toggle-slider{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s ease}.toggle.active .toggle-slider{transform:translate(26px)}.file-upload-area{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;transition:border-color .2s ease}.file-upload-area:hover{border-color:var(--color-primary)}.upload-label{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);cursor:pointer;color:var(--color-text-light)}.file-input{display:none}.logo-preview{position:relative;display:inline-block}.logo-preview img{max-width:200px;max-height:100px;border-radius:var(--radius-sm)}.remove-logo-btn{position:absolute;top:-8px;right:-8px;background:#ef4444;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center}.section-divider{height:1px;background:var(--color-border);margin:var(--spacing-xl) 0}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}