:root{--color-primary: #3b5998;--color-primary-dark: #2a4080;--color-accent: #a40c34;--color-navy: #002f60;--color-warning: #e6a817;--color-success: #1a7f37;--color-error: #dc3545;--color-inactive: #888888;--color-bg: #f4f6f9;--color-surface: #ffffff;--color-border: #d0d7e2;--color-border-light: #e8ecf1;--color-text: #444444;--color-text-muted: #666666;--color-text-faint: #999999;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 13px;--font-size-md: 14px;--font-size-lg: 15px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 6px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .2)}.form-control{padding:6px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text);width:100%;box-sizing:border-box;outline:none;background:#fff}.form-control--neutral{border-color:#c5d3e0}.form-control--valid{border-color:var(--color-success)}.form-control--error{border-color:var(--color-error)}.form-control:focus{border-color:var(--color-primary)}select.form-control{cursor:pointer}textarea.form-control{resize:vertical}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg)}.page-grid{flex:1;padding:18px 22px;display:flex;flex-direction:column;overflow:hidden;min-width:0}.page-toolbar{display:flex;align-items:center;gap:8px}.page-spacer{flex:1}.page-btn{padding:5px 14px;font-size:var(--font-size-base);border:none;border-radius:var(--radius-sm);font-weight:500;font-family:inherit;cursor:pointer;background:transparent;color:var(--color-primary)}.page-btn:disabled{color:var(--color-text-faint);cursor:not-allowed}.page-btn--add{background:var(--color-navy);color:#fff}.page-btn--danger{color:var(--color-accent)}.page-btn--danger:disabled{color:var(--color-text-faint)}.page-btn--filter{padding:5px 10px;font-size:var(--font-size-xs);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted)}.page-btn--filter-on{border-color:var(--color-primary);background:#eef3f9;color:var(--color-primary)}.panel{background:var(--color-surface);border-left:1px solid var(--color-border);display:flex;flex-direction:column;height:calc(100% - 18px);margin-top:18px;margin-right:18px;flex-shrink:0;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.panel-header{background:var(--color-primary);padding:11px 16px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.panel-header__left{display:flex;align-items:center;gap:9px;color:#fff;font-weight:500;font-size:14px}.panel-close{color:#fff;cursor:pointer;font-size:18px;background:none;border:none;line-height:1}.panel-tabs{display:flex;border-bottom:1px solid var(--color-border-light);padding:0 12px;flex-shrink:0}.panel-tab{padding:9px 14px;font-size:12px;cursor:pointer;color:var(--color-text-faint);border:none;border-bottom:2px solid transparent;background:none;font-family:inherit;font-weight:400}.panel-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:500}.panel-body{flex:1;overflow-y:auto}.panel-details{padding:16px 18px}.panel-section-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary);letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px;border-bottom:1px solid var(--color-border-light);padding-bottom:4px;margin-top:4px}.panel-footer{padding:10px 16px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--color-border-light);flex-shrink:0}.panel-btn{padding:6px 16px;font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;color:var(--color-text);font-family:inherit}.panel-btn--save{background:var(--color-navy);color:#fff;border-color:var(--color-navy)}.panel-btn--warning{background:transparent;border-color:var(--color-warning);color:var(--color-warning);font-weight:500}.panel-field{display:flex;flex-direction:column;gap:3px}.panel-field label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.panel-field--1{flex:1}.panel-field--2{flex:2}.panel-field--grow{flex:1;min-width:0}.panel-field--sm{width:52px;flex-shrink:0}.panel-row{display:flex;gap:10px;margin-bottom:10px}.panel-toggle-row{margin-bottom:12px}.panel-error{font-size:var(--font-size-xs);color:var(--color-error)}.panel-muted{color:var(--color-text-muted)}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-xs);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.data-table th{background:var(--color-primary);color:#fff;padding:7px 10px;text-align:left;font-weight:500}.data-table td{padding:5px 10px;color:var(--color-text);border-bottom:1px solid var(--color-border-light)}.data-table tr:last-child td{border-bottom:none}.data-table tr:nth-child(2n) td{background:#f7f9fc}.data-table--secondary th{background:#5a6fa8}.data-table--nowrap td{white-space:nowrap}@media(max-width:768px){.page-grid{padding:10px 12px}.page-toolbar{flex-wrap:wrap;gap:6px}.panel{position:fixed;inset:58px 8px auto 56px;max-height:calc(100vh - 66px);width:auto!important;height:auto;margin:0;border-radius:var(--radius-lg);border-left:none;z-index:100;box-shadow:var(--shadow-lg);overflow-y:auto}.panel-header{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.panel-body{overflow-y:visible}}