:root{color-scheme:light;--ds-color-bg: #fbfbfb;--ds-color-surface: #ffffff;--ds-color-surface-subtle: #fafafa;--ds-color-surface-raised: #ffffff;--ds-color-text: #0a0a0a;--ds-color-text-muted: #6f6f6f;--ds-color-text-soft: #9a9a9a;--ds-color-border: #e6e6e6;--ds-color-border-strong: #c8c8c8;--ds-color-brand: #111111;--ds-color-brand-hover: #2b2b2b;--ds-color-inverse: #ffffff;--ds-color-accent: #8a2cff;--ds-color-accent-soft: #f3ebff;--ds-color-sidebar: #ffffff;--ds-color-sidebar-border: #e8e8e8;--ds-color-sidebar-muted: #9a9a9a;--ds-color-sidebar-link: #393939;--ds-color-topbar: rgba(255, 255, 255, .94);--ds-color-login-panel: rgba(255, 255, 255, .96);--ds-color-grid-line: #eeeeee;--ds-color-control-hover: #f0f0f0;--ds-color-control-muted: #f1f1f1;--ds-color-table-head: #fbfbfb;--ds-color-badge: #f4f4f4;--ds-color-badge-border: #d8d8d8;--ds-color-gray-strong: #333333;--ds-color-gray-medium: #5f5f5f;--ds-color-gray-label: #3f3f3f;--ds-color-gray-table: #696969;--ds-color-gray-outline: #bdbdbd;--ds-color-login-border: #d5d5d5;--ds-color-logo-border: #3a3a3a;--ds-color-overlay: rgba(0, 0, 0, .34);--ds-color-focus: rgba(0, 0, 0, .08);--ds-font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ds-font-size-2xs: 11px;--ds-font-size-xs: 12px;--ds-font-size-sm: 13px;--ds-font-size-md: 14px;--ds-font-size-lg: 15px;--ds-font-size-xl: 22px;--ds-font-weight-normal: 400;--ds-font-weight-medium: 500;--ds-font-weight-bold: 600;--ds-font-weight-black: 700;--ds-line-height-tight: 1.18;--ds-line-height-normal: 1.45;--ds-space-1: 2px;--ds-space-2: 4px;--ds-space-3: 6px;--ds-space-4: 8px;--ds-space-5: 10px;--ds-space-6: 12px;--ds-space-7: 14px;--ds-space-8: 16px;--ds-space-9: 18px;--ds-space-10: 20px;--ds-space-12: 24px;--ds-radius-sm: 7px;--ds-radius-md: 8px;--ds-radius-pill: 999px;--ds-shadow-card: 0 1px 2px rgba(0, 0, 0, .05);--ds-shadow-modal: 0 24px 60px rgba(0, 0, 0, .18);--ds-shadow-login: 0 30px 80px rgba(0, 0, 0, .12);--ds-sidebar-width: 276px;--ds-sidebar-collapsed-width: 72px;--ds-content-max: 1480px;--ds-topbar-height: 68px;--ds-control-height: 38px;--ds-control-height-sm: 36px;--ds-drawer-width: 540px;--bg: var(--ds-color-bg);--panel: var(--ds-color-surface);--panel-soft: var(--ds-color-surface-subtle);--text: var(--ds-color-text);--muted: var(--ds-color-text-muted);--border: var(--ds-color-border);--border-strong: var(--ds-color-border-strong);--inverse: var(--ds-color-inverse);--black: var(--ds-color-brand);--danger: var(--ds-color-brand);--warn: var(--ds-color-gray-strong);--ok: var(--ds-color-brand);--shadow: var(--ds-shadow-card);--shadow-elevated: var(--ds-shadow-modal)}:root[data-theme=dark]{color-scheme:dark;--ds-color-bg: #0f1115;--ds-color-surface: #151820;--ds-color-surface-subtle: #1c2029;--ds-color-surface-raised: #20242e;--ds-color-text: #f4f5f7;--ds-color-text-muted: #a7adb8;--ds-color-text-soft: #747b88;--ds-color-border: #2c323d;--ds-color-border-strong: #424a57;--ds-color-brand: #f4f5f7;--ds-color-brand-hover: #dfe3ea;--ds-color-inverse: #0f1115;--ds-color-accent: #b184ff;--ds-color-accent-soft: #2a2140;--ds-color-sidebar: #10131a;--ds-color-sidebar-border: #252b36;--ds-color-sidebar-muted: #8f96a3;--ds-color-sidebar-link: #d5d9e0;--ds-color-topbar: rgba(21, 24, 32, .92);--ds-color-login-panel: rgba(21, 24, 32, .96);--ds-color-grid-line: #242934;--ds-color-control-hover: #242934;--ds-color-control-muted: #20242e;--ds-color-table-head: #1b1f28;--ds-color-badge: #242934;--ds-color-badge-border: #3a414d;--ds-color-gray-strong: #e7e9ee;--ds-color-gray-medium: #b5bbc6;--ds-color-gray-label: #d1d5dd;--ds-color-gray-table: #a2a9b5;--ds-color-gray-outline: #596170;--ds-color-login-border: #323946;--ds-color-logo-border: #596170;--ds-color-overlay: rgba(0, 0, 0, .58);--ds-color-focus: rgba(177, 132, 255, .2);--ds-shadow-card: 0 1px 2px rgba(0, 0, 0, .3);--ds-shadow-modal: 0 24px 60px rgba(0, 0, 0, .46);--ds-shadow-login: 0 30px 80px rgba(0, 0, 0, .5)}*{box-sizing:border-box}*,*:before,*:after{font-family:var(--ds-font-family)!important;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{background:var(--ds-color-bg);color:var(--ds-color-text);font-family:var(--ds-font-family)!important}body{margin:0;min-width:320px;background:var(--ds-color-bg);color:var(--ds-color-text);font-family:var(--ds-font-family)!important;font-size:var(--ds-font-size-md);line-height:var(--ds-line-height-normal)}app-root,app-root *,.font-inter,.font-inter *{font-family:var(--ds-font-family)!important}button,input,select,textarea,table,th,td,a,label,span,small,strong,em,div,section,article,aside,header,footer,nav,dl,dt,dd,li,option,optgroup,::placeholder{font-family:var(--ds-font-family)!important}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,p{margin:0}h1{font-size:var(--ds-font-size-xl);line-height:var(--ds-line-height-tight);letter-spacing:0}h2{font-size:var(--ds-font-size-lg);letter-spacing:0}.shell{display:grid;grid-template-columns:var(--ds-sidebar-width) minmax(0,1fr);min-height:100vh;background:var(--ds-color-bg);transition:grid-template-columns .18s ease}.shell.sidebar-collapsed{grid-template-columns:var(--ds-sidebar-collapsed-width) minmax(0,1fr)}.sidebar{position:sticky;top:0;z-index:30;height:100vh;overflow:hidden;padding:var(--ds-space-4) var(--ds-space-4) var(--ds-space-6);background:var(--ds-color-sidebar);border-right:1px solid var(--ds-color-sidebar-border);color:var(--ds-color-text)}.brand,.login-brand{display:flex;align-items:center;gap:11px}.brand{position:relative;min-height:56px;padding:var(--ds-space-2) var(--ds-space-2) var(--ds-space-8)}.brand strong,.brand small{display:block}.brand strong{font-size:var(--ds-font-size-md);white-space:nowrap}.brand small{margin-top:var(--ds-space-1);color:var(--ds-color-sidebar-muted);font-size:var(--ds-font-size-xs);white-space:nowrap}.brand-copy{min-width:0}.sidebar-toggle{margin-left:auto;min-width:32px;width:32px;min-height:32px;height:32px;color:var(--ds-color-text-muted);font-size:var(--ds-font-size-md)}.nav-list{display:grid;gap:var(--ds-space-8)}.nav-section{display:grid;gap:var(--ds-space-1)}.nav-section-title{display:block;padding:0 var(--ds-space-4) var(--ds-space-3);color:var(--ds-color-sidebar-muted);font-size:var(--ds-font-size-2xs);font-weight:var(--ds-font-weight-bold);letter-spacing:.08em;text-transform:uppercase}.nav-list a{position:relative;display:flex;align-items:center;gap:var(--ds-space-6);min-height:40px;padding:var(--ds-space-4) var(--ds-space-4);border-radius:var(--ds-radius-sm);color:var(--ds-color-sidebar-link);font-size:var(--ds-font-size-md);font-weight:var(--ds-font-weight-medium);text-decoration:none;white-space:nowrap}.nav-list a.active,.nav-list a:hover{background:var(--ds-color-accent-soft);color:var(--ds-color-accent)}.nav-icon{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;color:currentColor;font-size:var(--ds-font-size-sm)}.nav-label{overflow:hidden;text-overflow:ellipsis}.shell.sidebar-collapsed .sidebar{overflow:visible;padding-right:var(--ds-space-4);padding-left:var(--ds-space-4)}.shell.sidebar-collapsed .brand{justify-content:center;padding-bottom:var(--ds-space-8)}.shell.sidebar-collapsed .app-logo{width:36px;height:36px}.shell.sidebar-collapsed .brand-copy,.shell.sidebar-collapsed .nav-label,.shell.sidebar-collapsed .nav-section-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.shell.sidebar-collapsed .sidebar-toggle{position:absolute;right:-1px;bottom:var(--ds-space-2);background:var(--ds-color-surface)}.shell.sidebar-collapsed .nav-list a{justify-content:center;padding-right:0;padding-left:0}.shell.sidebar-collapsed .nav-list a:after{position:absolute;z-index:80;top:50%;left:calc(100% + var(--ds-space-5));display:block;max-width:180px;padding:var(--ds-space-3) var(--ds-space-5);border:1px solid var(--ds-color-border-strong);border-radius:var(--ds-radius-sm);background:var(--ds-color-brand);box-shadow:var(--ds-shadow-modal);color:var(--ds-color-inverse);content:attr(data-tooltip);font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-medium);line-height:var(--ds-line-height-tight);opacity:0;pointer-events:none;transform:translateY(-50%) translate(-4px);transition:opacity .12s ease,transform .12s ease;white-space:nowrap}.shell.sidebar-collapsed .nav-list a:hover:after,.shell.sidebar-collapsed .nav-list a:focus-visible:after{opacity:1;transform:translateY(-50%) translate(0)}.workspace{min-width:0;background:var(--ds-color-surface)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--ds-space-7);min-height:var(--ds-topbar-height);padding:0 var(--ds-space-12);background:var(--ds-color-topbar);border-bottom:1px solid var(--ds-color-border);backdrop-filter:blur(18px)}.topbar-title{display:grid;gap:1px;margin-right:auto}.topbar-title span{font-size:var(--ds-font-size-lg);font-weight:var(--ds-font-weight-bold)}.topbar-title small{color:var(--ds-color-text-muted);font-size:var(--ds-font-size-xs)}.topbar-actions{display:flex;align-items:center;gap:var(--ds-space-5)}.content{max-width:var(--ds-content-max);margin:0 auto;padding:44px var(--ds-space-12) var(--ds-space-12)}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ds-space-8);margin-bottom:var(--ds-space-8)}.page-head p,.panel-head p{margin-top:var(--ds-space-3);color:var(--ds-color-text-muted);font-size:var(--ds-font-size-md)}.drawer-backdrop,.backdrop{position:fixed;inset:0;z-index:40;background:var(--ds-color-overlay)}.drawer{position:fixed;top:0;right:0;z-index:50;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(var(--ds-drawer-width),100vw);max-width:var(--ds-drawer-width);height:100vh;background:var(--ds-color-surface);border-left:1px solid var(--ds-color-border);box-shadow:var(--ds-shadow-modal)}.drawer.roles-drawer{width:min(calc(var(--ds-drawer-width) * 1.5),100vw);max-width:calc(var(--ds-drawer-width) * 1.5)}.drawer header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--ds-space-9);border-bottom:1px solid var(--ds-color-border)}.drawer header p{margin-top:var(--ds-space-2);color:var(--ds-color-text-muted);font-size:var(--ds-font-size-sm)}.drawer-body{display:grid;gap:var(--ds-space-7);overflow:auto;padding:var(--ds-space-9)}.drawer footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:var(--ds-space-5);margin:var(--ds-space-4) calc(var(--ds-space-9) * -1) calc(var(--ds-space-9) * -1);padding:var(--ds-space-7) var(--ds-space-9);background:var(--ds-color-surface);border-top:1px solid var(--ds-color-border)}.login-page{display:grid;min-height:100vh;padding:var(--ds-space-12);background:linear-gradient(var(--ds-color-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--ds-color-grid-line) 1px,transparent 1px),var(--ds-color-surface);background-size:32px 32px}.login-panel{width:100%;max-width:410px;margin:auto;padding:var(--ds-space-12);background:var(--ds-color-login-panel);border-color:var(--ds-color-login-border);box-shadow:var(--ds-shadow-login)}.login-brand{margin-bottom:22px}.login-brand h1{font-size:var(--ds-font-size-xl)}.login-brand p{margin-top:var(--ds-space-2);color:var(--ds-color-text-muted);font-size:var(--ds-font-size-md)}.form-grid{display:grid;gap:var(--ds-space-7)}.mobile-only,.backdrop{display:none}.brand-mark,.ds-logo-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--ds-color-logo-border);border-radius:var(--ds-radius-sm);background:var(--ds-color-brand);color:var(--ds-color-inverse);font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-black)}.brand-logo{display:block;flex:0 0 auto;object-fit:contain}.app-logo{width:38px;height:38px}.login-logo{width:72px;height:72px}.panel,.kpi,.login-panel,.record-card,.ds-card{background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);box-shadow:none}.panel,.ds-panel{margin-bottom:var(--ds-space-7);padding:var(--ds-space-8)}.panel-head,.ds-panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-6);margin-bottom:var(--ds-space-7)}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ds-space-6);margin-bottom:var(--ds-space-7)}.kpi{display:grid;gap:var(--ds-space-3);min-height:104px;padding:var(--ds-space-7)}.kpi span,.kpi small,dt{color:var(--ds-color-text-muted)}.kpi span,dt{font-size:var(--ds-font-size-xs);font-weight:var(--ds-font-weight-bold);text-transform:uppercase}.kpi strong{font-size:30px;letter-spacing:0}.filters{background:var(--ds-color-surface)}.filter-panel{margin-top:calc(var(--ds-space-4) * -1);padding:var(--ds-space-6)}.filters-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr)) auto;gap:var(--ds-space-5);align-items:end}label,.ds-field{display:grid;gap:var(--ds-space-3);min-width:0}label span,.ds-label{color:var(--ds-color-gray-label);font-size:var(--ds-font-size-xs);font-weight:var(--ds-font-weight-bold)}.checkbox-field{display:flex;align-items:center;gap:var(--ds-space-4)}.checkbox-field input{width:16px;min-height:16px;padding:0;accent-color:var(--ds-color-brand)}.checkbox-field span{font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-medium)}input,select,textarea,.ds-input{width:100%;min-height:var(--ds-control-height);padding:var(--ds-space-4) var(--ds-space-5);background:var(--ds-color-surface);border:1px solid var(--ds-color-border-strong);border-radius:var(--ds-radius-sm);color:var(--ds-color-text);outline:none}.input-affix{display:flex;align-items:center;min-height:var(--ds-control-height);background:var(--ds-color-surface);border:1px solid var(--ds-color-border-strong);border-radius:var(--ds-radius-sm);overflow:hidden}.input-affix input{min-height:calc(var(--ds-control-height) - 2px);border:0;border-radius:0;box-shadow:none}.input-affix input:focus{box-shadow:none}.input-affix:focus-within{border-color:var(--ds-color-brand);box-shadow:0 0 0 3px var(--ds-color-focus)}.input-affix span{flex:0 0 auto;padding:0 var(--ds-space-5);color:var(--ds-color-text-muted);font-weight:var(--ds-font-weight-bold)}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:var(--ds-color-text-soft)}input:focus,select:focus,textarea:focus,.ds-input:focus{border-color:var(--ds-color-brand);box-shadow:0 0 0 3px var(--ds-color-focus)}label small,.feedback.error,.empty.error{color:var(--ds-color-brand);font-weight:var(--ds-font-weight-bold)}.feedback.ok{color:var(--ds-color-brand)}.primary-button,.ghost-button,.icon-button,.segmented button,.ds-button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--ds-control-height);border:1px solid var(--ds-color-border-strong);border-radius:var(--ds-radius-sm);text-decoration:none}.primary-button,.ds-button-primary{padding:0 15px;background:var(--ds-color-brand);border-color:var(--ds-color-brand);color:var(--ds-color-inverse);font-weight:var(--ds-font-weight-bold)}.primary-button:hover,.ds-button-primary:hover{background:var(--ds-color-brand-hover);border-color:var(--ds-color-brand-hover)}.primary-button.compact,.ds-button-sm{min-height:var(--ds-control-height-sm)}.ghost-button,.ds-button-secondary{padding:0 13px;background:var(--ds-color-surface);color:var(--ds-color-text)}.ghost-button:hover,.icon-button:hover,.ds-button-secondary:hover{background:var(--ds-color-control-hover)}.icon-button,.ds-icon-button{min-width:36px;padding:0;background:var(--ds-color-surface);color:var(--ds-color-text)}.icon-button.danger{border-color:var(--ds-color-brand);color:var(--ds-color-brand)}.filter-actions{display:flex;gap:var(--ds-space-4);justify-content:flex-end}.page-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--ds-space-4);flex:0 0 auto}.filter-toggle{gap:var(--ds-space-3)}.filter-toggle.is-active{background:var(--ds-color-control-muted);border-color:var(--ds-color-brand)}.filter-toggle-icon{position:relative;width:14px;height:14px;flex:0 0 14px}.filter-toggle-icon:before{position:absolute;inset:1px 4px 5px 1px;content:"";border:2px solid currentColor;border-radius:999px}.filter-toggle-icon:after{position:absolute;right:1px;bottom:1px;width:6px;height:2px;content:"";background:currentColor;border-radius:999px;transform:rotate(45deg);transform-origin:center}.filter-toggle strong{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--ds-space-3);background:var(--ds-color-brand);border-radius:var(--ds-radius-pill);color:var(--ds-color-inverse);font-size:var(--ds-font-size-2xs);line-height:1}.segmented,.ds-segmented{display:flex;padding:3px;background:var(--ds-color-control-muted);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md)}.segmented button{min-height:30px;padding:0 var(--ds-space-6);background:transparent;border:0;color:var(--ds-color-gray-medium);font-size:var(--ds-font-size-sm)}.segmented button.active{background:var(--ds-color-surface);color:var(--ds-color-text);box-shadow:0 1px 2px #00000014}.table-wrap,.ds-table-shell{overflow-x:auto;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md)}table,.ds-table{width:100%;min-width:860px;border-collapse:collapse;background:var(--ds-color-surface)}th,td{padding:var(--ds-space-5) 11px;border-bottom:1px solid var(--ds-color-border);text-align:left;vertical-align:middle;white-space:nowrap}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--ds-color-surface-subtle)}th{background:var(--ds-color-table-head);color:var(--ds-color-gray-table);font-size:var(--ds-font-size-2xs);font-weight:var(--ds-font-weight-black);letter-spacing:0;text-transform:uppercase}td{font-size:var(--ds-font-size-sm)}.actions-cell{display:flex;gap:var(--ds-space-3);min-width:86px}.actions-cell.wide{min-width:132px}.compact-table-action{min-height:36px}.badge,.ds-badge{display:inline-flex;align-items:center;min-height:22px;padding:3px var(--ds-space-4);background:var(--ds-color-badge);border:1px solid var(--ds-color-badge-border);border-radius:var(--ds-radius-pill);color:var(--ds-color-gray-strong);font-size:var(--ds-font-size-xs);font-weight:var(--ds-font-weight-bold)}.badge.ok,.ds-badge-strong{background:var(--ds-color-brand);border-color:var(--ds-color-brand);color:var(--ds-color-inverse)}.badge.warn,.ds-badge-outline{background:var(--ds-color-surface);border-color:var(--ds-color-gray-outline);color:var(--ds-color-gray-strong)}.empty,.ds-empty{padding:var(--ds-space-9);border:1px dashed var(--ds-color-border-strong);border-radius:var(--ds-radius-md);color:var(--ds-color-text-muted);text-align:center}.empty.compact{padding:var(--ds-space-6)}.permission-field{display:grid;gap:var(--ds-space-4)}.permission-field-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--ds-space-5)}.permission-field-head>div{display:grid;gap:var(--ds-space-2)}.permission-label{color:var(--ds-color-gray-label);font-size:var(--ds-font-size-xs);font-weight:var(--ds-font-weight-bold)}.permission-field-head strong{color:var(--ds-color-text-muted);font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-medium)}.permission-matrix{overflow-x:auto;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md)}.permission-matrix table{min-width:760px}.permission-matrix th,.permission-matrix td{text-align:center}.permission-matrix th:first-child,.permission-matrix td:first-child{position:sticky;left:0;z-index:1;width:240px;max-width:240px;background:var(--ds-color-surface);text-align:left;white-space:normal}.permission-matrix th:first-child{z-index:2;background:var(--ds-color-table-head)}.permission-matrix td:first-child{display:grid;gap:var(--ds-space-2)}.permission-matrix td:first-child strong,.permission-matrix td:first-child span{overflow:hidden;text-overflow:ellipsis}.permission-matrix td:first-child span{color:var(--ds-color-text-muted);font-size:var(--ds-font-size-xs)}.toggle-check{display:inline-grid;place-items:center;min-width:42px;min-height:34px;cursor:pointer}.toggle-check input{width:18px;min-height:18px;padding:0;accent-color:var(--ds-color-brand);cursor:pointer}.toggle-check span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ds-modal-backdrop{position:fixed;inset:0;z-index:70;background:var(--ds-color-overlay)}.ds-modal{position:fixed;top:50%;left:50%;z-index:80;width:min(420px,calc(100vw - 32px));transform:translate(-50%,-50%);background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-modal)}.ds-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ds-space-8);padding:var(--ds-space-9);border-bottom:1px solid var(--ds-color-border)}.ds-modal-head p{margin-top:var(--ds-space-3);color:var(--ds-color-text-muted);font-size:var(--ds-font-size-md)}.ds-modal-actions{display:flex;justify-content:flex-end;gap:var(--ds-space-5);padding:var(--ds-space-7) var(--ds-space-9)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--ds-space-6)}.record-card{padding:var(--ds-space-7)}.record-actions{display:flex;justify-content:flex-end;gap:var(--ds-space-3);margin-bottom:var(--ds-space-5)}.record-actions.inline{flex:0 0 auto;margin-bottom:0}dl{display:grid;gap:var(--ds-space-4);margin:0}dt{margin-bottom:var(--ds-space-1)}dd{margin:0 0 var(--ds-space-3);overflow-wrap:anywhere;font-size:var(--ds-font-size-sm)}.company-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--ds-space-6)}.company-card{display:grid;grid-template-rows:1fr auto auto;min-height:260px;background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);overflow:hidden}.company-card:hover{border-color:var(--ds-color-brand);box-shadow:0 10px 26px #0f172a14}.company-card-body{display:grid;gap:var(--ds-space-4);width:100%;padding:var(--ds-space-7);background:transparent;border:0;color:var(--ds-color-text);text-align:left}.company-card-top,.company-card-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-5)}.company-card-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--ds-color-accent-soft);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);color:var(--ds-color-accent);font-weight:var(--ds-font-weight-black)}.company-card-body strong{font-size:var(--ds-font-size-lg);overflow-wrap:anywhere}.company-card-body>span:last-child,.company-card-meta span,.profile-head p,.mini-record-main span{color:var(--ds-color-text-muted);font-size:var(--ds-font-size-sm)}.company-card-meta{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ds-space-4);padding:0 var(--ds-space-7) var(--ds-space-6)}.company-card-meta div{display:grid;gap:var(--ds-space-2);min-width:0}.company-card-meta strong,.mini-record-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ds-font-size-sm)}.company-card-actions{padding:var(--ds-space-5) var(--ds-space-7);border-top:1px solid var(--ds-color-border);background:var(--ds-color-surface-subtle)}.detail-backdrop{z-index:45}.drawer-backdrop:not(.detail-backdrop){z-index:65}.drawer{z-index:70}.detail-loader{position:fixed;top:50%;left:50%;z-index:56;display:flex;align-items:center;gap:var(--ds-space-5);width:min(420px,calc(100vw - 32px));padding:var(--ds-space-7);transform:translate(-50%,-50%);background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-modal)}.detail-loader strong{display:block;font-size:var(--ds-font-size-md)}.detail-loader p{margin-top:var(--ds-space-2);color:var(--ds-color-text-muted);font-size:var(--ds-font-size-sm)}.loader-ring{flex:0 0 auto;width:34px;height:34px;border:3px solid var(--ds-color-border);border-top-color:var(--ds-color-brand);border-radius:50%;animation:loader-spin .8s linear infinite}@keyframes loader-spin{to{transform:rotate(360deg)}}.company-detail-drawer{position:fixed;top:0;right:0;z-index:55;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(80vw,1180px);min-width:min(920px,100vw);height:100vh;background:var(--ds-color-surface);border-left:1px solid var(--ds-color-border);box-shadow:var(--ds-shadow-modal)}.detail-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ds-space-7);padding:var(--ds-space-9);border-bottom:1px solid var(--ds-color-border)}.detail-drawer-head h2{margin-top:var(--ds-space-2);font-size:28px}.detail-drawer-head p{margin-top:var(--ds-space-2);color:var(--ds-color-text-muted);font-size:var(--ds-font-size-sm)}.detail-drawer-body{overflow:auto;padding:var(--ds-space-9)}.profile-head,.related-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ds-space-7)}.profile-kicker{color:var(--ds-color-text-muted);font-size:var(--ds-font-size-2xs);font-weight:var(--ds-font-weight-black);letter-spacing:.08em;text-transform:uppercase}.profile-head h2{margin-top:var(--ds-space-2);font-size:28px}.profile-actions,.detail-drawer-actions{display:flex;gap:var(--ds-space-4)}.detail-drawer-actions{align-items:center;flex:0 0 auto}.profile-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ds-space-5);margin-bottom:var(--ds-space-7)}.profile-summary div{display:grid;gap:var(--ds-space-2);min-height:82px;padding:var(--ds-space-5);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);background:var(--ds-color-surface-subtle)}.profile-summary span{color:var(--ds-color-text-muted);font-size:var(--ds-font-size-xs);font-weight:var(--ds-font-weight-bold)}.profile-summary strong{overflow-wrap:anywhere;font-size:var(--ds-font-size-sm)}.company-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-space-5);margin:0 0 var(--ds-space-8)}.company-detail-list div{padding:var(--ds-space-5);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm)}.profile-tabs{display:flex;gap:var(--ds-space-3);overflow-x:auto;padding-bottom:var(--ds-space-4);border-bottom:1px solid var(--ds-color-border)}.profile-tabs button{display:inline-flex;align-items:center;gap:var(--ds-space-3);min-height:36px;padding:0 var(--ds-space-5);background:var(--ds-color-surface);border:1px solid var(--ds-color-border-strong);border-radius:var(--ds-radius-sm);color:var(--ds-color-text);font-weight:var(--ds-font-weight-bold);white-space:nowrap}.profile-tabs button.active{background:var(--ds-color-brand);border-color:var(--ds-color-brand);color:var(--ds-color-inverse)}.profile-tabs span{display:grid;place-items:center;min-width:22px;min-height:22px;padding:0 var(--ds-space-2);border-radius:var(--ds-radius-pill);background:#ffffff38;font-size:var(--ds-font-size-xs)}.related-state,.related-panel{margin-top:var(--ds-space-7)}.related-panel-head h3{margin-bottom:var(--ds-space-2)}.related-panel-head span{color:var(--ds-color-text-muted);font-size:var(--ds-font-size-sm)}.related-panel-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--ds-space-4);flex:0 0 auto}.related-table-wrap{margin-top:var(--ds-space-5)}.related-table-wrap table{min-width:780px}.mini-records{display:grid;gap:var(--ds-space-4);margin-top:var(--ds-space-5)}.mini-record{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ds-space-5);padding:var(--ds-space-5);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm)}.mini-record-main{display:grid;gap:var(--ds-space-2);min-width:0;width:100%}.mini-record-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-space-4);margin-top:var(--ds-space-4)}.mini-record-details div{min-width:0}.mini-record-details dd{margin-bottom:0}@media (max-width: 1080px){.kpi-grid,.filters-grid,.profile-summary,.mini-record-details{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-actions{grid-column:1 / -1}}@media (max-width: 760px){.shell,.shell.sidebar-collapsed{display:block}.sidebar{position:fixed;z-index:60;top:0;left:0;width:min(280px,86vw);height:100vh;transform:translate(-100%);transition:transform .16s ease}.shell.sidebar-collapsed .sidebar{width:min(280px,86vw);overflow:hidden}.shell.nav-open .sidebar{transform:translate(0)}.shell.sidebar-collapsed .brand{justify-content:flex-start}.shell.sidebar-collapsed .brand-copy,.shell.sidebar-collapsed .nav-label,.shell.sidebar-collapsed .nav-section-title{position:static;width:auto;height:auto;overflow:visible;clip:auto}.shell.sidebar-collapsed .nav-list a{justify-content:flex-start;padding-right:var(--ds-space-4);padding-left:var(--ds-space-4)}.shell.sidebar-collapsed .nav-list a:after{display:none}.sidebar-toggle{display:none}.shell.nav-open .backdrop{display:block;z-index:55}.mobile-only{display:inline-flex}.topbar{padding:0 var(--ds-space-7)}.topbar-actions{gap:var(--ds-space-3)}.content{padding:var(--ds-space-8)}.page-head,.panel-head,.detail-drawer-head,.related-panel-head{align-items:stretch;flex-direction:column}.page-actions{width:100%;flex-wrap:wrap}.page-actions .ghost-button,.page-actions .primary-button{flex:1 1 160px}.kpi-grid,.filters-grid,.profile-summary,.mini-record-details,.company-card-meta,.company-detail-list,.company-card-grid{grid-template-columns:1fr}.detail-drawer-body,.detail-drawer-head{padding:var(--ds-space-7)}.profile-actions,.detail-drawer-actions,.related-panel-actions{width:100%}.profile-actions .ghost-button,.detail-drawer-actions .ghost-button{flex:1}.related-panel-actions{align-items:stretch;flex-direction:column}.filter-actions,.filter-actions .ghost-button,.filter-actions .primary-button{width:100%}}