:root{--brand-primary: #1F3D2B;--brand-primary-hover: #2D5A3F;--brand-primary-active: #163022;--brand-primary-light: #E8F0EB;--brand-primary-lighter: #F2F7F4;--brand-primary-text: #ffffff;--brand-secondary: #2F4F6F;--brand-secondary-hover: #3D6489;--brand-secondary-light: #E9EFF5;--brand-accent: #C8A95B;--brand-accent-hover: #B89A4A;--brand-accent-light: #FBF6E8;--brand-accent-text: #1F3D2B;--color-success: #1B7A3D;--color-success-hover: #15612F;--color-success-light: #DCFCE7;--color-success-text: #15612F;--color-warning: #B45309;--color-warning-hover: #92400E;--color-warning-light: #FEF3C7;--color-warning-text: #92400E;--color-error: #BE3A3A;--color-error-hover: #9B2C2C;--color-error-light: #FEE2E2;--color-error-text: #9B2C2C;--color-info: #2563A8;--color-info-hover: #1D4F89;--color-info-light: #DBEAFE;--color-info-text: #1D4F89;--bg-app: #F7F8F6;--bg-surface: #FFFFFF;--bg-surface-hover: #F7F8F6;--bg-surface-raised: #FFFFFF;--bg-surface-sunken: #F1F3EF;--bg-overlay: rgba(17, 24, 39, .4);--text-primary: #111827;--text-secondary: #6B7280;--text-tertiary: #9CA3AF;--text-placeholder: #9CA3AF;--text-disabled: #D1D5DB;--text-inverse: #FFFFFF;--text-link: #1F3D2B;--text-link-hover: #2D5A3F;--border-default: #E5E7EB;--border-light: #F1F3EF;--border-strong: #D1D5DB;--border-focus: #1F3D2B;--border-error: #BE3A3A;--focus-ring: 0 0 0 3px rgba(31, 61, 43, .2);--focus-ring-error: 0 0 0 3px rgba(190, 58, 58, .2);--focus-ring-accent: 0 0 0 3px rgba(200, 169, 91, .25);--sidebar-bg: #1F3D2B;--sidebar-text: rgba(255, 255, 255, .7);--sidebar-text-active: #FFFFFF;--sidebar-icon: rgba(255, 255, 255, .5);--sidebar-icon-active: #C8A95B;--sidebar-hover-bg: rgba(255, 255, 255, .08);--sidebar-active-bg: rgba(255, 255, 255, .12);--sidebar-active-border: #C8A95B;--sidebar-divider: rgba(255, 255, 255, .1);--sidebar-avatar-bg: rgba(200, 169, 91, .2);--sidebar-avatar-text: #C8A95B;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .04);--chart-1: #1F3D2B;--chart-2: #2F4F6F;--chart-3: #C8A95B;--chart-4: #1B7A3D;--chart-5: #7C5E2C;--chart-6: #5B7FA8;--chart-7: #4A7C5C;--chart-8: #9B6B3D;--chart-9: #3D6B5E;--chart-10: #8B6F47}[data-theme=dark]{--brand-primary: #4A8C63;--brand-primary-hover: #5AA875;--brand-primary-active: #3E7854;--brand-primary-light: rgba(74, 140, 99, .15);--brand-primary-lighter: rgba(74, 140, 99, .08);--brand-primary-text: #ffffff;--brand-secondary: #6B9DC2;--brand-secondary-hover: #7DAED0;--brand-secondary-light: rgba(107, 157, 194, .15);--brand-accent: #D4B96A;--brand-accent-hover: #C8A95B;--brand-accent-light: rgba(212, 185, 106, .15);--brand-accent-text: #E8F0EB;--color-success: #4ADE80;--color-success-hover: #22C55E;--color-success-light: rgba(74, 222, 128, .12);--color-success-text: #4ADE80;--color-warning: #FBBF24;--color-warning-hover: #F59E0B;--color-warning-light: rgba(251, 191, 36, .12);--color-warning-text: #FBBF24;--color-error: #F87171;--color-error-hover: #EF4444;--color-error-light: rgba(248, 113, 113, .12);--color-error-text: #F87171;--color-info: #60A5FA;--color-info-hover: #3B82F6;--color-info-light: rgba(96, 165, 250, .12);--color-info-text: #60A5FA;--bg-app: #111916;--bg-surface: #1A2420;--bg-surface-hover: #222E28;--bg-surface-raised: #1E2A25;--bg-surface-sunken: #141D19;--bg-overlay: rgba(0, 0, 0, .6);--text-primary: #E8EDE9;--text-secondary: #9CA8A0;--text-tertiary: #6B7870;--text-placeholder: #6B7870;--text-disabled: #4A5650;--text-inverse: #111827;--text-link: #4A8C63;--text-link-hover: #5AA875;--border-default: #2A3830;--border-light: #222E28;--border-strong: #3A4A42;--border-focus: #4A8C63;--border-error: #F87171;--focus-ring: 0 0 0 3px rgba(74, 140, 99, .3);--focus-ring-error: 0 0 0 3px rgba(248, 113, 113, .3);--focus-ring-accent: 0 0 0 3px rgba(212, 185, 106, .3);--sidebar-bg: #141D19;--sidebar-text: rgba(232, 237, 233, .7);--sidebar-text-active: #E8EDE9;--sidebar-icon: rgba(232, 237, 233, .5);--sidebar-icon-active: #D4B96A;--sidebar-hover-bg: rgba(255, 255, 255, .05);--sidebar-active-bg: rgba(74, 140, 99, .15);--sidebar-active-border: #D4B96A;--sidebar-divider: rgba(255, 255, 255, .06);--sidebar-avatar-bg: rgba(212, 185, 106, .15);--sidebar-avatar-text: #D4B96A;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -4px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .2);--chart-1: #4A8C63;--chart-2: #6B9DC2;--chart-3: #D4B96A;--chart-4: #4ADE80;--chart-5: #C8A060;--chart-6: #7BB5D4;--chart-7: #6AAE80;--chart-8: #D4A04A;--chart-9: #5E9E8A;--chart-10: #B89A60}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;color:var(--text-primary);background:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--text-link);text-decoration:none}a:hover{color:var(--text-link-hover)}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit}table{border-collapse:collapse}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.input{width:100%;padding:8px 12px;border:1px solid var(--border-default);border-radius:6px;font-size:.875rem;color:var(--text-primary);background:var(--bg-surface);box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder{color:var(--text-placeholder)}.input:disabled{background:var(--bg-surface-sunken);color:var(--text-disabled);cursor:not-allowed}select.input{cursor:pointer}h1{font-size:1.875rem;font-weight:700;line-height:1.2;color:var(--text-primary)}h2{font-size:1.5rem;font-weight:600;line-height:1.3;color:var(--text-primary)}h3{font-size:1.25rem;font-weight:600;line-height:1.4;color:var(--text-primary)}h4{font-size:1.125rem;font-weight:600;line-height:1.4;color:var(--text-primary)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-muted{color:var(--text-secondary)}.text-danger{color:var(--color-error)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.page-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.page-header>.header-left{display:flex;flex-direction:column;gap:12px}.header-controls,.header-right{display:flex;align-items:center;gap:12px}.page-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;font-family:inherit;line-height:1.5}.search-bar{position:relative}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.search-input{width:320px;padding:8px 12px 8px 36px;border:1px solid var(--border-default);border-radius:8px;font-size:.875rem;font-family:inherit;color:var(--text-primary);box-sizing:border-box;background:var(--bg-surface)}.search-input::placeholder{color:var(--text-placeholder)}.search-input:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--focus-ring)}.desc-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.table-description{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5;display:flex;align-items:center;gap:6px}.info-icon{flex-shrink:0}table{width:100%}th{text-align:center;padding:6px 16px;font-size:.75rem;line-height:1.3;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:var(--bg-app);border-bottom:1px solid var(--border-default);border-right:1px solid var(--border-default);vertical-align:middle}th:last-child{border-right:none}td{padding:6px 16px;font-size:.8125rem;line-height:1.3;color:var(--text-primary);border-bottom:1px solid var(--bg-surface-sunken);border-right:1px solid var(--bg-surface-sunken);text-align:center;vertical-align:middle}td:last-child{border-right:none}input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand-primary);cursor:pointer}.left{text-align:left}tbody tr:hover:not(.selected):not([class*=row-urgency-]):not(.row-overdue):not(.row-archived){background:var(--bg-app)}.empty{text-align:center;padding:32px;color:var(--text-tertiary)}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable-header:hover{color:var(--text-primary)}.sort-icon{margin-left:4px;vertical-align:-1px;color:var(--text-disabled)}.sort-icon.sort-active{color:var(--brand-primary)}.status-header{cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.status-header:hover{color:var(--text-primary)}.filter-active-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--brand-primary);margin-left:4px;vertical-align:1px}.status-filter-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;box-shadow:var(--shadow-lg);z-index:100;min-width:220px;text-transform:none;letter-spacing:normal;font-weight:400}.filter-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-default)}.filter-title{font-size:.75rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.filter-close{background:none;border:none;font-size:1.25rem;color:var(--text-secondary);cursor:pointer;padding:0;line-height:1}.filter-close:hover{color:var(--text-primary)}.filter-options{padding:8px 0}.filter-option{display:flex;align-items:center;gap:10px;padding:8px 16px;cursor:pointer;font-size:.9375rem}.filter-option:hover{background:var(--bg-app)}.filter-option input[type=radio]{width:16px;height:16px;accent-color:var(--text-primary);cursor:pointer;margin:0}.filter-label{color:var(--text-primary)}.filter-actions{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border-default);justify-content:center}.filter-btn{padding:6px 20px;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;border:1px solid var(--border-strong)}.filter-btn-clear{background:var(--bg-surface);color:var(--text-primary)}.filter-btn-clear:hover{background:var(--bg-app)}.filter-btn-apply{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.filter-btn-apply:hover{background:var(--brand-primary-hover)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 0;gap:12px}.page-spinner{display:inline-block;width:32px;height:32px;border:3px solid var(--border-default);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .7s linear infinite}.loading-text{font-size:.875rem;color:var(--text-tertiary)}@keyframes spin{to{transform:rotate(360deg)}}.link{background:none;border:none;color:var(--text-link);font-size:.875rem;cursor:pointer}.input{width:100%;padding:8px 12px;border:1px solid var(--border-default);border-radius:6px;font-size:.875rem}td.right,th.right{text-align:right}td.center,th.center{text-align:center}td.left,th.left{text-align:left}.quick-filters{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.qf-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--border-default);border-radius:9999px;background:var(--bg-surface);font-size:.8125rem;color:var(--text-secondary);cursor:pointer;font-weight:500;white-space:nowrap;transition:all .15s ease;font-family:inherit}.qf-pill:hover{border-color:var(--brand-primary);color:var(--text-primary)}.qf-pill.active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.qf-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;font-size:.6875rem;font-weight:600;background:#00000014}.active .qf-count{background:#ffffff40}.badge{padding:2px 8px;border-radius:9999px;font-size:.75rem;font-weight:500;display:inline-block;text-align:center;min-width:72px;white-space:nowrap;text-transform:capitalize}.badge-sm{min-width:unset;padding:1px 6px;font-size:.6875rem}.badge-emergency{background:var(--color-error-light);color:var(--color-error)}.badge-urgent{background:#ffedd5;color:#ea580c}.badge-high{background:#fefce8;color:#ca8a04}.badge-normal{background:#d1e0d6;color:var(--brand-primary)}.badge-low{background:#d1fae5;color:var(--color-success)}.badge-status-submitted,.badge-status-open{background:var(--brand-primary-light);color:var(--brand-primary)}.badge-status-acknowledged,.badge-status-assigned{background:#fefce8;color:#ca8a04}.badge-status-in_progress,.badge-status-completed{background:#f0fdf4;color:var(--color-success)}.badge-status-cancelled{background:var(--color-error-light);color:var(--color-error)}.badge-status-on_hold{background:#f1f5f9;color:#475569}.badge-scheduled{background:var(--brand-primary-light);color:var(--brand-primary)}.badge-in_progress{background:#fefce8;color:#ca8a04}.badge-completed{background:#f0fdf4;color:var(--color-success)}.badge-cancelled{background:var(--color-error-light);color:var(--color-error)}.badge-active{background:#f0fdf4;color:var(--color-success)}.badge-inactive,.badge-retired{background:var(--color-error-light);color:var(--color-error)}.badge-type-asset{background:var(--brand-primary-light);color:#1e40af}.badge-type-liability{background:var(--color-warning-light);color:var(--color-warning-text)}.badge-type-equity{background:#ede9fe;color:#5b21b6}.badge-type-income{background:var(--color-success-light);color:var(--color-success-text)}.badge-type-expense{background:var(--color-error-light);color:var(--color-error-text)}.badge-severity-low{background:#dbeafe;color:#1d4ed8}.badge-severity-medium{background:#fef3c7;color:#92400e}.badge-severity-high,.badge-severity-critical{background:#fecaca;color:#991b1b}.badge-warning{background:#fefce8;color:#ca8a04}.badge-expired,.badge-overdue{background:var(--color-error-light);color:var(--color-error)}.badge-indigo{background:#e0e7ff;color:#4338ca}.badge-rose{background:#ffe4e6;color:#be123c}.badge-amber{background:#fef3c7;color:#92400e}.badge-cyan{background:#cffafe;color:#0e7490}.badge-lime{background:#ecfccb;color:#4d7c0f}.badge-orange{background:#ffedd5;color:#c2410c}.badge-slate{background:#f1f5f9;color:#475569}.badge-sky{background:#e0f2fe;color:#0369a1}.btn-primary{padding:10px 20px;background:var(--brand-primary);color:#fff;border:none;border-radius:6px;font-size:.9375rem;font-weight:500;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-primary:hover{background:var(--brand-primary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:10px 20px;background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default);border-radius:6px;font-size:.9375rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;gap:6px}.btn-secondary:hover{background:var(--bg-app)}.btn-danger{padding:10px 20px;background:var(--color-error);color:#fff;border:none;border-radius:6px;font-size:.9375rem;font-weight:500;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center}.btn-danger:hover{opacity:.9}.btn-danger-outline{padding:10px 20px;background:none;color:var(--color-error);border:1px solid var(--color-error);border-radius:6px;font-size:.9375rem;font-weight:500;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center}.btn-danger-outline:hover{background:var(--color-error-light)}.btn-success{padding:10px 20px;background:var(--color-success);color:#fff;border:none;border-radius:6px;font-size:.9375rem;font-weight:500;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center}.btn-sm{padding:8px 14px!important;font-size:.8125rem!important;min-height:44px}.full-w{width:100%;justify-content:center;text-align:center}.action-btns{display:flex;flex-direction:column;gap:8px}.form-group{display:flex;flex-direction:column;gap:6px;flex:1}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-row{display:flex;gap:16px;margin-bottom:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.input{padding:8px 12px;border:1px solid var(--border-default);border-radius:6px;font-size:.875rem;font-family:inherit;box-sizing:border-box;width:100%}.input:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--focus-ring)}textarea.input{resize:vertical}select.input{appearance:none;background:var(--bg-surface) 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='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;padding-right:32px}.required{color:var(--color-error);margin-left:2px}.drawer-section{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-default)}.drawer-section:first-child{margin-top:0;padding-top:0;border-top:none}.drawer-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin:0 0 8px}.drawer-detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-default);font-size:.875rem}.drawer-detail-row:last-of-type{border-bottom:none}.drawer-label{color:var(--text-secondary);font-weight:500}.drawer-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.drawer-action-btn{padding:8px 14px;font-size:.8125rem;font-weight:500;font-family:inherit;min-height:44px;background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default);border-radius:6px;cursor:pointer;display:inline-flex;align-items:center}.drawer-action-btn:hover{background:var(--bg-app)}.drawer-action-btn.primary{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.drawer-action-btn.primary:hover{background:var(--brand-primary-hover)}.drawer-action-btn.success{background:var(--color-success);color:#fff;border-color:var(--color-success)}.drawer-action-btn.danger{background:var(--color-error);color:#fff;border-color:var(--color-error)}.drawer-action-btn.danger:hover{opacity:.9}.drawer-edit-btn{background:none;border:none;cursor:pointer;color:var(--text-tertiary);padding:4px;display:flex;align-items:center;border-radius:4px}.drawer-edit-btn:hover{color:var(--brand-primary);background:var(--bg-app)}.add-note-btn{background:none;border:1px solid var(--border-default);border-radius:6px;padding:8px 12px;font-size:.75rem;font-weight:500;color:var(--text-primary);cursor:pointer;font-family:inherit;min-height:36px;display:inline-flex;align-items:center;gap:4px}.add-note-btn:hover{background:var(--bg-app)}.drawer-note-item{border:1px solid var(--border-default);border-radius:8px;padding:10px 60px 10px 12px;position:relative;margin-top:8px}.drawer-note-meta{margin:0;font-size:.75rem;color:var(--text-tertiary)}.drawer-note-author{font-weight:600;color:var(--text-primary);font-size:.8125rem}.drawer-note-text{margin:4px 0 0;font-size:.875rem;color:var(--text-primary);line-height:1.5;white-space:pre-wrap}.drawer-note-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px}.note-action-btn{background:none;border:none;cursor:pointer;color:var(--text-tertiary);padding:8px;border-radius:4px;display:flex;align-items:center;min-width:32px;min-height:32px}.note-action-btn:hover{color:var(--brand-primary)}.drawer-wo-card{border:1px solid var(--border-default);border-radius:8px;padding:10px 36px 10px 12px;position:relative}.drawer-wo-meta{margin:0}.drawer-wo-title{font-weight:600;color:var(--text-primary);font-size:.8125rem}.drawer-wo-sub{margin:2px 0 0;font-size:.75rem;color:var(--text-tertiary)}.drawer-wo-badge{position:absolute;top:10px;right:36px;display:inline-block;padding:2px 8px;border-radius:9999px;font-size:.6875rem;font-weight:500}.drawer-wo-open{position:absolute;top:10px;right:8px;background:none;border:none;cursor:pointer;color:var(--text-tertiary);padding:4px;display:flex;align-items:center}.drawer-wo-open:hover{color:var(--brand-primary)}.view-all-btn{display:block;width:100%;margin-top:8px;padding:8px;background:none;border:1px solid var(--border-default);border-radius:6px;font-size:.8125rem;font-weight:500;color:var(--brand-primary);cursor:pointer;font-family:inherit;text-align:center}.view-all-btn:hover{background:var(--bg-app)}.add-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:1px solid var(--border-default);border-radius:6px;padding:8px 12px;font-size:.8125rem;font-weight:500;color:var(--text-primary);cursor:pointer;font-family:inherit;min-height:36px}.add-btn:hover{background:var(--bg-app)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.w-full{width:100%}