:root{--color-blue-xdark: #212736;--color-blue-dark: #23324E;--color-blue: #293B5B;--color-blue-light: #D4D8DE;--color-primary-dark: #063C7F;--color-primary: #0951AA;--color-primary-light: #5C9FFF;--color-primary-light-1: #92B5E5;--color-primary-light-2: #CEE2FF;--color-primary-light-3: #EEF5FF;--color-cyan-xxdark: #08577c;--color-cyan-xdark: #00699b;--color-cyan-dark: #1885B9;--color-cyan: #1C9BD8;--color-cyan-light: #E8F5FB;--color-teal-xxdark: #0a6b69;--color-teal-xdark: #0C827F;--color-teal-dark: #179996;--color-teal: #1BB3AF;--color-teal-light: #D1F0EF;--color-teal-xlight: #E8F7F7;--color-magenta-xxdark: #6e0037;--color-magenta-xdark: #960051;--color-magenta-dark: #AE0862;--color-magenta: #CC0A73;--color-magenta-light: #FCF0F6;--color-pink-xdark: #B60F42;--color-pink-dark: #CB2559;--color-pink: #ED2B67;--color-pink-light: #FDE9EF;--color-white: #FFFFFF;--color-black: #262626;--color-black-light: #3D3D3D;--color-grey-dark: #515151;--color-grey: #5F5F5F;--color-grey-border: #959595;--color-grey-light: #CCCCCC;--color-grey-xlight: #ededed;--color-grey-xxlight: #f7f7f7;--color-warning: #FF5C5C;--color-warning-dark: #CC4949;--color-warning-light: #FFDEDE;--color-text: #262626;--color-form: #1BB3AF;--surface-bg: var(--color-grey-xxlight);--surface-card: var(--color-white);--surface-sidebar: var(--color-blue);--surface-sidebar-active: var(--color-blue-dark);--surface-overlay: rgba(33, 39, 54, .5);--text-primary: var(--color-black);--text-secondary: var(--color-grey-dark);--text-muted: var(--color-grey);--text-inverse: var(--color-white);--text-on-sidebar: var(--color-white);--border-color: var(--color-grey-xlight);--border-color-strong: var(--color-grey-light);--action-primary: var(--color-magenta);--action-primary-hover: var(--color-magenta-dark);--action-secondary: var(--color-cyan);--action-secondary-hover: var(--color-cyan-dark);--action-destructive: var(--color-warning);--action-destructive-hover:var(--color-warning-dark);--font-family: "Mulish", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.875rem;--font-size-3xl: 2.25rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-loose: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(33, 39, 54, .08);--shadow-md: 0 4px 12px rgba(33, 39, 54, .12);--shadow-lg: 0 8px 24px rgba(33, 39, 54, .16);--sidebar-width: 240px;--sidebar-width-collapsed: 64px;--topbar-height: 56px;--content-max-width: 1280px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}[data-theme=dark]{--surface-bg: var(--color-blue-xdark);--surface-card: var(--color-blue-dark);--surface-sidebar: var(--color-blue-xdark);--surface-sidebar-active: var(--color-blue-dark);--surface-overlay: rgba(0, 0, 0, .6);--text-primary: var(--color-white);--text-secondary: var(--color-grey-light);--text-muted: var(--color-grey-border);--text-on-sidebar: var(--color-white);--border-color: var(--color-blue);--border-color-strong: var(--color-blue-light);--action-primary: var(--color-magenta);--action-primary-hover: var(--color-magenta-dark);--action-secondary: var(--color-cyan);--action-secondary-hover: var(--color-cyan-dark)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);color:var(--text-primary);background-color:var(--surface-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{display:block;max-width:100%}a{color:var(--action-secondary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-8)}.page-header--detail{flex-direction:column;align-items:stretch;gap:0}.page-header__breadcrumb{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-3);margin-bottom:var(--space-5);border-bottom:1px solid var(--border-color-strong)}.page-header__actions{display:flex;align-items:center;gap:var(--space-2)}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.back-link{display:inline-block;font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-2)}.back-link:hover{color:var(--text-primary)}.back-link--with-arrow{display:inline-flex;align-items:center;gap:var(--space-1);background:none;border:none;cursor:pointer;padding:0;font-size:inherit}.back-link__arrow{width:16px;height:16px;flex-shrink:0}.record-type-label{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-top:var(--space-1)}.detail-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.detail-card__body{padding:var(--space-6)}.form-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);max-width:720px;box-shadow:var(--shadow-sm)}@media(min-width:600px){.form-card{padding:var(--space-8)}}.field-list{display:flex;flex-direction:column;gap:var(--space-4)}.field-list__item{display:grid;grid-template-columns:140px 1fr;gap:var(--space-2);align-items:baseline}.field-list__item dt{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-muted)}.field-list__item dd{font-size:var(--font-size-sm);color:var(--text-primary);word-break:break-word}.table-wrapper{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow-x:auto;box-shadow:var(--shadow-sm);margin-bottom:var(--space-6);touch-action:pan-x pan-y pinch-zoom}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.data-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-weight-semibold);color:var(--text-muted);background:var(--surface-bg);border-bottom:1px solid var(--border-color);white-space:nowrap}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color);color:var(--text-primary)}.data-table__row{cursor:pointer;transition:background var(--transition-fast)}.data-table__row:hover td{background:var(--color-primary-light-3)}.data-table__row:last-child td{border-bottom:none}.data-table__primary{font-weight:var(--font-weight-semibold);color:var(--action-secondary)!important}.data-table__empty{text-align:center;color:var(--text-muted);padding:var(--space-12)!important}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}th.sortable:hover{background:var(--color-grey-xxlight)}.sort-indicator{display:inline-block;width:1ch;color:var(--action-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-family);cursor:pointer;border:none;text-decoration:none;transition:background var(--transition-fast),opacity var(--transition-fast);white-space:nowrap}.btn:hover{text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:var(--action-primary);color:var(--color-white)}.btn--primary:hover:not(:disabled){background:var(--action-primary-hover)}.btn--secondary{background:var(--action-secondary);color:var(--color-white)}.btn--secondary:hover:not(:disabled){background:var(--action-secondary-hover)}.btn--ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color-strong)}.btn--ghost:hover:not(:disabled){background:var(--border-color)}.btn--icon{padding:0;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.btn--icon svg{width:16px;height:16px}.btn--danger{background:var(--action-destructive);color:var(--color-white)}.btn--danger:hover:not(:disabled){background:var(--action-destructive-hover)}.btn--destructive{background:var(--action-destructive);color:var(--color-white);border-color:transparent}.btn--destructive:hover:not(:disabled){background:var(--action-destructive-hover)}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.btn--add{padding:0;width:36px;height:36px}.btn--add .btn__label{display:none}@media(min-width:600px){.btn--add{padding:var(--space-2) var(--space-5);width:auto;height:auto}.btn--add .btn__label{display:inline}}.form-section{display:flex;flex-direction:column;gap:var(--space-5);margin-bottom:var(--space-6)}.form-section__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-bottom:0;padding-bottom:var(--space-2);border-bottom:1px solid var(--border-color)}.form-row{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media(min-width:600px){.form-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}.form-group{display:flex;flex-direction:column;gap:var(--space-1)}.form-group--required .form-label:after{content:" *";color:var(--action-destructive)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.form-input{padding:var(--space-2) var(--space-3);border:1px solid var(--border-color-strong);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--text-primary);background:var(--surface-card);transition:border-color var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-form);box-shadow:0 0 0 3px #1bb3af26}.form-input--textarea{resize:vertical;min-height:100px}.form-input:is(select){appearance:none;padding-right:var(--space-8);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%235F5F5F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center}.form-input option{color:var(--text-primary)}.form-actions{display:flex;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border-color)}.list-controls{margin-bottom:var(--space-6)}.search-form{display:flex;gap:var(--space-2);align-items:stretch}.search-input{padding:var(--space-2) var(--space-3);border:1px solid var(--border-color-strong);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--text-primary);background:var(--surface-card);width:280px}.search-input:focus{outline:none;border-color:var(--color-form)}.tabs{display:flex;gap:0;border-bottom:2px solid var(--border-color);margin-bottom:var(--space-4)}.tabs__tab{padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;margin-bottom:-2px;transition:color var(--transition-fast),border-color var(--transition-fast)}.tabs__tab:hover{color:var(--text-primary)}.tabs__tab.active{color:var(--action-secondary);border-bottom-color:var(--action-secondary)}.tab-content{padding-top:var(--space-2)}.detail-tabs{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);box-shadow:var(--shadow-sm)}.list-item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--border-color);text-decoration:none;transition:background var(--transition-fast);border-radius:var(--radius-sm)}.list-item:last-child{border-bottom:none}.list-item:hover{background:var(--color-primary-light-3);text-decoration:none}.list-item__primary{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--action-secondary)}.list-item__secondary{font-size:var(--font-size-xs);color:var(--text-muted)}.list-item--contact{flex-direction:column;align-items:stretch;gap:var(--space-1);padding:var(--space-2) var(--space-3)}@media(min-width:480px){.list-item--contact{flex-direction:row;align-items:center;gap:var(--space-6)}}.pagination{display:flex;gap:var(--space-1);justify-content:center;margin-top:var(--space-4)}.pagination__btn{padding:var(--space-2) var(--space-3);border:1px solid var(--border-color-strong);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-family:var(--font-family);background:var(--surface-card);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast)}.pagination__btn:hover{background:var(--border-color)}.pagination__btn.active{background:var(--action-secondary);color:var(--color-white);border-color:var(--action-secondary)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:var(--color-grey-xlight);color:var(--text-secondary)}.badge--success{background:var(--color-teal-light);color:var(--color-teal-xdark)}.badge--muted{background:var(--color-grey-xlight);color:var(--text-muted)}.badge--warning{background:var(--color-warning-light);color:var(--color-warning-dark)}.loading{color:var(--text-muted);font-size:var(--font-size-sm);padding:var(--space-8);text-align:center}.error-message{background:var(--color-warning-light);color:var(--color-warning-dark);border:1px solid var(--color-warning);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.empty-state{color:var(--text-muted);font-size:var(--font-size-sm);padding:var(--space-6) 0;text-align:center}.zero-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-12) var(--space-4);background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.zero-state__message{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}