:root{--bg-primary: #f3fafb;--container-tint-rgb: 224, 241, 243;--container-surface-secondary-mix: 20%;--container-surface-tertiary-mix: 28%;--container-bg-mix: 30%;--container-hover-mix: 42%;--container-border-mix: 55%;--background-tint-rgb: 224, 241, 243;--background-tint-mix: 34%;--app-page-bg: color-mix(in srgb, rgb(var(--background-tint-rgb)) var(--background-tint-mix), var(--bg-primary));--bg-secondary-base: #ffffff;--bg-tertiary-base: #f1f3f4;--bg-secondary: color-mix(in srgb, rgb(var(--container-tint-rgb)) var(--container-surface-secondary-mix), var(--bg-secondary-base));--bg-tertiary: color-mix(in srgb, rgb(var(--container-tint-rgb)) var(--container-surface-tertiary-mix), var(--bg-tertiary-base));--text-primary: #333333;--text-secondary: #4d5f54;--text-muted: #778d8f;--border-color: #badde1;--border-color-light: #e0f1f3;--accent-color: #1d6e3f;--accent-color-rgb: 29, 110, 63;--accent-hover: #0f4428;--accent-text-color: #ffffff;--table-tint-rgb: 224, 241, 243;--table-tint-header-mix: 64%;--table-tint-row-mix: 22%;--table-tint-hover-mix: 48%;--table-tint-border-mix: 78%;--container-bg: color-mix(in srgb, rgb(var(--container-tint-rgb)) var(--container-bg-mix), var(--bg-secondary-base));--container-bg-hover: color-mix(in srgb, rgb(var(--container-tint-rgb)) var(--container-hover-mix), var(--bg-tertiary-base));--container-border-color: color-mix(in srgb, rgb(var(--container-tint-rgb)) var(--container-border-mix), var(--border-color));--success-color: #198754;--warning-color: #fd7e14;--danger-color: #dc3545;--info-color: #0dcaf0;--sidebar-bg: linear-gradient(180deg, #1d6e3f 0%, #0f4428 100%);--sidebar-text: #ffffff;--sidebar-text-muted: rgba(255, 255, 255, .85);--sidebar-hover: rgba(255, 255, 255, .1);--sidebar-active: rgba(255, 255, 255, .2);--sidebar-accent-start: #1d6e3f;--sidebar-accent-end: #0f4428;--shadow-sm: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);--shadow-md: 0 3px 6px rgba(0,0,0,.15), 0 2px 4px rgba(0,0,0,.12);--shadow-lg: 0 10px 20px rgba(0,0,0,.15), 0 3px 6px rgba(0,0,0,.1);--header-bg: var(--bg-secondary);--header-border: var(--border-color)}[data-theme=dark],.theme-dark{--bg-primary: color-mix(in srgb, #0e1112 90%, var(--accent-color));--app-page-bg: color-mix(in srgb, rgb(var(--background-tint-rgb)) var(--background-tint-mix), var(--bg-primary));--bg-secondary-base: color-mix(in srgb, #1a1f22 88%, var(--accent-color));--bg-tertiary-base: color-mix(in srgb, #262c31 86%, var(--accent-color));--bg-secondary: color-mix(in srgb, rgb(var(--container-tint-rgb)) var(--container-surface-secondary-mix), var(--bg-secondary-base));--bg-tertiary: color-mix(in srgb, rgb(var(--container-tint-rgb)) var(--container-surface-tertiary-mix), var(--bg-tertiary-base));--text-primary: #f8f9fa;--text-secondary: #ced4da;--text-muted: #7b8791;--border-color: color-mix(in srgb, #3a4249 85%, var(--accent-color));--border-color-light: color-mix(in srgb, #2f363c 88%, var(--accent-color));--success-color: #22c55e;--warning-color: #f59e0b;--danger-color: #ef4444;--info-color: #06b6d4;--sidebar-bg: linear-gradient(135deg, color-mix(in srgb, #0b1114 86%, var(--accent-color)) 0%, color-mix(in srgb, #0d1417 90%, var(--accent-color)) 100%);--sidebar-accent-start: color-mix(in srgb, #0b1114 68%, var(--accent-color));--sidebar-accent-end: color-mix(in srgb, #07090b 78%, var(--accent-color));--sidebar-text: #f8fafc;--sidebar-text-muted: rgba(248, 250, 252, .85);--sidebar-hover: rgba(241, 245, 249, .1);--sidebar-active: rgba(241, 245, 249, .2);--header-bg: color-mix(in srgb, #14181c 85%, var(--accent-color));--header-border: color-mix(in srgb, #283038 80%, var(--accent-color));--shadow-sm: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 3px 6px rgba(0,0,0,.5), 0 2px 4px rgba(0,0,0,.4);--shadow-lg: 0 10px 20px rgba(0,0,0,.6), 0 3px 6px rgba(0,0,0,.5)}@media(prefers-color-scheme:dark){[data-theme=auto]{--bg-primary: color-mix(in srgb, #0e1112 90%, var(--accent-color));--app-page-bg: color-mix(in srgb, rgb(var(--background-tint-rgb)) var(--background-tint-mix), var(--bg-primary));--bg-secondary-base: color-mix(in srgb, #1a1f22 88%, var(--accent-color));--bg-tertiary-base: color-mix(in srgb, #262c31 86%, var(--accent-color));--bg-secondary: color-mix(in srgb, rgb(var(--container-tint-rgb)) var(--container-surface-secondary-mix), var(--bg-secondary-base));--bg-tertiary: color-mix(in srgb, rgb(var(--container-tint-rgb)) var(--container-surface-tertiary-mix), var(--bg-tertiary-base));--text-primary: #f8f9fa;--text-secondary: #ced4da;--text-muted: #7b8791;--border-color: color-mix(in srgb, #3a4249 85%, var(--accent-color));--border-color-light: color-mix(in srgb, #2f363c 88%, var(--accent-color));--success-color: #22c55e;--warning-color: #f59e0b;--danger-color: #ef4444;--info-color: #06b6d4;--sidebar-bg: linear-gradient(135deg, color-mix(in srgb, #0b1114 86%, var(--accent-color)) 0%, color-mix(in srgb, #0d1417 90%, var(--accent-color)) 100%);--sidebar-accent-start: color-mix(in srgb, #0b1114 68%, var(--accent-color));--sidebar-accent-end: color-mix(in srgb, #07090b 78%, var(--accent-color));--sidebar-text: #f8fafc;--sidebar-text-muted: rgba(248, 250, 252, .85);--sidebar-hover: rgba(241, 245, 249, .1);--sidebar-active: rgba(241, 245, 249, .2);--header-bg: color-mix(in srgb, #14181c 85%, var(--accent-color));--header-border: color-mix(in srgb, #283038 80%, var(--accent-color));--shadow-sm: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 3px 6px rgba(0,0,0,.5), 0 2px 4px rgba(0,0,0,.4);--shadow-lg: 0 10px 20px rgba(0,0,0,.6), 0 3px 6px rgba(0,0,0,.5)}}:root{--font-size-base: 1rem;--font-size-sm: .875rem;--font-size-lg: 1.125rem;--padding-sm: .5rem;--padding-md: .75rem;--padding-lg: 1rem;--margin-sm: .5rem;--margin-md: .75rem;--margin-lg: 1rem;--line-height: 1.6;--border-radius: 6px;--element-height: 40px;--button-height: 40px;--input-height: 40px}body{background-color:var(--app-page-bg)!important;color:var(--text-primary);font-size:var(--font-size-base);line-height:var(--line-height);transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{color:var(--accent-color);margin-bottom:var(--margin-md)}a{color:var(--accent-color);transition:color .2s ease}.card,.settings-card,.content-card{background-color:var(--container-bg);border:1px solid var(--container-border-color);box-shadow:var(--shadow-sm);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.card:hover,.settings-card:hover{background-color:var(--container-bg-hover);box-shadow:var(--shadow-md)}.text-muted{color:var(--text-muted)!important}.text-secondary{color:var(--text-secondary)!important}.btn-primary{background-color:var(--accent-color);border-color:var(--accent-color);color:var(--accent-text-color);height:var(--button-height);padding:0 var(--padding-lg);font-size:var(--font-size-base);border-radius:var(--border-radius)}.btn-primary:hover{background-color:var(--accent-hover);border-color:var(--accent-hover);color:var(--accent-text-color)}.form-control,.form-select{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary);height:var(--input-height);font-size:var(--font-size-base);border-radius:var(--border-radius);padding:0 var(--padding-md);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.form-control:focus,.form-select:focus{border-color:var(--accent-color);box-shadow:0 0 0 .2rem rgba(var(--accent-color-rgb),.25);background-color:var(--bg-secondary);color:var(--text-primary)}.table{color:var(--text-primary);background-color:var(--bg-secondary)}.table th{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary);font-size:var(--font-size-sm);padding:var(--padding-sm) var(--padding-md)}.table td{border-color:var(--border-color);font-size:var(--font-size-base);padding:var(--padding-sm) var(--padding-md)}.table-striped tbody tr:nth-of-type(odd){background-color:var(--bg-tertiary)}.modal-content{background-color:var(--container-bg);border-color:var(--container-border-color);color:var(--text-primary)}.modal-header{border-bottom-color:var(--border-color)}.modal-footer{border-top-color:var(--border-color)}.alert{border-radius:var(--border-radius);padding:var(--padding-md);font-size:var(--font-size-base)}.alert-success{background-color:color-mix(in srgb,var(--success-color) 15%,var(--bg-secondary));border-color:var(--success-color);color:var(--success-color)}.alert-warning{background-color:color-mix(in srgb,var(--warning-color) 15%,var(--bg-secondary));border-color:var(--warning-color);color:var(--warning-color)}.alert-danger{background-color:color-mix(in srgb,var(--danger-color) 15%,var(--bg-secondary));border-color:var(--danger-color);color:var(--danger-color)}.alert-info{background-color:color-mix(in srgb,var(--info-color) 15%,var(--bg-secondary));border-color:var(--info-color);color:var(--info-color)}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.theme-light{color-scheme:light}.theme-dark{color-scheme:dark}.theme-auto{color-scheme:light dark}.top-header{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border-bottom:1px solid var(--border-color)!important}.main-content,.content-area{background-color:var(--app-page-bg)!important;min-width:0}.page-container{background-color:transparent!important;min-width:0}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-tertiary)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,Segoe UI,Roboto,Apple-system,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:var(--line-height, 1.6);font-size:var(--font-size-base, 1rem);-webkit-font-smoothing:antialiased}html,body{background-color:var(--bg-primary)!important;margin:0!important;padding:0!important}h1,h2,h3,h4,h5,h6{color:var(--accent-color);margin-bottom:var(--margin-md, 1rem);font-family:inherit;font-weight:700;letter-spacing:-.01em;line-height:1.2}h1{font-size:2.2rem;font-weight:700}h2{font-size:1.7rem;font-weight:600}h3{font-size:1.35rem;font-weight:600}h4{font-size:1.1rem;font-weight:500}h5{font-size:1rem;font-weight:500}h6{font-size:.95rem;font-weight:500}a{color:#1a3c28;color:var(--accent-color);text-decoration:none;transition:color .2s ease}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.d-none{display:none}.d-block{display:block}.d-flex{display:flex}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.text-success{color:var(--success-color)}.text-danger{color:var(--danger-color)}.text-warning{color:var(--warning-color)}.text-info{color:var(--info-color)}.app-container{min-height:100vh;display:flex;flex-direction:row;background-color:var(--app-page-bg)!important}.main-content{flex:1;margin-left:210px;min-width:0;min-height:100vh;display:flex;flex-direction:column;transition:margin-left .25s ease-out;background-color:var(--app-page-bg);will-change:margin-left}.main-content.expanded{margin-left:70px!important}.top-header{background:var(--header-bg, var(--bg-secondary));color:var(--text-primary);height:70px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm);z-index:100;border-bottom:1px solid var(--header-border, var(--border-color));margin-left:0}.mobile-menu-btn{display:none;background:none;border:none;font-size:20px;color:var(--accent-color);padding:8px;border-radius:4px}.mobile-menu-btn:hover{background-color:var(--bg-tertiary)}.page-title{font-size:24px;font-weight:600;color:var(--accent-color);margin:0;font-family:Aptos Display,Inter,Segoe UI,Arial,sans-serif}.page-subtitle{font-size:13px;color:var(--text-secondary);margin:2px 0 0;font-weight:400}.header-left{display:flex;align-items:center;gap:15px}.header-left-content{display:flex;flex-direction:column;gap:0}.header-right{display:flex;align-items:center;gap:20px}.header-info{display:flex;flex-direction:column;align-items:flex-end;font-size:12px;color:var(--text-secondary)}.current-date{font-weight:600;color:var(--accent-color)}.current-time{font-weight:600;color:var(--accent-color);letter-spacing:.5px}.settings-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;color:var(--accent-color);background:none;font-size:22px;margin-left:10px;transition:background .2s,color .2s;text-decoration:none}.settings-icon:hover{background:var(--bg-tertiary);color:var(--accent-hover)}.content-area{flex:1;padding:0;background-color:var(--app-page-bg);overflow-y:auto;min-height:0;min-width:0;width:100%;display:flex;flex-direction:column;position:relative;isolation:isolate}.content-area:before{content:"";position:fixed;inset:70px 0 24px 210px;pointer-events:none;opacity:0;z-index:0}.main-content.expanded .content-area:before{left:70px}.bg-pattern-abstract .content-area:before{opacity:1;background:linear-gradient(138deg,transparent 0 30%,rgba(var(--accent-color-rgb),.055) 30% 34%,transparent 34%),linear-gradient(24deg,transparent 0 58%,rgba(90,114,123,.055) 58% 62%,transparent 62%),linear-gradient(104deg,transparent 0 76%,rgba(var(--accent-color-rgb),.04) 76% 79%,transparent 79%);background-size:820px 560px,680px 520px,760px 640px;background-position:right -120px top 40px,left 6% top 220px,right 18% bottom -80px}.bg-pattern-grid .content-area:before{opacity:1;background:linear-gradient(rgba(var(--accent-color-rgb),.075) 1px,transparent 1px),linear-gradient(90deg,rgba(90,114,123,.065) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.78),transparent 92%);mask-image:linear-gradient(180deg,rgba(0,0,0,.78),transparent 92%)}.bg-pattern-diagonal .content-area:before{opacity:1;background:repeating-linear-gradient(135deg,rgba(var(--accent-color-rgb),.065) 0 1px,transparent 1px 28px);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.72),transparent 90%);mask-image:linear-gradient(180deg,rgba(0,0,0,.72),transparent 90%)}.bg-pattern-blueprint .content-area:before{opacity:1;background:linear-gradient(rgba(var(--accent-color-rgb),.07) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--accent-color-rgb),.07) 1px,transparent 1px),linear-gradient(rgba(90,114,123,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(90,114,123,.035) 1px,transparent 1px);background-size:88px 88px,88px 88px,22px 22px,22px 22px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.72),transparent 94%);mask-image:linear-gradient(180deg,rgba(0,0,0,.72),transparent 94%)}.bg-pattern-woven .content-area:before{opacity:1;background:repeating-linear-gradient(0deg,rgba(var(--accent-color-rgb),.045) 0 1px,transparent 1px 18px),repeating-linear-gradient(90deg,rgba(90,114,123,.045) 0 1px,transparent 1px 18px);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.62),transparent 88%);mask-image:linear-gradient(180deg,rgba(0,0,0,.62),transparent 88%)}.bg-pattern-crosshatch .content-area:before{opacity:1;background:repeating-linear-gradient(45deg,rgba(var(--accent-color-rgb),.045) 0 1px,transparent 1px 30px),repeating-linear-gradient(135deg,rgba(90,114,123,.04) 0 1px,transparent 1px 30px);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.68),transparent 92%);mask-image:linear-gradient(180deg,rgba(0,0,0,.68),transparent 92%)}.bg-pattern-paper .content-area:before{opacity:1;background:linear-gradient(rgba(90,114,123,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--accent-color-rgb),.035) 1px,transparent 1px),linear-gradient(120deg,rgba(var(--accent-color-rgb),.032),transparent 48%);background-size:100% 28px,86px 100%,100% 100%;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.78),transparent 95%);mask-image:linear-gradient(180deg,rgba(0,0,0,.78),transparent 95%)}.bg-pattern-corner-lines .content-area:before{opacity:1;background:linear-gradient(135deg,rgba(var(--accent-color-rgb),.085) 0 11%,transparent 11%),linear-gradient(315deg,rgba(90,114,123,.07) 0 12%,transparent 12%),linear-gradient(45deg,transparent 0 78%,rgba(var(--accent-color-rgb),.055) 78% 82%,transparent 82%);background-size:520px 520px,620px 620px,740px 740px;background-position:left top,right bottom,right 12% top 18%}.bg-pattern-soft-bands .content-area:before{opacity:1;background:linear-gradient(116deg,transparent 0 12%,rgba(var(--accent-color-rgb),.045) 12% 26%,transparent 26% 45%,rgba(90,114,123,.04) 45% 57%,transparent 57%),linear-gradient(22deg,transparent 0 60%,rgba(var(--accent-color-rgb),.035) 60% 70%,transparent 70%);background-size:900px 620px,760px 540px;background-position:left -120px top 40px,right -80px bottom -40px}.page-container{padding:30px;flex:1;box-sizing:border-box;min-height:0;min-width:0;background-color:transparent;position:relative;z-index:1}.app-footer{background:var(--bg-secondary);padding:0 15px;border-top:1px solid var(--border-color);text-align:center;color:var(--text-secondary);font-size:14px;margin-top:auto;height:24px}@media(max-width:768px){.main-content,.main-content.expanded{margin-left:0!important}.content-area:before,.main-content.expanded .content-area:before{left:0}.mobile-menu-btn{display:block}.page-title{font-size:20px}.header-info{display:none}.page-container{padding:20px 15px}}.sidebar{width:210px;background:var(--sidebar-bg);--sidebar-header-bg: transparent;--sidebar-header-ink: var(--sidebar-text);--sidebar-header-border: var(--sidebar-hover);--sidebar-header-hover: var(--sidebar-hover);color:var(--sidebar-text);position:fixed;inset:0 auto 0 0;height:100vh;overflow:visible;transition:width .2s cubic-bezier(.4,0,.2,1);z-index:1000;box-shadow:var(--shadow-md);display:flex;flex-direction:column;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:clamp(12px,.85vw,13px);letter-spacing:.01em;will-change:width}.sidebar.collapsed{width:70px;overflow:visible}.sidebar.text-hidden .menu-text,.sidebar.text-hidden .logo h3,.sidebar.text-hidden .user-name,.sidebar.text-hidden .user-role,.sidebar.text-hidden .logout-text,.sidebar.text-hidden .version-info,.sidebar.collapsed .menu-text,.sidebar.collapsed .logo h3,.sidebar.collapsed .user-name,.sidebar.collapsed .user-role,.sidebar.collapsed .logout-text,.sidebar.collapsed .version-info{visibility:hidden;opacity:0;transition:opacity .12s linear;pointer-events:none;width:0;overflow:hidden;white-space:nowrap}.sidebar.collapsed .logo-img{display:block}.sidebar.collapsed .logo{margin:0 auto}.sidebar.collapsed .sidebar-header{min-height:56px}.sidebar-header{position:relative;min-height:56px;padding:10px;background:var(--sidebar-header-bg);border-bottom:1px solid var(--sidebar-header-border);display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px}.logo{display:flex;align-items:center;gap:8px;padding-left:4px;font-family:inherit}.logo-img{width:32px;height:32px;border-radius:8px}.logo h3{color:var(--sidebar-header-ink);margin:0;font-size:14px;font-weight:600;letter-spacing:.01em;text-align:left}.sidebar-toggle{background:none;border:none;color:var(--sidebar-header-ink);font-size:18px;cursor:pointer;padding:6px;border-radius:8px;transition:background .2s}.sidebar-toggle:hover{background:var(--sidebar-header-hover)}.sidebar-toggle i{transition:transform .2s}.sidebar.collapsed .sidebar-toggle i{transform:rotate(180deg)}.sidebar.collapsed .sidebar-header{grid-template-columns:1fr;justify-items:center;align-content:center}.sidebar.collapsed .logo{display:none}.sidebar.collapsed .sidebar-toggle{grid-column:1;justify-self:center}.sidebar.header-white{--sidebar-header-bg: #ffffff;--sidebar-header-ink: var(--accent-color);--sidebar-header-border: color-mix(in srgb, var(--accent-color) 28%, #ffffff);--sidebar-header-hover: color-mix(in srgb, var(--accent-color) 14%, transparent)}.sidebar-nub{position:absolute;top:56px;right:-14px;width:28px;height:56px;border:none;border-radius:0 10px 10px 0;background:var(--sidebar-hover);color:var(--sidebar-text);display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:background .2s}.sidebar-nub:hover{background:var(--sidebar-active)}.sidebar-nub:focus-visible{outline:2px solid currentColor;outline-offset:2px}.sidebar-nub:before{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-135deg);transition:transform .2s}.sidebar.collapsed .sidebar-nub:before{transform:rotate(45deg)}.sidebar-menu{flex:1;padding:10px 0 0;overflow:visible}.menu-list{list-style:none;padding:0;margin:0}.menu-item{margin:3px 0;padding:0}.menu-link{display:grid;grid-template-columns:22px 1fr;column-gap:12px;align-items:center;padding:10px;min-height:40px;color:var(--sidebar-text-muted)!important;text-decoration:none;border-radius:10px;transition:background .2s,color .2s,box-shadow .2s;position:relative;font-size:13px;font-family:inherit;font-weight:400;justify-content:start;cursor:pointer}.menu-link:hover{background:linear-gradient(0deg,color-mix(in srgb,currentColor 14%,transparent),color-mix(in srgb,currentColor 14%,transparent)),var(--sidebar-hover)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 24%,transparent);color:var(--sidebar-text)!important}.menu-link.active{background:var(--sidebar-active)!important;color:var(--sidebar-text)!important;box-shadow:var(--shadow-sm);font-weight:600}.menu-link.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:3px;background:currentColor}.menu-link i{font-size:17px;width:22px;height:22px;display:grid;place-items:center;color:inherit!important}.menu-text{font-weight:400;font-size:13px;color:inherit!important;font-family:inherit;text-align:left}.menu-item-group{position:relative;z-index:2}.menu-group-trigger{width:100%;border:0;background:transparent;appearance:none;-webkit-appearance:none;color:inherit;font:inherit;text-align:left}.menu-group-text{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0}.menu-group-text>span:first-child{color:inherit!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-group-chevron{font-size:11px;opacity:.65;transition:transform .2s ease,opacity .2s ease}.menu-item-group.menu-item-group-open .menu-group-chevron{transform:rotate(90deg);opacity:1}.menu-group-flyout{position:absolute;top:0;left:100%;width:230px;padding:8px;border-radius:12px;border:1px solid color-mix(in srgb,var(--sidebar-hover) 55%,#00000014);background:var(--sidebar-surface, var(--sidebar-bg));box-shadow:0 10px 24px #00000047;z-index:1400;opacity:0;visibility:hidden;transform:translate(6px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease;pointer-events:none}.menu-item-group.menu-item-group-open .menu-group-flyout{opacity:1;visibility:visible;transform:translate(0);pointer-events:auto}.menu-group-link{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;color:var(--sidebar-text-muted)!important;text-decoration:none;font-size:13px;transition:background .2s,color .2s,box-shadow .2s}.menu-group-link i{font-size:14px;color:inherit!important}.menu-group-link span{color:inherit!important}.menu-group-link:hover{background:linear-gradient(0deg,color-mix(in srgb,currentColor 14%,transparent),color-mix(in srgb,currentColor 14%,transparent)),var(--sidebar-hover)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 24%,transparent);color:var(--sidebar-text)!important}.menu-group-link-active{background:var(--sidebar-active)!important;color:var(--sidebar-text)!important;box-shadow:var(--shadow-sm);font-weight:600}.sidebar.collapsed .menu-item{padding:0}.sidebar.collapsed .menu-link{display:flex;justify-content:center;align-items:center;padding:10px 0;width:100%;border-radius:12px}.sidebar.collapsed .menu-link i{margin:0}.sidebar.collapsed .menu-group-chevron{display:none}@media(max-width:768px){.menu-item-group .menu-group-flyout{position:static;width:auto;margin:6px 8px 4px 34px;transform:none;transition:none;border-radius:10px;box-shadow:none;border:1px solid var(--sidebar-hover);display:none;opacity:1;visibility:visible;pointer-events:auto}.menu-item-group.menu-item-group-open .menu-group-flyout{display:block}.menu-item-group.menu-item-group-open .menu-group-chevron{transform:rotate(90deg)}}.sidebar-footer{padding:10px 8px 12px;border-top:1px solid var(--sidebar-hover);display:grid;gap:6px}.user-profile-container{position:relative}.sidebar .user-info{display:grid;grid-template-columns:22px 1fr;column-gap:10px;align-items:center;padding:8px 10px;min-height:40px;border-radius:10px;color:var(--sidebar-text-muted)!important;text-decoration:none;background:none;border:none;cursor:pointer;font-size:13px;transition:background .2s,color .2s,box-shadow .2s;width:100%;text-align:left}.sidebar .user-details{display:flex;flex-direction:column;gap:2px}.sidebar .user-info:hover,.sidebar .user-info:focus{background:linear-gradient(0deg,color-mix(in srgb,currentColor 14%,transparent),color-mix(in srgb,currentColor 14%,transparent)),var(--sidebar-hover)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 24%,transparent);color:var(--sidebar-text)!important}.sidebar .user-info .fa-user-circle{font-size:1.5em;color:inherit!important}.profile-dropdown{position:absolute;bottom:calc(100% + 8px);left:8px;right:8px;background:var(--sidebar-surface, var(--sidebar-bg, #fff));border:1px solid var(--sidebar-hover);border-radius:10px;box-shadow:0 4px 12px #00000026;z-index:1100;overflow:hidden;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-item{display:grid;grid-template-columns:22px 1fr;column-gap:10px;align-items:center;padding:10px 12px;color:var(--sidebar-text-muted)!important;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s;cursor:pointer;border:none;background:none;width:100%;text-align:left;font-size:13px}.profile-dropdown-item:hover{background:linear-gradient(0deg,color-mix(in srgb,currentColor 14%,transparent),color-mix(in srgb,currentColor 14%,transparent)),var(--sidebar-hover)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 24%,transparent);color:var(--sidebar-text)!important}.profile-dropdown-item i{font-size:16px;color:inherit!important}.profile-dropdown-item span{color:inherit!important;font-weight:400}.profile-dropdown-item.logout-item{border-top:1px solid var(--sidebar-hover)}.sidebar.collapsed .profile-dropdown{right:auto;min-width:180px}.sidebar.collapsed .user-details{display:none}.sidebar .user-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.2;color:var(--sidebar-text, #111)!important}.sidebar .user-role{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;line-height:1.2;color:var(--sidebar-role, #bfc8d2)!important;font-weight:500}.sidebar.collapsed .sidebar-footer{padding:10px 0 12px;justify-items:center;gap:6px}.sidebar.collapsed .user-info{display:flex;justify-content:center;align-items:center;width:52px;padding:10px 0;border-radius:12px}.sidebar.collapsed .user-name,.sidebar.collapsed .user-role{display:none!important}.sidebar.collapsed [data-tooltip]{position:relative}.sidebar.collapsed [data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#14191ef2;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;line-height:1.2;white-space:nowrap;box-shadow:0 4px 12px #00000040;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;transform-origin:left center;scale:.98;z-index:1200}.sidebar.collapsed [data-tooltip]:hover:after,.sidebar.collapsed [data-tooltip]:focus-visible:after{opacity:1;scale:1}.sidebar.collapsed [data-tooltip]:before{content:"";position:absolute;left:100%;top:50%;width:0;height:0;transform:translate(2px,-50%);border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid rgba(20,25,30,.95);opacity:0;transition:opacity .12s ease;pointer-events:none;z-index:1199}.sidebar.collapsed [data-tooltip]:hover:before,.sidebar.collapsed [data-tooltip]:focus-visible:before{opacity:1}.sidebar.sidebar-style-rounded{border-radius:0 18px 18px 0;overflow:visible;box-shadow:0 10px 28px #0000003d}.sidebar.sidebar-style-rounded .sidebar-header{border-bottom:0;padding-top:12px;padding-bottom:12px}.sidebar.sidebar-style-rounded .sidebar-menu{padding-top:8px}.sidebar.sidebar-style-rounded .menu-link,.sidebar.sidebar-style-rounded .user-info,.sidebar.sidebar-style-rounded .profile-dropdown-item{border-radius:14px}.sidebar.sidebar-style-rounded .menu-link.active:before{left:4px;top:9px;bottom:9px;border-radius:6px}.sidebar.sidebar-style-rounded .menu-group-flyout,.sidebar.sidebar-style-rounded .profile-dropdown{border-radius:14px;border:1px solid color-mix(in srgb,var(--sidebar-hover) 58%,#00000020)}.sidebar.sidebar-style-rounded .sidebar-footer{border-top:0;padding-top:6px;padding-bottom:14px}.sidebar.sidebar-style-rounded.collapsed{border-radius:0 16px 16px 0}.sidebar.sidebar-style-contrast{--sidebar-text-muted: color-mix(in srgb, var(--sidebar-text) 76%, transparent);box-shadow:none;border-right:1px solid color-mix(in srgb,var(--sidebar-text) 14%,transparent)}.sidebar.sidebar-style-contrast .sidebar-header{border-bottom:1px solid color-mix(in srgb,var(--sidebar-text) 16%,transparent)}.sidebar.sidebar-style-contrast .menu-link,.sidebar.sidebar-style-contrast .user-info,.sidebar.sidebar-style-contrast .profile-dropdown-item{border-radius:8px;min-height:36px;padding-top:8px;padding-bottom:8px}.sidebar.sidebar-style-contrast .menu-link,.sidebar.sidebar-style-contrast .menu-group-link{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sidebar-text) 10%,transparent)}.sidebar.sidebar-style-contrast .menu-link.active,.sidebar.sidebar-style-contrast .menu-group-link-active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sidebar-text) 26%,transparent)}.sidebar.sidebar-style-contrast .menu-link.active:before{width:2px;left:3px;top:8px;bottom:8px}.sidebar.sidebar-style-contrast .menu-group-flyout,.sidebar.sidebar-style-contrast .profile-dropdown{border-radius:8px;border:1px solid color-mix(in srgb,var(--sidebar-text) 14%,transparent);box-shadow:0 8px 20px #0003}.sidebar.sidebar-style-contrast .sidebar-toggle{border:1px solid color-mix(in srgb,var(--sidebar-text) 15%,transparent)}@media(max-width:768px){.sidebar.sidebar-style-rounded,.sidebar.sidebar-style-rounded.collapsed{border-radius:0}}.menu-link:focus-visible,.user-info:focus-visible,.logout-btn:focus-visible,.sidebar-toggle:focus-visible,.sidebar-nub:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.mobile-open{transform:translate(0)}}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.sidebar-overlay.active{opacity:1;visibility:visible}@media(min-width:769px){.sidebar-overlay{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.last-login-toast{position:fixed;right:18px;bottom:18px;background:#fff;color:#222;border:1px solid #e2e6ea;border-radius:10px;padding:10px 14px;box-shadow:0 6px 18px -4px #00000026,0 2px 4px #00000014;font-size:13px;font-family:Inter,Segoe UI,Arial,sans-serif;z-index:3000;display:flex;align-items:center;max-width:320px;animation:toast-slide-in .35s cubic-bezier(.4,0,.2,1)}.last-login-toast .toast-content{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.last-login-toast .close-btn{margin-left:auto;background:none;border:none;font-size:18px;line-height:1;cursor:pointer;padding:0 4px;color:#666;transition:color .15s}.last-login-toast .close-btn:hover{color:#000}.last-login-toast.fade-out{opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-block;padding:var(--padding-md) var(--padding-lg);border:none;border-radius:var(--border-radius);cursor:pointer;text-decoration:none;font-weight:500;font-size:var(--font-size-base);transition:all .3s ease;box-shadow:var(--shadow-sm);line-height:var(--line-height);height:var(--button-height);display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);text-decoration:none}.btn:active{transform:translateY(0)}.btn-primary{background:var(--accent-color);color:var(--accent-text-color);border:1px solid var(--accent-color);font-weight:600}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--accent-text-color)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);font-weight:500}.btn-secondary:hover{background:var(--border-color);color:var(--text-primary)}.btn-success{background:var(--success-color);color:#fff;border:1px solid var(--success-color)}.btn-info{background:var(--info-color);color:#fff;border:1px solid var(--info-color)}.btn-warning{background:var(--warning-color);color:var(--text-primary);border:1px solid var(--warning-color)}.btn-danger{background:var(--danger-color);color:#fff;border:1px solid var(--danger-color)}.btn-sm{padding:calc(var(--padding-sm) * .75) var(--padding-md);font-size:var(--font-size-sm);height:calc(var(--button-height) * .8)}.btn-lg{padding:calc(var(--padding-lg) * 1.2) calc(var(--padding-lg) * 1.5);font-size:var(--font-size-lg);height:calc(var(--button-height) * 1.2)}.form-control{width:100%;padding:var(--padding-md);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-base);background-color:var(--bg-secondary);color:var(--text-primary);transition:border-color .2s,box-shadow .2s,background-color .3s;height:var(--input-height)}.form-control:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 20%,transparent);outline:none;background-color:var(--bg-secondary)}.form-control::placeholder{color:var(--text-muted)}.form-select{width:100%;padding:var(--padding-md);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-base);background-color:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:border-color .2s,box-shadow .2s,background-color .3s;height:var(--input-height)}.form-select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 20%,transparent);outline:none}.form-select-sm{padding:var(--padding-sm);font-size:var(--font-size-sm);height:calc(var(--input-height) * .8)}.form-label{display:block;margin-bottom:var(--margin-sm);font-weight:500;color:var(--text-primary);font-size:var(--font-size-base)}.table{width:100%;border-collapse:collapse;background-color:var(--bg-secondary);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm);color:var(--text-primary);margin-bottom:var(--margin-lg)}.table th{background-color:var(--bg-tertiary);padding:var(--padding-md);text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color);font-size:var(--font-size-sm)}.table td{padding:var(--padding-md);border-bottom:1px solid var(--border-color);vertical-align:middle;font-size:var(--font-size-base);color:var(--text-primary)}.table-striped tbody tr:nth-child(2n){background-color:var(--bg-tertiary)}.table-hover tbody tr:hover{background-color:color-mix(in srgb,var(--accent-color) 5%,var(--bg-secondary))}.table-sm th,.table-sm td{padding:var(--padding-sm);font-size:var(--font-size-sm)}.table-bordered,.table-bordered th,.table-bordered td{border:1px solid var(--border-color)}.table-responsive{overflow-x:auto;margin-bottom:var(--margin-lg)}.card{background-color:var(--bg-secondary);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:var(--margin-lg);border:1px solid var(--border-color);transition:box-shadow .3s ease,background-color .3s ease}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding:var(--padding-md) var(--padding-lg);background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color);font-weight:600;color:var(--accent-color);font-size:var(--font-size-base)}.card-body{padding:var(--padding-lg);color:var(--text-primary)}.card-footer{padding:var(--padding-md) var(--padding-lg);background-color:var(--bg-tertiary);border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-size-sm)}.pagination{display:flex;list-style:none;padding:0;margin:var(--margin-lg) 0;justify-content:center;gap:var(--margin-sm)}.page-item{margin:0}.page-link{display:block;padding:var(--padding-sm) var(--padding-md);color:var(--accent-color);text-decoration:none;border:1px solid var(--border-color);border-radius:var(--border-radius);transition:all .2s;background-color:var(--bg-secondary);font-size:var(--font-size-sm)}.page-link:hover{background-color:var(--bg-tertiary);border-color:var(--accent-color);color:var(--accent-hover)}.page-item.active .page-link{background-color:var(--accent-color);border-color:var(--accent-color);color:var(--sidebar-text)}.page-item.disabled .page-link{color:var(--text-muted);pointer-events:none;background-color:var(--bg-tertiary);border-color:var(--border-color-light)}.alert{padding:var(--padding-md);margin-bottom:var(--margin-lg);border-radius:var(--border-radius);border-left:4px solid;font-size:var(--font-size-base);display:flex;align-items:center;gap:var(--margin-sm)}.alert-success{background-color:color-mix(in srgb,var(--success-color) 15%,var(--bg-secondary));border-color:var(--success-color);color:color-mix(in srgb,var(--success-color) 80%,black)}.alert-info{background-color:color-mix(in srgb,var(--info-color) 15%,var(--bg-secondary));border-color:var(--info-color);color:color-mix(in srgb,var(--info-color) 80%,black)}.alert-warning{background-color:color-mix(in srgb,var(--warning-color) 15%,var(--bg-secondary));border-color:var(--warning-color);color:color-mix(in srgb,var(--warning-color) 80%,black)}.alert-danger{background-color:color-mix(in srgb,var(--danger-color) 15%,var(--bg-secondary));border-color:var(--danger-color);color:color-mix(in srgb,var(--danger-color) 80%,black)}.badge{display:inline-block;padding:calc(var(--padding-sm) * .5) var(--padding-sm);font-size:calc(var(--font-size-sm) * .85);font-weight:600;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:calc(var(--border-radius) * 2)}.badge-primary{background-color:var(--accent-color);color:var(--sidebar-text)}.badge-secondary{background-color:var(--text-muted);color:var(--bg-secondary)}.badge-success{background-color:var(--success-color);color:#fff}.badge-danger{background-color:var(--danger-color);color:#fff}.badge-warning{background-color:var(--warning-color);color:var(--text-primary)}.badge-info{background-color:var(--info-color);color:#fff}.profile-container{max-width:400px;margin:var(--margin-lg) auto;padding:calc(var(--padding-lg) * 1.5) var(--padding-lg);background-color:var(--bg-secondary);border-radius:calc(var(--border-radius) * 2);box-shadow:var(--shadow-md);text-align:center;border:1px solid var(--border-color)}.profile-avatar{font-size:4rem;color:var(--accent-color);margin-bottom:var(--margin-md);display:inline-block}.profile-username{margin-bottom:var(--margin-sm);font-size:2rem;font-weight:600;color:var(--accent-color)}.profile-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.profile-divider{margin:24px 0;border:none;border-top:1px solid #e9ecef}.profile-placeholder{font-size:14px;color:#888}.form-group{margin-bottom:var(--margin-md)}.form-group .form-label{margin-bottom:var(--margin-sm)}.loading-text{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:var(--font-size-base);padding:var(--padding-lg) 0}.detail-table{width:100%;border-collapse:collapse;background-color:var(--bg-secondary);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);font-size:var(--font-size-sm)}.detail-table th{text-align:left;padding:var(--padding-md);font-weight:600;color:var(--text-primary);background-color:var(--bg-tertiary);border-bottom:2px solid var(--border-color)}.detail-table td{padding:var(--padding-md);border-bottom:1px solid var(--border-color-light);color:var(--text-primary);vertical-align:middle}.detail-table tbody tr:hover{background-color:color-mix(in srgb,var(--accent-color) 5%,var(--bg-secondary))}.settings-menu{position:relative}.settings-menu-trigger{position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:none;border-radius:50%;color:var(--accent-color);background:none;font-size:22px;margin-left:10px;transition:background .2s,color .2s}.settings-menu-trigger:hover,.settings-menu-trigger.open{background:var(--bg-tertiary);color:var(--accent-hover)}.settings-menu-indicator{position:absolute;top:5px;right:5px;width:9px;height:9px;border-radius:50%;background:#c26a2d;border:2px solid var(--bg-secondary)}.settings-menu-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:min(360px,85vw);max-height:min(70vh,640px);overflow-y:auto;padding:12px;border:1px solid var(--border-color);border-radius:14px;background:var(--bg-secondary);box-shadow:var(--shadow-lg);z-index:1200;display:grid;gap:12px}.settings-menu-section{display:grid;gap:8px;padding-top:4px}.settings-menu-section+.settings-menu-section{border-top:1px solid var(--border-color);padding-top:12px}.settings-menu-section-title{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.settings-menu-item,.settings-menu-user-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid transparent;border-radius:10px;background:var(--bg-primary);color:var(--text-primary);text-decoration:none;text-align:left}.settings-menu-item:hover,.settings-menu-user-item:hover,.settings-menu-item.active,.settings-menu-user-item.active{border-color:color-mix(in srgb,var(--accent-color) 30%,var(--border-color));background:color-mix(in srgb,var(--accent-color) 10%,var(--bg-primary))}.settings-menu-item:disabled,.settings-menu-user-item:disabled{opacity:.6;cursor:not-allowed}.settings-menu-reset{margin-top:4px}.settings-menu-users-toggle{justify-content:space-between}.settings-menu-users-toggle span{flex:1}.settings-menu-users-panel{display:grid;gap:8px;max-height:240px;overflow-y:auto;padding-right:2px}.settings-menu-user-item{display:grid;gap:2px}.settings-menu-user-name{font-weight:600}.settings-menu-user-meta{font-size:12px;color:var(--text-secondary)}.settings-menu-status-line{display:flex;justify-content:space-between;gap:10px;font-size:13px}.settings-menu-status-label{color:var(--text-secondary)}.settings-menu-status-value{text-align:right;font-weight:600;color:var(--accent-color)}.settings-menu-loading,.settings-menu-error{padding:8px 0;font-size:13px}.settings-menu-error{color:#b85042}.accounts-page .table td{vertical-align:middle;padding:var(--padding-md)}.accounts-page .role-form{display:flex;align-items:center;gap:var(--margin-sm);margin:0}.accounts-page .role-form .form-select{min-width:120px;font-size:var(--font-size-sm)}.accountbeheer-module-banner{margin-bottom:16px;padding:12px 14px;border:1px solid rgba(44,95,65,.16);border-radius:14px;background:linear-gradient(135deg,#2c5f4114,#2c5f4105);color:var(--text-primary)}.account-role-modal{width:min(760px,100vw)}.account-resend-modal{width:min(560px,100vw)}.account-toolbar{justify-content:space-between;margin-bottom:14px}.account-role-spaced-label{margin-top:12px}.account-role-status,.account-role-error{margin-top:14px;padding:12px 14px;border-radius:12px}.account-role-status{background:#2c5f4114;color:var(--text-primary)}.account-role-error{background:#b91c1c1a;color:#991b1b}.account-role-section{margin-top:18px}.account-role-section-title{font-weight:600;margin-bottom:6px}.account-role-section-text{margin:0;color:var(--text-secondary)}.account-role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:12px}.account-role-option{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border-color);border-radius:12px;background:rgba(var(--container-tint-rgb, 255, 255, 255),.38);cursor:pointer}.account-role-option-inline{margin-top:8px}.account-role-chip-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.account-role-chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#2c5f411f;color:var(--text-primary);font-size:12px;line-height:1.2}.account-role-summary-list{display:grid;gap:12px;margin-top:10px}.account-role-summary-card{border:1px solid var(--border-color);border-radius:14px;padding:12px;background:rgba(var(--container-tint-rgb, 255, 255, 255),.3)}.account-role-summary-heading{font-weight:600;margin-bottom:8px}.account-role-field-summary{display:grid;gap:6px;margin-top:10px}.account-role-field-row{display:grid;grid-template-columns:minmax(90px,120px) minmax(120px,1fr) minmax(100px,auto);gap:10px;align-items:center;font-size:13px}.account-role-field-name{font-family:monospace;color:var(--text-secondary)}.account-role-field-label{color:var(--text-primary)}.account-role-field-actions{color:var(--text-secondary);text-align:right}.roles-matrix .matrix-table{font-size:var(--font-size-sm);min-width:960px}.roles-matrix .matrix-table th{text-align:center;padding:var(--padding-sm);font-size:calc(var(--font-size-sm) * .9)}.roles-matrix .matrix-table td{text-align:center;padding:calc(var(--padding-sm) * .75)}.roles-matrix .permission-checkbox{transform:scale(1.2);accent-color:var(--accent-color);cursor:pointer}.roles-header-icon{margin-right:8px}.roles-matrix .matrix-table th:first-child{min-width:240px}.roles-matrix .role-col{width:92px;min-width:92px}.role-header-inner{min-height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.vertical-text{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.draggable-header{cursor:grab}.draggable-header:active{cursor:grabbing}.role-page-size-label{margin-bottom:0}.roles-table-actions{justify-content:flex-end;display:flex;gap:10px}.roles-page .inline-form .form-control{flex:0 1 360px;width:min(360px,100%)}.roles-advanced-banner{margin-top:14px;padding:12px 14px;border:1px solid rgba(44,95,65,.16);border-radius:14px;background:linear-gradient(135deg,#2c5f4114,#2c5f4105);color:var(--text-primary)}.role-matrix-controls{padding:16px;border-bottom:1px solid var(--border-color)}.role-matrix-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.role-matrix-toolbar-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end;margin-left:auto}.role-page-size-control{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.role-page-size-control .form-select{min-width:88px}.role-toolbar-actions{flex-wrap:wrap}.role-matrix-page-row td{vertical-align:middle}.role-matrix-label,.role-matrix-child-label{display:flex;align-items:center;gap:10px;text-align:left}.role-matrix-title{display:block;font-weight:600;color:var(--text-primary)}.role-matrix-pattern{display:block;font-size:12px;color:var(--text-secondary);margin-top:3px}.role-matrix-expander{width:28px;height:28px;border:1px solid var(--border-color);border-radius:999px;background:transparent;color:var(--text-primary);font-weight:700;line-height:1}.role-matrix-expander-placeholder{opacity:0;pointer-events:none}.role-matrix-subsection-row td{background:#2c5f410d;border-top:1px solid rgba(44,95,65,.08);border-bottom:1px solid rgba(44,95,65,.08)}.role-matrix-subsection-label{padding-left:38px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.role-matrix-child-row td:first-child{text-align:left}.role-matrix-child-label{padding-left:38px}.role-matrix-branch{color:var(--text-secondary);font-size:12px}.role-matrix-field-action{color:var(--text-secondary);font-size:12px;margin-left:4px}@media(max-width:900px){.role-matrix-toolbar{align-items:stretch}.role-matrix-toolbar-actions{margin-left:0;width:100%;justify-content:space-between}}@media(max-width:640px){.role-matrix-toolbar-actions,.role-toolbar-actions{flex-direction:column;align-items:stretch}.role-page-size-control{justify-content:space-between;width:100%}}.login-container{max-width:400px;margin:50px auto;padding:calc(var(--padding-lg) * 2);background-color:var(--bg-secondary);border-radius:calc(var(--border-radius) * 2);box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.login-header{text-align:center;margin-bottom:calc(var(--margin-lg) * 1.5)}.login-logo{width:80px;height:80px;margin-bottom:var(--margin-lg)}.employees-page .search-form{background-color:var(--bg-secondary);padding:var(--padding-lg);border-radius:var(--border-radius);margin-bottom:var(--margin-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.employees-page .employee-card{transition:transform .2s,box-shadow .2s;background-color:var(--bg-secondary);border:1px solid var(--border-color)}.employees-page .employee-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stamgegevens-toolbar{justify-content:space-between;margin-bottom:16px}.stamgegevens-tab-icon{margin-right:6px}.stamgegevens-check{display:inline-flex;align-items:center;gap:8px;margin-top:12px;color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600}.stamgegevens-check input{width:16px;height:16px}.stamgegevens-page .category-tabs{background-color:var(--bg-secondary);border-radius:var(--border-radius) var(--border-radius) 0 0;border-bottom:2px solid color-mix(in srgb,var(--accent-color) 35%,var(--border-color))}.stamgegevens-page .tab-content{background-color:var(--bg-secondary);border-radius:0 0 var(--border-radius) var(--border-radius);padding:var(--padding-lg);border:1px solid color-mix(in srgb,var(--accent-color) 25%,var(--border-color));border-top:none}.stamgegevens-page .category-tabs .tab-btn,.stamgegevens-page .category-tabs button,.category-tabs .tab-btn{background:transparent;border:none;padding:var(--padding-sm) var(--padding-md);font-size:var(--font-size-sm);font-weight:500;color:color-mix(in srgb,var(--accent-color) 60%,var(--text-secondary));cursor:pointer;border-bottom:3px solid transparent;transition:color .25s,border-color .25s,background .25s}.stamgegevens-page .category-tabs .tab-btn:hover,.stamgegevens-page .category-tabs button:hover,.category-tabs .tab-btn:hover{color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 8%,transparent)}.stamgegevens-page .category-tabs .tab-btn.active,.stamgegevens-page .category-tabs button.active,.category-tabs .tab-btn.active{color:var(--accent-color);border-bottom-color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 12%,transparent)}.content-area>app-customers{display:flex;flex:1 1 0;height:100%;max-height:100%;min-height:0;min-width:0;overflow:hidden}.klanten-page{display:flex;flex:1 1 0;flex-direction:column;gap:12px;height:100%;max-height:100%;min-height:0;min-width:0;overflow:hidden}.klanten-page app-client-table{display:flex;flex:1 1 0;max-height:100%;min-height:0;min-width:0;overflow:hidden}.klanten-filterbar{display:flex;flex:0 0 auto;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.klanten-filter-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:7px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-secondary);color:var(--text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}.klanten-filter-btn:hover,.klanten-filter-btn:focus-visible{border-color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 8%,var(--bg-secondary));color:var(--accent-color);outline:none}.klanten-filter-btn.active{border-color:var(--accent-color);background:var(--accent-color);color:var(--accent-text-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.12)}.klanten-filter-btn strong{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 7px;border-radius:999px;background:color-mix(in srgb,currentColor 12%,transparent);font-size:.75rem;line-height:1}.klanten-page .table-container{flex:1 1 0;height:100%;max-height:100%;min-height:0;min-width:0;max-width:100%;margin:0;overflow:hidden}.klanten-page .client-table-body{flex:1 1 0;min-height:0;overflow:hidden}.klanten-page .table-responsive{min-height:0;max-height:100%;overflow:auto}.klanten-page .table-container .client-table-body .standard-table thead th,.klanten-page .table-container .client-table-body .standard-table thead .actions-header,.klanten-page .table-container .client-table-body .standard-table thead .table-filler-header{position:sticky;top:0;z-index:18}.klanten-page .table-container .client-table-body .standard-table thead .actions-header{z-index:22}.content-area>app-customer-detail,.content-area>app-customer-license-detail{display:flex;flex:1 1 auto;align-items:flex-start;justify-content:center;min-height:0;min-width:0;overflow:auto}.klant-detail-page{display:flex;flex:0 0 auto;flex-direction:column;gap:18px;width:min(100%,1180px);max-width:1180px;margin:0 auto;overflow:visible}.licentie-detail-page{width:min(100%,1440px);max-width:1440px}.klant-detail-actions{display:flex;align-items:center;justify-content:flex-start}.klant-detail-actions .btn{height:36px;padding:6px 12px;font-size:var(--font-size-sm)}.klant-profile-card,.klanten-basis-card,.klant-section-card{border:1px solid color-mix(in srgb,var(--accent-color) 16%,var(--border-color));border-radius:8px;background:var(--bg-secondary);box-shadow:0 8px 22px #0f172a0e}.klant-profile-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px}.klant-profile-main{display:flex;align-items:center;gap:16px;min-width:0}.klant-avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 52px;width:52px;height:52px;border-radius:8px;background:color-mix(in srgb,var(--accent-color) 12%,var(--bg-secondary));color:var(--accent-color);font-size:1.25rem}.klant-profile-copy{min-width:0}.klant-eyebrow{display:inline-flex;min-height:18px;color:color-mix(in srgb,var(--accent-color) 72%,var(--text-secondary));font-size:.72rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.klant-profile-copy h2{margin:4px 0 6px;color:var(--text-primary);font-size:clamp(1.35rem,2vw,1.85rem);line-height:1.15;letter-spacing:0}.klant-detail-meta,.klant-detail-summary{display:flex;flex-wrap:wrap;gap:8px}.klant-detail-meta{color:var(--text-secondary);font-size:.86rem;font-weight:600}.klant-detail-meta span+span:before{content:"";display:inline-block;width:4px;height:4px;margin-right:8px;border-radius:50%;background:color-mix(in srgb,var(--accent-color) 52%,var(--text-secondary))}.klant-detail-summary{align-items:center;justify-content:flex-end;flex:0 0 auto;gap:12px}.klant-status-pill,.klant-summary-item,.klant-section-count{border-radius:8px;background:color-mix(in srgb,var(--bg-secondary) 80%,var(--bg-tertiary))}.klant-status-pill{display:inline-flex;align-items:center;min-height:30px;padding:5px 11px;color:var(--success-color);font-size:var(--font-size-sm);font-weight:800}.klant-status-pill.inactive{color:var(--danger-color)}.klant-summary-item{display:grid;gap:2px;min-width:92px;padding:9px 12px;border:1px solid color-mix(in srgb,var(--accent-color) 16%,var(--border-color))}.klant-summary-item span{color:var(--text-secondary);font-size:.75rem;font-weight:700}.klant-summary-item strong{color:var(--text-primary);font-size:1.1rem;line-height:1}.klanten-detail-panel{display:grid;grid-template-columns:1fr;gap:18px;min-width:0}.klanten-basis-card,.klant-section-card{min-width:0;max-width:100%;padding:18px}.klant-section-card app-client-table{display:block;width:100%;min-width:0;max-width:100%}.klant-section-card app-client-table .table-container{min-height:0;border:1px solid var(--border-color);box-shadow:none}.klant-section-card app-client-table .table-header{min-height:0;padding:8px 10px}.klant-section-card app-client-table .table-title{display:none}.klant-section-card app-client-table .table-footer{min-height:0;padding:8px 10px}.licentie-regels{display:grid;gap:16px;margin-top:18px;padding-top:18px;border-top:1px solid var(--border-color)}.licentie-regels-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.licentie-regels-header h3{margin:2px 0 0;color:var(--text-primary);font-size:1rem}.licentie-regel-panel{display:grid;gap:10px;min-width:0}.licentie-regel-panel .klant-section-header{margin-bottom:0}.licentie-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.klant-card-header,.klant-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.klant-card-header h3,.klant-section-header h3{margin:0;color:var(--text-primary);font-size:1.05rem;line-height:1.2}.klant-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}.klant-info-group{min-width:0}.klant-info-group-wide{grid-column:1 / -1}.klant-info-group h4{margin:0 0 10px;color:var(--accent-color);font-size:.86rem;font-weight:800}.klant-info-group dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:0}.klant-info-group-wide dl{grid-template-columns:1fr}.klant-info-group dt{color:var(--text-secondary);font-size:.78rem;font-weight:700}.klant-info-group dd{margin:3px 0 0;overflow-wrap:anywhere;color:var(--text-primary);font-size:.92rem;font-weight:600;line-height:1.35}.klant-section-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:26px;padding:0 9px;color:var(--accent-color);font-size:.78rem;font-weight:800}.klanten-empty-state{display:flex;align-items:center;gap:10px;min-height:54px;padding:12px;border:1px dashed color-mix(in srgb,var(--accent-color) 20%,var(--border-color));border-radius:8px;background:color-mix(in srgb,var(--bg-secondary) 82%,var(--bg-tertiary))}.klanten-empty-state div{display:grid;gap:2px}.klanten-empty-state strong{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:800}.klanten-empty-state span{color:var(--text-secondary);font-size:.82rem}.klanten-empty-state i{width:18px;color:var(--accent-color);opacity:.74}.klanten-mini-table-wrap{max-width:100%;overflow:auto;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary)}.klanten-mini-table{width:100%;min-width:720px;border-collapse:collapse}.klanten-mini-table th,.klanten-mini-table td{padding:10px 12px;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:var(--font-size-sm);text-align:left}.klanten-mini-table th{background:color-mix(in srgb,var(--accent-color) 9%,var(--bg-tertiary));font-weight:800}.klanten-mini-table tbody tr:last-child td{border-bottom:0}.licentie-modal{width:min(720px,100vw)}.licentie-modal-error{margin-bottom:12px}.licentie-form{display:grid;gap:14px}.licentie-form fieldset{display:grid;gap:10px;margin:0;padding:12px;border:1px solid var(--border-color);border-radius:8px}.licentie-form legend{padding:0 6px;color:var(--accent-color);font-size:.82rem;font-weight:800}.form-help{color:var(--text-secondary);font-size:.82rem;line-height:1.35}.form-grid{display:grid;gap:12px}.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:1180px){.klant-info-grid{grid-template-columns:1fr}}@media(max-width:880px){.klant-profile-card{align-items:flex-start;flex-direction:column}.klant-detail-summary{justify-content:flex-start}.klant-info-group dl{grid-template-columns:1fr}}@media(max-width:620px){.klant-summary-item{min-width:72px}.form-grid-2,.licentie-edit-grid{grid-template-columns:1fr}}.licentie-project-picker{display:grid;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.licentie-project-picker-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.licentie-project-picker-header strong{display:block;margin-top:2px;color:var(--text-primary);font-size:var(--font-size-sm)}.licentie-project-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.licentie-project-option{display:flex;align-items:flex-start;gap:10px;min-width:0;padding:12px;border:1px solid var(--border-color);border-radius:8px;background:color-mix(in srgb,var(--bg-secondary) 82%,var(--bg-tertiary));color:var(--text-primary);cursor:pointer}.licentie-project-option.selected{border-color:color-mix(in srgb,var(--accent-color) 54%,var(--border-color));background:color-mix(in srgb,var(--accent-color) 10%,var(--bg-secondary))}.licentie-project-option input{flex:0 0 auto;width:16px;height:16px;margin-top:2px}.licentie-project-option span{display:grid;gap:3px;min-width:0}.licentie-project-option strong,.licentie-project-option small{overflow-wrap:anywhere}.licentie-project-option small{color:var(--text-secondary);font-size:.78rem;font-weight:700}.factuur-download-card{display:grid;gap:12px}.factuur-download-grid{display:flex;flex-wrap:wrap;gap:10px}.factuur-download-grid .btn{min-height:38px}.contract-draft-card{display:grid;gap:16px;position:relative;overflow:hidden}.contract-draft-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--accent-color),color-mix(in srgb,var(--success-color) 70%,var(--accent-color)))}.contract-hero-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid color-mix(in srgb,var(--accent-color) 18%,var(--border-color));border-radius:8px;background:color-mix(in srgb,var(--accent-color) 7%,var(--bg-secondary))}.contract-hero-strip strong{display:block;margin-top:3px;color:var(--text-primary);font-size:1rem;line-height:1.25}.contract-hero-metrics{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.contract-hero-metrics span{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:5px 9px;border:1px solid color-mix(in srgb,var(--accent-color) 14%,var(--border-color));border-radius:8px;background:var(--bg-secondary);color:var(--text-secondary);font-size:.8rem;font-weight:800}.contract-document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.contract-document-card{display:grid;gap:12px;min-width:0;padding:15px;border:1px solid var(--border-color);border-radius:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-secondary) 96%,var(--accent-color)),var(--bg-secondary))}.contract-document-card header,.contract-document-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.contract-document-card header{justify-content:flex-start}.contract-document-card h4{margin:2px 0 0;color:var(--text-primary);font-size:1rem;line-height:1.2}.contract-document-card p{min-height:76px;margin:0;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.45}.contract-document-card footer span{color:var(--text-secondary);font-size:.78rem;font-weight:800}.contract-document-icon,.contract-editor-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:8px;background:color-mix(in srgb,var(--accent-color) 12%,var(--bg-secondary));color:var(--accent-color)}.contract-draft-toolbar,.contract-draft-actions,.contract-status-switch{display:flex;flex-wrap:wrap;gap:8px}.contract-draft-toolbar{align-items:center;justify-content:space-between}.contract-status-switch{align-items:center;padding:4px;border:1px solid var(--border-color);border-radius:8px;background:color-mix(in srgb,var(--bg-secondary) 82%,var(--bg-tertiary))}.contract-status-switch button,.contract-status-pill{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border:0;border-radius:6px;background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:800}.contract-status-switch button{cursor:pointer}.contract-status-switch button.active,.contract-status-pill{background:var(--bg-secondary);color:var(--accent-color);box-shadow:0 1px 4px #0f172a14}.contract-draft-grid,.contract-send-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.contract-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:14px;align-items:stretch}.contract-editor-backdrop{align-items:stretch;padding:22px}.contract-editor-modal{display:grid;grid-template-rows:auto auto auto auto 1fr auto;gap:14px;width:min(1120px,calc(100vw - 44px));max-height:calc(100vh - 44px);overflow:hidden}.contract-editor-header,.contract-editor-heading,.contract-editor-footer,.contract-editor-footer div,.contract-editor-tabs,.contract-rich-toolbar{display:flex;gap:10px}.contract-editor-header,.contract-editor-footer{align-items:center;justify-content:space-between}.contract-editor-heading{align-items:center;min-width:0}.contract-editor-heading h3{margin:2px 0 0;color:var(--text-primary);font-size:1.1rem;line-height:1.2}.contract-editor-close{width:34px;padding-inline:0}.contract-editor-title{display:grid;gap:6px}.contract-editor-tabs{padding:4px;border:1px solid var(--border-color);border-radius:8px;background:color-mix(in srgb,var(--bg-secondary) 84%,var(--bg-tertiary))}.contract-editor-tabs button,.contract-rich-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;border:0;border-radius:6px;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:800;cursor:pointer}.contract-editor-tabs button{padding:6px 11px;background:transparent}.contract-editor-tabs button.active{background:var(--bg-secondary);color:var(--accent-color);box-shadow:0 1px 4px #0f172a14}.contract-rich-toolbar{flex-wrap:wrap;padding:8px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary)}.contract-rich-toolbar button{min-width:34px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--accent-color) 12%,var(--border-color));background:color-mix(in srgb,var(--bg-secondary) 88%,var(--bg-tertiary))}.contract-rich-toolbar button:hover{color:var(--accent-color);border-color:color-mix(in srgb,var(--accent-color) 42%,var(--border-color))}.contract-editor-surface-wrap{min-height:0;overflow:hidden;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary)}.contract-rich-surface,.contract-editor-html-source,.contract-editor-preview{width:100%;height:100%;min-height:420px;max-height:calc(100vh - 355px);overflow:auto}.contract-rich-surface{padding:22px;color:var(--text-primary);font-size:.95rem;line-height:1.55;outline:none}.contract-rich-surface:focus{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent-color) 32%,transparent)}.contract-editor-html-source{border:0;border-radius:0;resize:none;font-family:Consolas,Courier New,monospace;font-size:.88rem;line-height:1.45}.contract-editor-preview{padding:24px}.contract-editor-preview h2{margin:0 0 14px;color:var(--accent-color);font-size:1.25rem;letter-spacing:0}.contract-editor-footer{color:var(--text-secondary);font-size:.82rem;font-weight:800}.contract-html-field,.contract-message-field{display:grid;gap:6px;min-width:0}.contract-html-textarea{min-height:280px;resize:vertical;font-family:Consolas,Courier New,monospace;font-size:.86rem;line-height:1.45}.contract-message-textarea{min-height:110px;resize:vertical}.contract-preview-sheet{min-width:0;max-height:380px;overflow:auto;padding:14px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary)}.contract-preview-sheet h4{margin:0 0 10px;color:var(--text-primary);font-size:.95rem}.contract-html-preview{color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.45}.contract-html-preview h1,.contract-html-preview h2,.contract-html-preview h3{margin:12px 0 8px;color:var(--accent-color);font-size:1rem;letter-spacing:0}.contract-html-preview table{width:100%;min-width:420px;border-collapse:collapse}.contract-html-preview th,.contract-html-preview td{padding:7px 8px;border:1px solid var(--border-color);text-align:left;vertical-align:top}.contract-data-section{display:grid;gap:10px}.contract-subheader{margin-bottom:0}.contract-data-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.contract-data-option{display:flex;align-items:flex-start;gap:8px;min-width:0;padding:9px 10px;border:1px solid var(--border-color);border-radius:8px;background:color-mix(in srgb,var(--bg-secondary) 86%,var(--bg-tertiary));color:var(--text-primary);font-size:var(--font-size-sm);font-weight:700;line-height:1.25}.contract-data-option.selected{border-color:color-mix(in srgb,var(--accent-color) 42%,var(--border-color));background:color-mix(in srgb,var(--accent-color) 8%,var(--bg-secondary))}.contract-data-option input{margin-top:2px}.contract-message-field{grid-column:1 / -1}.contract-audit-line{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.82rem;font-weight:700}.contract-audit-line i{color:var(--accent-color)}@media(max-width:980px){.contract-editor-grid,.contract-data-options,.contract-document-grid{grid-template-columns:1fr}.contract-hero-strip{align-items:flex-start;flex-direction:column}.contract-hero-metrics{justify-content:flex-start}}@media(max-width:620px){.contract-draft-grid,.contract-send-grid{grid-template-columns:1fr}.contract-editor-backdrop{padding:8px}.contract-editor-modal{width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.contract-rich-surface,.contract-editor-html-source,.contract-editor-preview{min-height:320px;max-height:calc(100vh - 375px)}}.contract-sent-card{display:grid;gap:14px}.contract-audit-strip,.contract-signature-line{display:flex;flex-wrap:wrap;gap:8px}.contract-audit-strip span,.contract-signature-line span{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:6px 10px;border:1px solid var(--border-color);border-radius:8px;background:color-mix(in srgb,var(--bg-secondary) 88%,var(--bg-tertiary));color:var(--text-secondary);font-size:.82rem;font-weight:800}.contract-audit-strip strong{color:var(--accent-color)}.contract-audit-subheader{display:grid;gap:2px;margin-top:4px}.contract-audit-subheader h4{margin:0;color:var(--text-primary);font-size:1rem}.contract-signature-proof-card{display:grid;gap:8px;width:min(360px,100%);padding:12px 14px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary)}.contract-signature-proof-card span{color:var(--text-secondary);font-size:.74rem;font-weight:900;text-transform:uppercase}.contract-signature-proof-card img{max-width:100%;min-height:86px;object-fit:contain;object-position:left center;border:1px solid var(--border-color);border-radius:7px;background:#fff}.contract-signature-proof-card.typed strong{color:var(--text-primary);font-family:Brush Script MT,Segoe Script,cursive;font-size:2rem;font-weight:500}.contract-document-actions{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.contract-html-preview .offer-document,.contract-html-preview .proposal-document,.contract-editor-preview .offer-document,.contract-editor-preview .proposal-document,.contract-rich-surface .proposal-document,.contract-rich-surface .offer-document{display:grid;gap:14px}.contract-html-preview .offer-lead,.contract-editor-preview .offer-lead,.contract-rich-surface .offer-lead{margin:0 0 4px;color:var(--text-secondary);font-size:.98rem;line-height:1.55}.contract-html-preview .offer-summary-grid,.contract-editor-preview .offer-summary-grid,.contract-rich-surface .offer-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:4px 0 10px}.contract-html-preview .offer-summary-item,.contract-editor-preview .offer-summary-item,.contract-rich-surface .offer-summary-item{min-width:0;padding:11px 12px;border:1px solid color-mix(in srgb,var(--accent-color) 16%,var(--border-color));border-radius:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-color) 6%,var(--bg-secondary)),var(--bg-secondary))}.contract-html-preview .offer-summary-item span,.contract-editor-preview .offer-summary-item span,.contract-rich-surface .offer-summary-item span{display:block;color:var(--text-secondary);font-size:.72rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.contract-html-preview .offer-summary-item strong,.contract-editor-preview .offer-summary-item strong,.contract-rich-surface .offer-summary-item strong{display:block;margin-top:5px;color:var(--text-primary);font-size:.95rem;line-height:1.25;overflow-wrap:anywhere}.contract-html-preview .offer-pricing-table,.contract-editor-preview .offer-pricing-table,.contract-rich-surface .offer-pricing-table{margin-top:8px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.contract-html-preview .offer-pricing-table th,.contract-editor-preview .offer-pricing-table th,.contract-rich-surface .offer-pricing-table th{background:color-mix(in srgb,var(--accent-color) 9%,var(--bg-tertiary));color:var(--text-primary);font-weight:900}.contract-html-preview .offer-pricing-table tfoot th,.contract-editor-preview .offer-pricing-table tfoot th,.contract-rich-surface .offer-pricing-table tfoot th{background:color-mix(in srgb,var(--success-color) 9%,var(--bg-secondary))}.contract-html-preview .offer-section-note,.contract-editor-preview .offer-section-note,.contract-rich-surface .offer-section-note{padding:12px 14px;border:1px solid color-mix(in srgb,var(--success-color) 22%,var(--border-color));border-left:4px solid var(--success-color);border-radius:8px;background:color-mix(in srgb,var(--success-color) 7%,var(--bg-secondary))}.contract-html-preview .offer-section-note p,.contract-editor-preview .offer-section-note p,.contract-rich-surface .offer-section-note p{margin:6px 0 0}.contract-html-preview .offer-open-points,.contract-editor-preview .offer-open-points,.contract-rich-surface .offer-open-points{padding:12px 14px;border:1px solid color-mix(in srgb,var(--warning-color) 28%,var(--border-color));border-radius:8px;background:color-mix(in srgb,var(--warning-color) 7%,var(--bg-secondary))}.contract-html-preview .offer-open-points ul,.contract-editor-preview .offer-open-points ul,.contract-rich-surface .offer-open-points ul{margin:0}.contract-html-preview .muted,.contract-editor-preview .muted,.contract-rich-surface .muted{color:var(--text-secondary)}.contract-html-preview .proposal-hero,.contract-editor-preview .proposal-hero,.contract-rich-surface .proposal-hero{padding:18px 20px;border:1px solid color-mix(in srgb,var(--accent-color) 18%,var(--border-color));border-left:5px solid var(--accent-color);border-radius:8px;background:color-mix(in srgb,var(--accent-color) 7%,var(--bg-secondary))}.contract-html-preview .proposal-kicker,.contract-editor-preview .proposal-kicker,.contract-rich-surface .proposal-kicker{display:block;margin-bottom:5px;color:var(--accent-color);font-size:.72rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.contract-html-preview .proposal-panel-grid,.contract-html-preview .proposal-proof-grid,.contract-editor-preview .proposal-panel-grid,.contract-editor-preview .proposal-proof-grid,.contract-rich-surface .proposal-panel-grid,.contract-rich-surface .proposal-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.contract-html-preview .proposal-panel,.contract-html-preview .proposal-proof-card,.contract-editor-preview .proposal-panel,.contract-editor-preview .proposal-proof-card,.contract-rich-surface .proposal-panel,.contract-rich-surface .proposal-proof-card{padding:12px 14px;border:1px solid color-mix(in srgb,var(--accent-color) 12%,var(--border-color));border-radius:8px;background:color-mix(in srgb,var(--bg-secondary) 92%,var(--bg-tertiary))}.contract-html-preview .proposal-panel h4,.contract-editor-preview .proposal-panel h4,.contract-rich-surface .proposal-panel h4{margin:0 0 6px;color:var(--text-primary);font-size:.95rem}.contract-html-preview .proposal-panel p,.contract-html-preview .proposal-proof-card p,.contract-editor-preview .proposal-panel p,.contract-editor-preview .proposal-proof-card p,.contract-rich-surface .proposal-panel p,.contract-rich-surface .proposal-proof-card p{margin:6px 0 0}.contract-html-preview .proposal-flow,.contract-editor-preview .proposal-flow,.contract-rich-surface .proposal-flow{padding-left:20px}.contract-html-preview .proposal-flow li,.contract-editor-preview .proposal-flow li,.contract-rich-surface .proposal-flow li{margin-bottom:8px}@media(max-width:980px){.contract-html-preview .offer-summary-grid,.contract-html-preview .proposal-panel-grid,.contract-html-preview .proposal-proof-grid,.contract-editor-preview .offer-summary-grid,.contract-editor-preview .proposal-panel-grid,.contract-editor-preview .proposal-proof-grid,.contract-rich-surface .proposal-panel-grid,.contract-rich-surface .proposal-proof-grid,.contract-rich-surface .offer-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.contract-document-card footer{align-items:flex-start;flex-direction:column}.contract-document-actions{justify-content:flex-start}.contract-html-preview .offer-summary-grid,.contract-html-preview .proposal-panel-grid,.contract-html-preview .proposal-proof-grid,.contract-editor-preview .offer-summary-grid,.contract-editor-preview .proposal-panel-grid,.contract-editor-preview .proposal-proof-grid,.contract-rich-surface .proposal-panel-grid,.contract-rich-surface .proposal-proof-grid,.contract-rich-surface .offer-summary-grid{grid-template-columns:1fr}}.contract-send-backdrop{align-items:stretch;padding:22px}.contract-send-modal{display:grid;grid-template-rows:auto auto auto auto auto 1fr auto;gap:14px;width:min(980px,calc(100vw - 44px));max-height:calc(100vh - 44px);overflow:hidden}.contract-send-header,.contract-send-heading,.contract-send-footer,.contract-send-footer div{display:flex;align-items:center;gap:10px}.contract-send-header,.contract-send-footer{justify-content:space-between}.contract-send-heading{min-width:0}.contract-send-heading h3{margin:2px 0 0;color:var(--text-primary);font-size:1.1rem;line-height:1.2}.contract-send-address-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.contract-send-address-field,.contract-send-subject{display:grid;gap:6px;min-width:0}.contract-address-shell{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:42px;padding:6px 8px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary)}.contract-address-shell:focus-within{border-color:color-mix(in srgb,var(--accent-color) 46%,var(--border-color));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-color) 14%,transparent)}.contract-address-shell input{flex:1 1 180px;min-width:140px;border:0;outline:0;background:transparent;color:var(--text-primary);font:inherit}.contract-address-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:28px;padding:4px 7px 4px 9px;border:1px solid color-mix(in srgb,var(--accent-color) 18%,var(--border-color));border-radius:999px;background:color-mix(in srgb,var(--accent-color) 8%,var(--bg-secondary));color:var(--text-primary);font-size:.82rem;font-weight:800}.contract-address-chip button{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:0;border-radius:999px;background:color-mix(in srgb,var(--accent-color) 18%,transparent);color:var(--accent-color);cursor:pointer}.contract-send-editor-wrap{min-height:0;overflow:hidden;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary)}.contract-send-surface{min-height:260px;max-height:calc(100vh - 450px)}.contract-send-footer{color:var(--text-secondary);font-size:.82rem;font-weight:800}@media(max-width:760px){.contract-send-backdrop{padding:8px}.contract-send-modal{width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.contract-send-address-grid{grid-template-columns:1fr}.contract-send-footer{align-items:flex-start;flex-direction:column}}.contract-preview-page{min-height:100vh;background:#f4f6f9;color:#17212b}.contract-preview-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:76px;padding:10px 18px;border-bottom:1px solid rgba(17,24,39,.1);background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.contract-preview-brand,.contract-preview-actions{display:flex;align-items:center;gap:10px;min-width:0}.contract-preview-brand{flex:1 1 auto;gap:22px}.contract-preview-identity{display:flex;align-items:center;gap:12px;flex:0 0 290px;min-width:0}.contract-preview-logo-mark{flex:0 0 auto;width:58px;height:58px;object-fit:contain;object-position:left center}.contract-preview-wordmark{display:grid;gap:2px;min-width:0}.contract-preview-wordmark strong{display:block;overflow:hidden;color:#122018;font-size:1.06rem;font-weight:900;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.contract-preview-wordmark span{display:block;overflow:hidden;color:#4c5a52;font-size:.68rem;font-weight:900;letter-spacing:.03em;line-height:1.1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.contract-preview-titleblock{min-width:0;padding-left:20px;border-left:1px solid rgba(17,24,39,.12)}.contract-preview-titleblock strong,.contract-preview-titleblock span{display:block;max-width:52vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contract-preview-titleblock strong{max-width:48vw;font-size:1.08rem;line-height:1.2}.contract-preview-titleblock span{color:#5d6876;font-size:.9rem;font-weight:700;line-height:1.25}.contract-preview-page .btn,.contract-preview-doclist button,.contract-sign-mode button,.contract-sign-box-header button{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,opacity .18s ease}.contract-preview-page .btn:hover,.contract-preview-page .btn:active{transform:none}.contract-preview-actions .btn{min-width:142px;white-space:nowrap}.contract-preview-actions .contract-sign-trigger{min-width:164px}.contract-preview-updated{display:grid;gap:1px;min-width:112px;color:#667085;font-size:.68rem;font-weight:900;text-align:right;text-transform:uppercase}.contract-preview-updated strong{color:#17212b;font-size:.8rem;text-transform:none}.contract-preview-status,.contract-preview-loading,.contract-preview-error{width:min(1180px,calc(100vw - 32px));margin:14px auto 0;padding:10px 12px;border-radius:8px;font-size:.9rem;font-weight:800}.contract-preview-status{border:1px solid color-mix(in srgb,var(--success-color) 28%,var(--border-color));background:color-mix(in srgb,var(--success-color) 8%,#fff);color:color-mix(in srgb,var(--success-color) 72%,#17212b)}.contract-preview-loading,.contract-preview-error{display:flex;align-items:center;gap:8px;border:1px solid rgba(17,24,39,.1);background:#fff}.contract-preview-error{color:#b42318}.contract-preview-shell{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:calc(100vh - 76px)}.contract-preview-docnav{position:sticky;top:76px;align-self:start;height:calc(100vh - 76px);padding:16px 12px;border-right:1px solid rgba(17,24,39,.1);background:#23733f;color:#fff;overflow:auto}.contract-preview-progress{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px 14px;color:#ffffffc2;font-size:.78rem;font-weight:900;text-transform:uppercase}.contract-preview-progress strong{color:#fff;font-size:.9rem}.contract-preview-doclist{display:grid;gap:8px}.contract-preview-doclist button{display:grid;grid-template-columns:28px 20px minmax(0,1fr) 18px;align-items:center;gap:10px;width:100%;min-height:58px;padding:10px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff14;color:#ffffffd1;text-align:left;cursor:pointer}.contract-preview-doclist button:hover,.contract-preview-doclist button.active{background:#fff;color:#18492b}.contract-preview-doclist button small,.contract-preview-doclist button strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contract-preview-doclist button small{font-size:.68rem;font-weight:900;opacity:.78;text-transform:uppercase}.contract-preview-doclist button strong{margin-top:2px;font-size:.88rem}.contract-preview-step{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:#ffffff29;font-size:.78rem;font-weight:900}.contract-preview-doclist button.active .contract-preview-step,.contract-preview-doclist button:hover .contract-preview-step{background:color-mix(in srgb,#23733f 12%,#fff)}.contract-preview-check{color:#a7f3d0}.contract-preview-doclist button.active .contract-preview-check,.contract-preview-doclist button:hover .contract-preview-check{color:#23733f}.contract-preview-viewer{display:flex;justify-content:center;padding:24px 28px 52px;overflow:auto}.contract-preview-paper{width:min(900px,100%);min-height:1120px;padding:54px 68px;background:#fff;box-shadow:0 18px 48px #0f172a21}.contract-preview-paper.legal-contract-sheet{width:min(100%,980px);min-height:980px;padding:0}.contract-preview-paper-header{display:flex;justify-content:space-between;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:3px solid #23733f}.contract-preview-paper-header span,.contract-preview-paper-header strong{color:#667085;font-size:.78rem;font-weight:900;text-transform:uppercase}.contract-preview-paper-header h1{margin:4px 0 0;color:#123f2b;font-size:1.45rem;letter-spacing:0}.contract-preview-paper-header.legal-document-cover{margin:0;padding:34px 42px;border-bottom:1px solid #d8dde6}.contract-preview-paper-header.legal-document-cover .legal-version-badge{color:#fff;font-size:.86rem;text-transform:none}.contract-preview-meta dd{line-height:1.35}.juridische-document-preview.contract-preview-html{min-height:740px}.contract-preview-html{color:#1f2933;font-size:.9rem;line-height:1.55}.contract-preview-html h1,.contract-preview-html h2,.contract-preview-html h3{color:#123f2b}.contract-preview-html table{font-size:.84rem}.preview-cover-document{display:grid;gap:14px}@media(max-width:980px){.contract-preview-topbar{align-items:flex-start;flex-direction:column}.contract-preview-actions{flex-wrap:wrap;width:100%}.contract-preview-actions .btn{min-width:0}.contract-preview-shell{grid-template-columns:1fr}.contract-preview-docnav{position:static;height:auto;padding:10px}.contract-preview-doclist{display:flex;overflow-x:auto}.contract-preview-doclist button{flex:0 0 260px}.contract-preview-viewer{padding:16px}.contract-preview-paper{min-height:0;padding:34px 28px}.contract-preview-paper.legal-contract-sheet{padding:0}}@media(max-width:620px){.contract-preview-brand{align-items:flex-start;flex-direction:column;gap:10px}.contract-preview-identity{flex-basis:auto;width:100%}.contract-preview-logo-mark{width:54px;height:54px}.contract-preview-titleblock{width:100%;padding-left:0;border-left:0}.contract-preview-titleblock strong,.contract-preview-titleblock span{max-width:calc(100vw - 36px)}.contract-preview-updated{text-align:left}.contract-preview-paper{padding:24px 18px}.contract-preview-paper.legal-contract-sheet{padding:0}.contract-preview-paper-header{flex-direction:column}}.contract-preview-shell{grid-template-columns:334px minmax(0,1fr)}.contract-preview-docnav{padding:18px 14px;background:linear-gradient(180deg,#0f5c34,#23733f)}.contract-preview-progress{align-items:flex-start;padding:10px 8px 8px}.contract-preview-progress div{display:grid;gap:3px}.contract-preview-progress span{color:#ffffffad;font-size:.72rem;letter-spacing:0}.contract-preview-progress strong{color:#fff;font-size:.95rem;line-height:1.2;text-transform:none}.contract-preview-progress b{flex:0 0 auto;padding:4px 8px;border-radius:999px;background:#ffffff21;color:#fff;font-size:.82rem}.contract-preview-progressbar{height:5px;margin:0 8px 16px;overflow:hidden;border-radius:999px;background:#ffffff29}.contract-preview-progressbar span{display:block;height:100%;border-radius:inherit;background:#fff}.contract-preview-sign-note{display:flex;align-items:flex-start;gap:8px;margin:0 8px 16px;padding:10px 11px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#ffffff1a;color:#fff;font-size:.82rem;font-weight:800;line-height:1.35}.contract-preview-sign-note i{margin-top:2px;color:#d7f7e4}.contract-preview-doclist{gap:10px}.contract-preview-doclist button{grid-template-columns:34px 36px minmax(0,1fr) 18px;min-height:72px;padding:12px;border-color:#ffffff2e;border-radius:8px;background:#ffffff1a;box-shadow:inset 0 1px #ffffff14}.contract-preview-doclist button:hover,.contract-preview-doclist button.active{border-color:#fff;background:#fff;box-shadow:0 12px 28px #0826182e}.contract-preview-step,.contract-preview-doc-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:999px}.contract-preview-step{width:34px;height:34px;background:#ffffff2e;color:#fff}.contract-preview-doc-icon{width:36px;height:36px;background:#ffffff1c;color:#fff}.contract-preview-doclist button.active .contract-preview-step,.contract-preview-doclist button:hover .contract-preview-step{background:#e6f2eb;color:#174d2d}.contract-preview-doclist button.active .contract-preview-doc-icon,.contract-preview-doclist button:hover .contract-preview-doc-icon{background:#23733f;color:#fff}.contract-preview-doc-copy{min-width:0}.contract-preview-doclist button small{color:#ffffffad;letter-spacing:0}.contract-preview-doclist button strong{color:#fff;font-size:.95rem;line-height:1.25;white-space:normal}.contract-preview-doclist button.active small,.contract-preview-doclist button:hover small{color:#607168}.contract-preview-doclist button.active strong,.contract-preview-doclist button:hover strong{color:#16231b}.contract-preview-check{color:#d7f7e4}@media(max-width:980px){.contract-preview-shell{grid-template-columns:1fr}}.contract-preview-shell.signing-open{grid-template-columns:334px minmax(0,1fr)}.contract-preview-page .contract-sign-trigger{min-width:158px;min-height:38px;padding-inline:14px;border-color:#174d2d!important;background:linear-gradient(180deg,#2c8b4e,#1f6d3d)!important;color:#fff!important;font-family:inherit!important;font-size:var(--font-size-sm)!important;font-weight:600!important;box-shadow:0 10px 22px #1f6d3d38}.contract-preview-page .contract-sign-trigger i,.contract-preview-page .contract-sign-trigger span{color:inherit!important;font:inherit!important}.contract-preview-page .contract-sign-trigger:disabled{border-color:#cfd7e2;background:#e5eaf1;color:#7b8794;box-shadow:none}.contract-cookie-consent{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px auto 0;width:min(1180px,calc(100% - 28px));padding:14px 16px;border:1px solid color-mix(in srgb,var(--accent-color) 20%,var(--border-color));border-radius:8px;background:#fff;box-shadow:0 10px 28px #1118271a}.contract-cookie-consent div{display:grid;gap:4px}.contract-cookie-consent strong{color:#17212b;font-size:var(--font-size-sm)}.contract-cookie-consent span{color:#475467;font-size:.84rem;line-height:1.35}.contract-cookie-consent .btn{flex:0 0 auto}.contract-sign-panel{position:fixed;top:76px;right:0;z-index:18;display:grid;grid-template-rows:auto auto auto auto 1fr auto;gap:18px;width:min(460px,calc(100vw - 16px));max-width:100vw;height:calc(100vh - 76px);padding:22px;border-left:1px solid rgba(17,24,39,.1);background:#fff;box-shadow:-18px 0 42px #0f172a1f;overflow:auto;animation:contractSignPanelSlideIn .28s cubic-bezier(.22,.61,.36,1) both;will-change:transform}.contract-sign-panel header,.contract-sign-panel footer,.contract-sign-box-header,.contract-sign-mode{display:flex;align-items:center;gap:10px}.contract-sign-panel header,.contract-sign-panel footer,.contract-sign-box-header{justify-content:space-between}.contract-sign-panel header span{color:#667085;font-size:.72rem;font-weight:900;text-transform:uppercase}.contract-sign-panel h2{margin:4px 0 0;color:#17212b;font-size:1rem;line-height:1.3}.contract-sign-close{width:34px;padding-inline:0}.contract-sign-field{display:grid;gap:7px;color:#17212b;font-size:.86rem;font-weight:800}.contract-sign-box{display:grid;gap:10px}.contract-sign-box-header strong{color:#17212b;font-size:.86rem}.contract-sign-box-header button{border:0;background:transparent;color:#98a2b3;font-size:.78rem;font-weight:800;cursor:pointer}.contract-sign-box-header button:disabled{opacity:.45;cursor:not-allowed}.contract-sign-mode{padding:4px;border:1px solid #d8dee8;border-radius:8px}.contract-sign-mode button{flex:1;min-height:40px;border:0;border-radius:6px;background:transparent;color:#667085;font-weight:900;cursor:pointer}.contract-sign-mode button.active{background:#23733f;color:#fff}.contract-sign-draw,.contract-sign-typed{display:grid;place-items:center;height:246px;min-height:246px;padding:18px;border:1px solid #d8dee8;border-radius:8px;background:#fbfcfd;color:#667085;text-align:center}.contract-sign-draw i{color:#23733f;font-size:2rem}.contract-sign-draw{gap:8px;place-items:stretch;padding:12px}.contract-sign-canvas{display:block;width:100%;height:158px;border:1px solid #cfd7e2;border-radius:7px;background:linear-gradient(180deg,#fffffff5,#f8fafcf5),repeating-linear-gradient(0deg,transparent 0,transparent 34px,rgba(35,115,63,.08) 35px);box-shadow:inset 0 1px 2px #1118270a;cursor:crosshair;touch-action:none}.contract-sign-draw span,.contract-sign-typed{color:#17212b;font-weight:900}.contract-sign-draw small{max-width:230px;justify-self:center;line-height:1.35}.contract-sign-typed{font-family:Brush Script MT,Segoe Script,cursive;font-size:2rem}.contract-sign-check{display:flex;align-items:flex-start;gap:9px;color:#344054;font-size:.82rem;font-weight:700;line-height:1.35}.contract-sign-check input{margin-top:3px}.contract-sign-proof{align-self:start;padding:12px 14px;border:1px solid color-mix(in srgb,var(--accent-color) 18%,var(--border-color));border-radius:8px;background:color-mix(in srgb,var(--accent-color) 5%,#fff);color:#475467;font-size:.8rem}.contract-sign-proof span{display:block;margin-bottom:6px;color:#17212b;font-weight:900}.contract-sign-proof ul{margin:0;padding-left:18px}.contract-sign-panel footer{position:sticky;bottom:-22px;margin:0 -22px -22px;padding:14px 22px;border-top:1px solid rgba(17,24,39,.1);background:#fff}@keyframes contractSignPanelSlideIn{0%{opacity:.72;transform:translate(104%)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.contract-sign-panel{animation:none}}@media(max-width:1180px){.contract-preview-shell.signing-open{grid-template-columns:1fr}.contract-sign-panel{position:static;width:auto;max-width:none;height:auto;border-left:0;border-top:1px solid rgba(17,24,39,.1);box-shadow:none}.contract-cookie-consent{align-items:stretch;flex-direction:column}}.feature-flags-page{display:grid;gap:18px}.feature-flags-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}.feature-flags-title{min-width:0}.feature-flags-title h1{margin:2px 0 6px}.feature-flags-title p{margin:0;color:var(--text-secondary)}.feature-flags-eyebrow{color:var(--accent-color);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.feature-flags-actions{display:flex;align-items:center;gap:12px;min-height:var(--button-height)}.feature-flags-status{color:var(--text-secondary);font-size:13px}.feature-flags-surface{overflow:hidden;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.feature-flags-summary{display:flex;gap:12px;flex-wrap:wrap;padding:14px 16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:13px}.feature-flags-summary strong{color:var(--text-primary)}.feature-flags-table-wrap{overflow-x:auto}.feature-flags-table{width:100%;min-width:760px;border-collapse:collapse}.feature-flags-table th,.feature-flags-table td{padding:14px 16px;border-bottom:1px solid var(--border-color-light);text-align:left;vertical-align:middle}.feature-flags-table th{background:color-mix(in srgb,var(--bg-tertiary) 82%,var(--bg-secondary));color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.feature-flags-table tbody tr:hover{background:color-mix(in srgb,var(--bg-tertiary) 55%,transparent)}.feature-flags-table tbody tr:last-child td{border-bottom:0}.feature-flag-switch{position:relative;display:inline-flex;width:44px;height:24px}.feature-flag-switch input{position:absolute;inset:0;opacity:0;cursor:pointer}.feature-flag-switch span{width:100%;height:100%;border-radius:999px;background:color-mix(in srgb,var(--text-secondary) 30%,var(--bg-tertiary));transition:background .2s ease}.feature-flag-switch span:before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .2s ease}.feature-flag-switch input:checked+span{background:var(--accent-color)}.feature-flag-switch input:checked+span:before{transform:translate(20px)}.feature-flag-switch input:focus-visible+span{outline:2px solid var(--accent-color);outline-offset:3px}.feature-flag-name{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.feature-flag-state-pill,.feature-flag-chip{display:inline-flex;align-items:center;min-height:24px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700}.feature-flag-state-pill{background:color-mix(in srgb,var(--text-secondary) 12%,var(--bg-secondary));color:var(--text-secondary)}.feature-flag-state-pill.is-enabled{background:color-mix(in srgb,var(--accent-color) 14%,var(--bg-secondary));color:var(--accent-color)}.feature-flag-chip{background:var(--bg-tertiary);color:var(--text-primary)}.feature-flag-description{color:var(--text-secondary)}.feature-flags-state{min-height:160px;display:grid;place-items:center;gap:8px;color:var(--text-secondary);font-size:14px}@media(max-width:640px){.feature-flags-actions{width:100%;justify-content:space-between}.feature-flags-actions .btn{flex:0 0 auto}}.dashboard-page .welcome-card{background:var(--sidebar-bg);color:var(--sidebar-text);padding:calc(var(--padding-lg) * 1.5);border-radius:calc(var(--border-radius) * 2);margin-bottom:calc(var(--margin-lg) * 1.5);text-align:center;box-shadow:var(--shadow-md)}.dashboard-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--margin-lg);margin-bottom:calc(var(--margin-lg) * 1.5)}.dashboard-page .stat-card{background-color:var(--bg-secondary);padding:calc(var(--padding-lg) * 1.25);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);text-align:center;border:1px solid var(--border-color);transition:box-shadow .3s ease}.dashboard-page .stat-card:hover{box-shadow:var(--shadow-md)}.dashboard-page .stat-number{font-size:2.5rem;font-weight:700;color:var(--accent-color);margin-bottom:var(--margin-sm)}.dashboard-page .stat-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.dashboard-page .card-link{cursor:pointer;transition:box-shadow .2s ease,transform .15s ease}.dashboard-page .card-link:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.dashboard-page{display:grid;gap:20px}.dashboard-session-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:16px}.dashboard-user-panel,.dashboard-role-panel,.dashboard-quicklinks{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.dashboard-user-panel{display:flex;align-items:center;gap:16px;min-width:0;padding:18px}.dashboard-avatar{width:52px;height:52px;display:grid;place-items:center;flex:0 0 auto;border-radius:var(--border-radius);background:var(--bg-tertiary);color:var(--accent-color);font-size:22px}.dashboard-user-copy{min-width:0;display:grid;gap:2px}.dashboard-label{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.dashboard-user-name{color:var(--text-primary);font-size:22px;line-height:1.2;overflow-wrap:anywhere}.dashboard-user-email{color:var(--text-secondary);font-size:14px;overflow-wrap:anywhere}.dashboard-role-panel{display:grid;align-content:center;gap:8px;padding:18px}.dashboard-role-panel strong{font-size:20px}.dashboard-role-pill{width:fit-content;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent-color) 12%,var(--bg-secondary));color:var(--accent-color);font-size:12px;font-weight:700}.dashboard-quicklinks{display:grid;gap:14px;padding:18px}.dashboard-section-heading h2{margin:2px 0 0;font-size:18px}.dashboard-link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.dashboard-shortcut{min-height:76px;display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:14px;border:1px solid var(--border-color-light);border-radius:var(--border-radius);background:color-mix(in srgb,var(--bg-secondary) 72%,var(--bg-tertiary));color:var(--text-primary);text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.dashboard-shortcut:hover{border-color:var(--border-color);box-shadow:var(--shadow-sm);transform:translateY(-1px);color:var(--text-primary)}.dashboard-shortcut-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:var(--border-radius);background:var(--bg-secondary);color:var(--accent-color)}.dashboard-shortcut-copy{min-width:0;display:grid;gap:2px}.dashboard-shortcut-copy strong{color:var(--text-primary);font-size:15px}.dashboard-shortcut-copy span,.dashboard-shortcut-arrow{color:var(--text-secondary);font-size:13px}@media(max-width:760px){.dashboard-session-grid{grid-template-columns:1fr}.dashboard-user-panel{align-items:flex-start}}.legal-suite-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.legal-suite-eyebrow{margin:0 0 4px;color:var(--text-secondary);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.legal-suite-header h3{margin-bottom:4px}.juridische-document-subtitle{max-width:680px;margin:0;color:var(--text-secondary);font-size:var(--font-size-sm)}.juridische-document-actions{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.legal-suite-layout{display:grid;grid-template-columns:minmax(240px,.26fr) minmax(0,1fr);gap:18px;align-items:start}.juridische-document-list{display:grid;gap:8px;padding:10px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.legal-suite-summary{display:grid;gap:2px;padding:12px;border-radius:8px;background:color-mix(in srgb,var(--accent-color) 9%,var(--bg-tertiary));color:var(--text-primary)}.legal-suite-summary strong{color:var(--accent-color);font-size:1.25rem;line-height:1}.legal-suite-summary span{color:var(--text-secondary);font-size:.78rem;font-weight:700}.juridische-document-switch{display:flex;align-items:flex-start;gap:10px;width:100%;min-height:70px;padding:12px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-primary);text-align:left}.juridische-document-switch:hover,.juridische-document-switch.active{border-color:color-mix(in srgb,var(--accent-color) 42%,var(--border-color));background:color-mix(in srgb,var(--accent-color) 8%,var(--bg-secondary))}.juridische-document-switch i{flex:0 0 20px;margin-top:3px;color:var(--accent-color);text-align:center}.juridische-document-switch span{display:grid;gap:4px;min-width:0}.juridische-document-switch strong,.juridische-document-switch small{overflow-wrap:anywhere}.juridische-document-switch small{color:var(--text-secondary);font-size:.78rem}.legal-suite-main{display:grid;gap:14px;min-width:0}.legal-document-controlbar{display:grid;gap:14px;padding:14px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.juridische-document-fields{display:grid;grid-template-columns:minmax(180px,1fr) minmax(130px,.32fr) auto;gap:14px;align-items:end}.juridische-document-active{margin:0 0 10px;white-space:nowrap}.legal-preview-tabs{display:flex;flex-wrap:wrap;gap:8px}.legal-preview-tabs button{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-tertiary);color:var(--text-secondary);font-weight:800}.legal-preview-tabs button:hover,.legal-preview-tabs button.active{border-color:color-mix(in srgb,var(--accent-color) 48%,var(--border-color));background:color-mix(in srgb,var(--accent-color) 11%,var(--bg-secondary));color:var(--accent-color)}.legal-preview-stage{min-width:0;padding:clamp(14px,2vw,24px);border:1px solid var(--border-color);border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color) 10%,transparent),transparent 38%),color-mix(in srgb,var(--bg-tertiary) 80%,var(--bg-secondary));box-shadow:var(--shadow-sm)}.legal-contract-sheet{width:min(100%,920px);min-height:720px;margin:0 auto;overflow:hidden;border:1px solid color-mix(in srgb,var(--border-color) 72%,black);border-radius:8px;background:#fff;color:#20242a;box-shadow:0 18px 45px #0f172a2e}.legal-contract-sheet-wide{width:min(100%,1080px)}.legal-document-cover{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:clamp(22px,4vw,42px);border-bottom:1px solid #d8dde6;background:linear-gradient(135deg,#184b35f5,#205a48e6),#184b35;color:#fff}.legal-document-cover p{margin:0 0 8px;color:#ffffffc2;font-size:.82rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.legal-document-cover h1{margin:0;color:#fff;font-size:clamp(1.55rem,4vw,2.45rem);letter-spacing:0}.legal-version-badge{flex:0 0 auto;padding:8px 10px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff1f;color:#fff;font-size:.86rem;font-weight:800}.legal-document-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border-bottom:1px solid #d8dde6;background:#f6f8fb}.legal-document-meta div{min-width:0;padding:14px 16px;border-right:1px solid #d8dde6}.legal-document-meta div:last-child{border-right:none}.legal-document-meta dt{margin:0 0 4px;color:#697386;font-size:.72rem;font-weight:800;text-transform:uppercase}.legal-document-meta dd{margin:0;color:#20242a;font-size:.9rem;font-weight:700;overflow-wrap:anywhere}.juridische-document-preview{overflow-x:auto;padding:clamp(24px,5vw,52px);background:#fff}.juridische-document-preview .legal-document{max-width:760px;margin:0 auto}.juridische-document-preview .legal-contract-package{max-width:900px}.legal-contract-package-section{padding-top:28px;margin-top:32px;border-top:2px solid #d8dde6}.legal-contract-package-section:first-of-type{padding-top:0;border-top:none}.legal-contract-loading{padding:28px}.juridische-document-preview h1{margin:0 0 22px;color:#17202a;font-size:1.9rem;letter-spacing:0}.juridische-document-preview h2{margin:28px 0 10px;padding-top:12px;border-top:1px solid #e4e8ef;color:#184b35;font-size:1.08rem;letter-spacing:0}.juridische-document-preview p,.juridische-document-preview li,.juridische-document-preview td,.juridische-document-preview th{color:#2d3748;font-size:.98rem;line-height:1.72}.juridische-document-preview p{margin:0 0 12px}.juridische-document-preview .legal-note{padding:12px 14px;border-left:4px solid #184b35;background:#f1f7f4;color:#315446;font-weight:700}.juridische-document-preview table{width:100%;min-width:680px;margin:16px 0;border-collapse:collapse}.juridische-document-preview th,.juridische-document-preview td{padding:10px 12px;border:1px solid #d8dde6;text-align:left;vertical-align:top}.juridische-document-preview th{background:#f6f8fb;color:#17202a;font-weight:800}.juridische-document-preview h3{margin:20px 0 8px;color:#184b35;font-size:.98rem;font-weight:800}.juridische-document-preview ol,.juridische-document-preview ul{margin:0 0 14px;padding-left:22px}.juridische-document-preview li{margin-bottom:6px;padding-left:4px}.juridische-document-preview ol ol,.juridische-document-preview ol ul,.juridische-document-preview ul ol,.juridische-document-preview ul ul{margin:8px 0 4px}.juridische-document-preview ol ol{list-style-type:lower-alpha}.juridische-document-preview ol ol ol{list-style-type:lower-roman}.juridische-document-preview blockquote{margin:0 0 14px;padding:12px 16px;border-left:4px solid #184b35;background:#f6f8fb;color:#34414f;font-style:italic}.juridische-document-preview .legal-doc-lead{margin:0 0 16px;color:#46505f;font-size:1.02rem;line-height:1.7}.juridische-document-preview .legal-doc-status{margin:0 0 18px;padding:10px 14px;border:1px solid #e4e8ef;border-radius:8px;background:#fbfcfe;color:#697386;font-size:.84rem;line-height:1.6}.juridische-document-preview .legal-doc-status strong{color:#17202a}.juridische-document-editor,.legal-package-preview{display:grid;gap:14px;padding:16px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.juridische-document-source{display:grid;gap:6px;min-width:0}.juridische-document-source small{color:var(--text-secondary);font-size:.78rem}.juridische-document-textarea{min-height:640px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.88rem;line-height:1.45}.legal-package-card{padding:18px;border:1px solid var(--border-color);border-radius:8px;background:color-mix(in srgb,var(--accent-color) 7%,var(--bg-secondary))}.legal-package-card h3,.legal-package-card p{margin-bottom:8px}.legal-package-card p:last-child{margin-bottom:0;color:var(--text-secondary)}.legal-package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.legal-package-item{display:flex;gap:12px;align-items:flex-start;min-height:84px;padding:14px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-tertiary)}.legal-package-item.active{border-color:color-mix(in srgb,var(--success-color) 48%,var(--border-color));background:color-mix(in srgb,var(--success-color) 9%,var(--bg-tertiary))}.legal-package-item i{margin-top:3px;color:var(--accent-color)}.legal-package-item div{display:grid;gap:4px}.legal-package-item span{color:var(--text-secondary);font-size:.82rem}@media(max-width:1180px){.legal-suite-layout{grid-template-columns:1fr}.juridische-document-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media(max-width:820px){.legal-suite-header,.legal-document-cover{flex-direction:column}.juridische-document-actions{justify-content:flex-start;width:100%}.juridische-document-actions .btn{flex:1 1 170px}.juridische-document-fields,.legal-document-meta{grid-template-columns:1fr}.legal-document-meta div{border-right:none;border-bottom:1px solid #d8dde6}.legal-document-meta div:last-child{border-bottom:none}.juridische-document-textarea{min-height:460px}}.legal-parameters-panel{display:grid;gap:14px;min-width:0}.legal-parameters-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:16px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.legal-parameters-header h3{margin-bottom:4px}.legal-parameters-subtitle{max-width:720px;margin:0;color:var(--text-secondary);font-size:var(--font-size-sm)}.legal-parameters-actions{display:inline-flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.legal-parameters-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.legal-parameters-summary div{display:grid;gap:4px;min-width:0;padding:14px;border:1px solid var(--border-color);border-radius:8px;background:color-mix(in srgb,var(--accent-color) 7%,var(--bg-secondary))}.legal-parameters-summary span{color:var(--text-secondary);font-size:.76rem;font-weight:800;text-transform:uppercase}.legal-parameters-summary strong{color:var(--text-primary);font-size:1rem;overflow-wrap:anywhere}.legal-parameter-groups{display:grid;gap:14px}.legal-parameter-group{display:grid;gap:14px;padding:16px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.legal-parameter-group-header{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.legal-parameter-group-header h4{margin:0;font-size:1rem}.legal-parameter-group-header span{flex:0 0 auto;padding:5px 8px;border-radius:8px;background:var(--bg-tertiary);color:var(--text-secondary);font-size:.78rem;font-weight:800}.legal-parameter-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px 14px}.legal-parameter-field{display:grid;gap:6px;min-width:0}.legal-parameter-field .form-label{display:flex;align-items:center;gap:8px;min-width:0}.legal-parameter-field small{color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.72rem;overflow-wrap:anywhere}.legal-required-badge{flex:0 0 auto;padding:2px 6px;border-radius:999px;background:color-mix(in srgb,var(--warning-color) 18%,var(--bg-tertiary));color:var(--text-secondary);font-size:.68rem;font-weight:800;text-transform:uppercase}@media(max-width:820px){.legal-parameters-header{flex-direction:column}.legal-parameters-actions{width:100%;justify-content:flex-start}.legal-parameters-actions .btn{flex:1 1 150px}.legal-parameters-summary,.legal-parameter-grid{grid-template-columns:1fr}}.updates-page{display:grid;gap:18px}.updates-hero-card{overflow:hidden}.updates-hero-body{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px!important;background:radial-gradient(circle at top right,rgba(var(--accent-color-rgb),.14),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--accent-color) 8%,var(--container-bg)),var(--container-bg))}.updates-eyebrow{margin-bottom:8px;color:var(--accent-color);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.updates-intro{max-width:62ch;margin-top:6px;margin-bottom:0;font-size:.95rem}.updates-host-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--accent-color) 18%,var(--border-color));border-radius:999px;background:color-mix(in srgb,var(--accent-color) 10%,var(--bg-primary));color:var(--text-primary);font-size:.84rem;white-space:nowrap}.updates-section-card h4{display:flex;align-items:center;gap:10px;margin-bottom:8px}.updates-section-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:14px}.updates-section-copy{max-width:74ch;margin:0}.updates-section-copy a{color:var(--accent-color);font-weight:600;text-decoration:none}.updates-section-copy a:hover{text-decoration:underline}.updates-inline-path{font-family:Consolas,Courier New,monospace;font-size:.92em;color:var(--text-primary)}.updates-list{display:grid;gap:12px}.updates-item{padding:16px 18px;border:1px solid var(--container-border-color);border-radius:12px;background:color-mix(in srgb,var(--container-bg) 82%,var(--bg-primary))}.updates-item-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;color:var(--text-secondary);font-size:.82rem;font-weight:600}.updates-item-title{margin-bottom:6px;font-weight:600;font-size:1.02rem;color:var(--text-primary)}.updates-item-summary{margin:0}.updates-commit-link{display:inline-flex;align-items:center;gap:8px;color:var(--accent-color);text-decoration:none}.updates-commit-link:hover{text-decoration:underline}.updates-commit-link-muted{color:var(--text-muted)}.updates-detail-list{margin:12px 0 0;padding-left:18px;color:var(--text-primary)}.updates-detail-list li+li{margin-top:8px}@media(max-width:900px){.updates-hero-body,.updates-section-head{display:grid;grid-template-columns:1fr}.updates-host-pill{justify-self:start}.updates-item-meta{align-items:flex-start;flex-direction:column}}.settings-page .settings-container{width:min(100%,1040px);max-width:none;margin:0 auto;padding:0}.settings-page .settings-card{background:color-mix(in srgb,var(--bg-secondary) 94%,#ffffff);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:22px;border:1px solid var(--border-color)}.settings-page .settings-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.settings-page .setting-group{background:color-mix(in srgb,var(--bg-tertiary) 70%,#ffffff);border-radius:var(--border-radius);padding:16px;border:1px solid var(--border-color-light)}.settings-page .settings-row>.setting-group:first-child{grid-column:1 / -1}.settings-page .setting-group.full-width{grid-column:1 / -1}.settings-page .setting-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.settings-page .setting-header.compact{margin:0}.settings-page .setting-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--border-radius);background:rgba(var(--accent-color-rgb),.1);font-size:.95rem;color:var(--accent-color)}.settings-page .setting-title{font-weight:600;color:var(--text-primary);font-size:1rem;margin:0}.settings-page .setting-description{color:var(--text-secondary);font-size:.85rem;margin-bottom:12px;line-height:1.4}.settings-page .setting-description.compact{margin-top:-4px}.settings-page .options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px}.settings-page .option-card{border:1px solid var(--border-color);border-radius:var(--border-radius);padding:10px;cursor:pointer;transition:all .2s ease;background:var(--bg-secondary);text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.settings-page .option-card:hover{border-color:var(--accent-color);background:var(--bg-primary);transform:none}.settings-page .option-card.active{border-color:var(--accent-color);background:var(--accent-color);color:#fff;box-shadow:var(--shadow-sm)}.settings-page .option-card.active .option-icon,.settings-page .option-card.active .option-title{color:#fff}.settings-page .option-icon{font-size:1.3rem;color:var(--accent-color)}.settings-page .option-title{font-weight:500;color:var(--text-primary);font-size:.8rem}.settings-page .table-tint-grid{grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:10px}.settings-page .table-tint-option{align-items:flex-start;gap:8px}.settings-page .table-tint-swatch{width:100%;height:18px;border-radius:var(--border-radius);border:1px solid rgba(0,0,0,.08)}.settings-page .option-card.table-tint-option.active .table-tint-swatch{border-color:#ffffffa6}.settings-page .table-tint-custom{margin-top:12px;padding:10px;border:1px dashed var(--border-color);border-radius:var(--border-radius);background:color-mix(in srgb,var(--bg-secondary) 88%,var(--bg-primary))}.settings-page .table-tint-custom.active{border-color:color-mix(in srgb,var(--accent-color) 45%,var(--border-color));background:color-mix(in srgb,var(--accent-color) 8%,var(--bg-secondary))}.settings-page .table-tint-custom-label{font-size:.78rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.settings-page .table-tint-custom-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.settings-page .table-tint-custom-picker{width:40px;height:34px;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:0;cursor:pointer;background:transparent}.settings-page .table-tint-custom-input{min-width:110px;padding:6px 8px;font-size:.8rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-secondary);color:var(--text-primary)}.settings-page .theme-demo,.settings-page .display-demo,.settings-page .background-pattern-demo,.settings-page .sidebar-style-demo{margin-top:8px;padding:4px 8px;border-radius:4px;font-size:.7rem;text-align:center;border:1px solid var(--border-color-light);background:var(--bg-primary)}.settings-page .theme-demo.light-demo{background:#fff;color:var(--text-primary);border-color:var(--border-color-light)}.settings-page .theme-demo.dark-demo{background:#0b1710;color:#edf6ef;border-color:#1d6e3f}.settings-page .theme-demo.auto-demo{background:linear-gradient(45deg,#fff 50%,#0b1710 50%);color:var(--text-secondary);border-color:var(--border-color)}.settings-page .sidebar-style-demo{width:100%;height:30px;padding:0}.settings-page .sidebar-style-demo.sidebar-gradient-demo{background:linear-gradient(180deg,var(--sidebar-accent-start),var(--sidebar-accent-end))}.settings-page .sidebar-style-demo.sidebar-solid-demo{background:var(--accent-color)}.settings-page .sidebar-style-demo.sidebar-white-demo{background:#fff}.settings-page .display-demo.compact-demo{padding:2px 6px;font-size:.65rem}.settings-page .accent-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.settings-page .accent-color-picker{width:54px;height:54px;padding:0;border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;background:#fff}.settings-page .accent-inputs{display:flex;flex-direction:column;gap:6px}.settings-page .accent-input-row{display:flex;gap:6px;align-items:center}.settings-page .accent-hex-input{width:110px;padding:6px 8px;font-size:.8rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-secondary);color:var(--text-primary)}.settings-page .accent-help{font-size:11px;color:var(--text-secondary)}.settings-page .setting-divider{height:1px;background:var(--border-color-light);margin:18px 0;opacity:.4}.settings-page .gradient-container{margin-top:16px}.settings-page .gradient-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.settings-page .gradient-label{font-size:13px;font-weight:600;color:var(--text-primary)}.settings-page .gradient-value{font-size:12px;font-weight:600;color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 12%,white);padding:3px 10px;border-radius:var(--border-radius)}.settings-page .gradient-slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;outline:none;cursor:pointer;background:linear-gradient(90deg,var(--accent-color) 0%,#000000 100%)}.settings-page .gradient-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-color);cursor:pointer;box-shadow:0 2px 4px #0003;transition:transform .2s,box-shadow .2s}.settings-page .gradient-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px #0000004d}.settings-page .gradient-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent-color);cursor:pointer;border:none;box-shadow:0 2px 4px #0003;transition:transform .2s,box-shadow .2s}.settings-page .gradient-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px #0000004d}.settings-page .gradient-scale{display:flex;justify-content:space-between;margin-top:4px;font-size:11px;color:var(--text-secondary)}.settings-page .save-section{display:flex;align-items:center;justify-content:space-between;padding-top:15px;border-top:1px solid var(--border-color-light);margin-top:15px}.settings-page .status-text{color:var(--text-secondary);font-size:.85rem}.settings-page .compact-option-picker{position:relative;width:min(160px,100%)}.settings-page .compact-option-trigger{width:100%;min-height:92px}.settings-page .compact-option-popover{position:absolute;top:calc(100% + 10px);left:0;width:min(520px,calc(100vw - 60px));z-index:30;padding:12px;border:1px solid color-mix(in srgb,var(--accent-color) 35%,var(--border-color));border-radius:8px;background:var(--bg-secondary);box-shadow:0 14px 34px #00000029}.settings-page .compact-option-popover:before{content:"";position:absolute;top:-7px;left:34px;width:12px;height:12px;border-left:1px solid color-mix(in srgb,var(--accent-color) 35%,var(--border-color));border-top:1px solid color-mix(in srgb,var(--accent-color) 35%,var(--border-color));background:var(--bg-secondary);transform:rotate(45deg)}.settings-page .compact-option-popover-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:var(--text-primary);font-size:.82rem;font-weight:700}.settings-page .compact-option-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer}.settings-page .compact-option-close:hover{color:var(--accent-color);border-color:var(--accent-color)}.settings-page .compact-option-grid{grid-template-columns:repeat(auto-fit,minmax(115px,1fr));max-height:360px;overflow:auto;padding-right:2px}.settings-page .compact-option-choice{min-height:88px}.settings-page .settings-intensity-control{margin-top:12px;padding-top:10px;border-top:1px solid var(--border-color-light)}.settings-page .settings-intensity-label{margin-bottom:8px;color:var(--text-primary);font-size:.78rem;font-weight:700}.settings-page .settings-intensity-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.settings-page .settings-intensity-option{min-height:32px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-tertiary);color:var(--text-secondary);font-size:.76rem;font-weight:600;cursor:pointer}.settings-page .settings-intensity-option:hover,.settings-page .settings-intensity-option.active{border-color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 12%,var(--bg-secondary));color:var(--accent-color)}.settings-page .settings-intensity-preview{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(68px,.9fr);gap:10px;align-items:stretch;margin-top:10px;padding:10px;border:1px solid var(--border-color-light);border-radius:10px;background:color-mix(in srgb,var(--preview-tint) var(--preview-light),var(--bg-primary))}.settings-page .settings-intensity-preview-table,.settings-page .settings-intensity-preview-device-frame{display:grid;gap:6px;min-height:68px;padding:8px;border-radius:8px;border:1px solid color-mix(in srgb,var(--preview-tint) var(--preview-border),var(--border-color));background:color-mix(in srgb,var(--preview-tint) var(--preview-intensity),var(--preview-surface))}.settings-page .settings-intensity-preview-table{grid-template-rows:14px repeat(3,1fr)}.settings-page .preview-table-header,.settings-page .preview-table-row,.settings-page .preview-card,.settings-page .preview-chip,.settings-page .preview-device-toolbar{display:block;border-radius:5px;border:1px solid color-mix(in srgb,var(--preview-tint) var(--preview-border),var(--border-color));background:color-mix(in srgb,var(--preview-tint) var(--preview-strong),var(--preview-surface-alt))}.settings-page .preview-table-header{border-radius:4px;background:color-mix(in srgb,var(--preview-tint) min(96%,calc(var(--preview-strong) + 8%)),var(--preview-surface-alt))}.settings-page .preview-table-row{height:12px}.settings-page .preview-table-row-alt{background:color-mix(in srgb,var(--preview-tint) var(--preview-mid),var(--preview-surface-alt))}.settings-page .settings-intensity-preview-side{display:grid;gap:8px;align-content:center}.settings-page .preview-chip{height:16px;background:color-mix(in srgb,var(--preview-tint) var(--preview-mid),var(--preview-surface-alt))}.settings-page .preview-chip-muted{background:color-mix(in srgb,var(--preview-tint) var(--preview-light),var(--preview-surface-alt))}.settings-page .settings-intensity-preview-device-frame{grid-template-rows:10px 1fr}.settings-page .settings-intensity-preview-background-frame{background:linear-gradient(135deg,color-mix(in srgb,var(--preview-tint) calc(var(--preview-intensity) * .38),transparent) 0 24%,transparent 24% 100%),linear-gradient(90deg,color-mix(in srgb,var(--preview-tint) calc(var(--preview-intensity) * .18),transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,var(--preview-tint) calc(var(--preview-intensity) * .18),transparent) 1px,transparent 1px),color-mix(in srgb,var(--preview-tint) var(--preview-intensity),var(--preview-surface));background-size:auto,10px 10px,10px 10px,auto}.settings-page .preview-device-toolbar{height:10px;border-radius:999px;background:color-mix(in srgb,var(--preview-tint) var(--preview-light),var(--preview-surface-alt))}.settings-page .preview-device-body{display:grid;gap:7px}.settings-page .preview-card{height:18px}.settings-page .preview-card-main{background:color-mix(in srgb,var(--preview-tint) var(--preview-strong),var(--preview-surface-alt))}.settings-page .preview-card-secondary{background:color-mix(in srgb,var(--preview-tint) var(--preview-mid),var(--preview-surface-alt))}.settings-page .background-pattern-demo{width:100%;height:34px;padding:0;overflow:hidden}.settings-page .background-pattern-demo.none-demo{background:var(--bg-primary)}.settings-page .background-pattern-demo.abstract-demo{background:linear-gradient(135deg,transparent 0 34%,rgba(var(--accent-color-rgb),.16) 34% 38%,transparent 38%),linear-gradient(28deg,transparent 0 62%,rgba(var(--accent-color-rgb),.1) 62% 68%,transparent 68%),var(--bg-primary)}.settings-page .background-pattern-demo.grid-demo{background:linear-gradient(rgba(var(--accent-color-rgb),.22) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--accent-color-rgb),.18) 1px,transparent 1px),var(--bg-primary);background-size:12px 12px}.settings-page .background-pattern-demo.diagonal-demo{background:repeating-linear-gradient(135deg,rgba(var(--accent-color-rgb),.16) 0 1px,transparent 1px 10px),var(--bg-primary)}.settings-page .background-pattern-demo.blueprint-demo{background:linear-gradient(rgba(var(--accent-color-rgb),.18) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--accent-color-rgb),.18) 1px,transparent 1px),linear-gradient(rgba(var(--accent-color-rgb),.08) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--accent-color-rgb),.08) 1px,transparent 1px),var(--bg-primary);background-size:28px 28px,28px 28px,7px 7px,7px 7px}.settings-page .background-pattern-demo.woven-demo{background:repeating-linear-gradient(0deg,rgba(var(--accent-color-rgb),.13) 0 1px,transparent 1px 8px),repeating-linear-gradient(90deg,rgba(90,114,123,.13) 0 1px,transparent 1px 8px),var(--bg-primary)}.settings-page .background-pattern-demo.crosshatch-demo{background:repeating-linear-gradient(45deg,rgba(var(--accent-color-rgb),.13) 0 1px,transparent 1px 12px),repeating-linear-gradient(135deg,rgba(90,114,123,.12) 0 1px,transparent 1px 12px),var(--bg-primary)}.settings-page .background-pattern-demo.paper-demo{background:linear-gradient(rgba(90,114,123,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--accent-color-rgb),.08) 1px,transparent 1px),linear-gradient(135deg,rgba(var(--accent-color-rgb),.08),transparent 44%),var(--bg-primary);background-size:100% 13px,34px 100%,100% 100%}.settings-page .background-pattern-demo.corner-lines-demo{background:linear-gradient(135deg,rgba(var(--accent-color-rgb),.22) 0 18%,transparent 18%),linear-gradient(315deg,rgba(90,114,123,.16) 0 18%,transparent 18%),var(--bg-primary)}.settings-page .background-pattern-demo.soft-bands-demo{background:linear-gradient(115deg,transparent 0 18%,rgba(var(--accent-color-rgb),.12) 18% 34%,transparent 34% 52%,rgba(90,114,123,.1) 52% 64%,transparent 64%),var(--bg-primary)}.settings-page .option-card.background-pattern-option.active .background-pattern-demo{border-color:#ffffffa6}.auth-layout{min-height:100vh}.auth-page{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;background:linear-gradient(135deg,#f6f7f9,color-mix(in srgb,var(--accent-color) 14%,#d9e1ea));position:relative;overflow:hidden;font-family:Inter,Segoe UI,Arial,sans-serif}.auth-page:before,.auth-page:after{content:"";position:absolute;width:240px;height:240px;background:color-mix(in srgb,var(--accent-color) 6%,transparent);border-radius:50%;animation:auth-float 25s infinite ease-in-out;opacity:.6}.auth-page:before{top:10%;left:5%}.auth-page:after{bottom:15%;right:10%;width:180px;height:180px;animation-delay:5s}@keyframes auth-float{0%,to{transform:translateY(0) translate(0)}33%{transform:translateY(-50px) translate(30px)}66%{transform:translateY(-30px) translate(-30px)}}.auth-card{background:#fff;border-radius:22px;padding:48px 44px;width:100%;max-width:460px;box-shadow:0 24px 70px #00000014,0 0 0 1px color-mix(in srgb,var(--accent-color) 18%,transparent) inset;border:1px solid color-mix(in srgb,var(--accent-color) 18%,transparent);animation:auth-fade-in .8s cubic-bezier(.16,1,.3,1);position:relative;z-index:2}.auth-card-wide{max-width:500px}@keyframes auth-fade-in{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-header{text-align:center;margin-bottom:40px}.auth-logo{margin:0 auto 28px;display:flex;align-items:center;justify-content:center}.auth-logo-image{max-width:240px;height:auto;max-height:120px}.auth-logo-image img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.12))}.auth-logo-circle{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,var(--accent-color) 0%,var(--accent-hover) 100%);color:#fff;font-size:42px;box-shadow:0 15px 35px color-mix(in srgb,var(--accent-color) 40%,transparent);animation:auth-logo-float 3s ease-in-out infinite}@keyframes auth-logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.auth-title{font-size:30px;font-weight:700;color:var(--accent-color);margin-bottom:10px;letter-spacing:-.5px}.auth-subtitle{color:#4a5568;font-size:15px;font-weight:400;line-height:1.6}.auth-form{display:flex;flex-direction:column;gap:22px}.auth-field label{display:block;margin-bottom:10px;color:var(--accent-color);font-weight:500;font-size:14px}.auth-input-wrapper{position:relative}.auth-input-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:color-mix(in srgb,var(--accent-color) 70%,transparent);font-size:18px;z-index:1;transition:color .3s}.auth-input{width:100%;padding:16px 52px;border:2px solid #e2e8f0;border-radius:15px;font-size:15px;transition:all .4s cubic-bezier(.16,1,.3,1);background:#f7fafc;color:#2d3748;font-weight:500;font-family:Inter,Segoe UI,Arial,sans-serif}.auth-input:focus{outline:none;border-color:var(--accent-color);background:#fff;box-shadow:0 8px 30px color-mix(in srgb,var(--accent-color) 25%,transparent),0 0 0 4px color-mix(in srgb,var(--accent-color) 15%,transparent);transform:translateY(-2px)}.auth-input:focus~.auth-input-icon{color:var(--accent-color)}.auth-input::placeholder{color:#a0aec0;font-weight:400}.auth-eye{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:color-mix(in srgb,var(--accent-color) 70%,transparent);background:none;border:none;cursor:pointer;font-size:18px;z-index:2;transition:color .3s;padding:0}.auth-eye:hover{color:var(--accent-color)}.auth-note{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#718096;margin-top:10px;line-height:1.5}.auth-button{width:100%;padding:18px;background:linear-gradient(135deg,var(--accent-color) 0%,var(--accent-hover) 100%);color:#fff;border:none;border-radius:15px;font-size:16px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);margin-top:12px;box-shadow:0 10px 26px color-mix(in srgb,var(--accent-color) 38%,transparent),0 4px 12px #0000001f;position:relative;overflow:hidden;letter-spacing:.3px;font-family:Inter,Segoe UI,Arial,sans-serif}.auth-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s}.auth-button:hover:before{left:100%}.auth-button:hover{transform:translateY(-3px);box-shadow:0 15px 40px color-mix(in srgb,var(--accent-color) 50%,transparent),0 8px 20px #0003}.auth-button:active{transform:translateY(-1px)}.auth-button:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.auth-button-microsoft{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px;text-decoration:none;background:#fff;color:#1f2937;border:1px solid #d1d5db;box-shadow:0 6px 18px #0f172a1f}.auth-button-microsoft:before{display:none}.auth-button-microsoft i{margin:0;color:#2563eb;transform:none}.auth-button-microsoft:hover{transform:translateY(-2px);color:#0f172a;box-shadow:0 10px 24px #0f172a29}.auth-button-microsoft:hover i{transform:none}.auth-button i{margin-left:10px;transition:transform .3s}.auth-button i:first-child{margin-left:0;margin-right:10px}.auth-button:hover i{transform:translate(5px)}.auth-alert{padding:16px 20px;border-radius:15px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:14px;animation:auth-alert-slide .5s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes auth-alert-slide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.auth-alert-error{background:#fecacaf2;color:#991b1b;border-left:4px solid #dc2626;box-shadow:0 4px 15px #dc262633}.auth-alert-success{background:#a7f3d0f2;color:#065f46;border-left:4px solid #10b981;box-shadow:0 4px 15px #10b98133}.auth-footer{margin-top:36px;padding-top:28px;border-top:1px solid #e2e8f0;text-align:center;display:flex;flex-direction:column;gap:6px}.auth-footer a{color:var(--accent-color);text-decoration:none;font-weight:500;font-size:14px;transition:all .3s}.auth-footer a:hover{color:var(--accent-hover);transform:translate(3px)}.profile-page{display:grid;gap:18px;align-content:start}.profile-hero{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.profile-avatar{width:64px;height:64px;display:grid;place-items:center;border-radius:var(--border-radius);background:color-mix(in srgb,var(--accent-color) 14%,var(--bg-tertiary));color:var(--accent-color);font-size:28px;font-weight:700}.profile-identity{min-width:0;display:grid;gap:4px}.profile-eyebrow{color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.profile-identity h1{margin:0;color:var(--text-primary);font-size:28px;line-height:1.15;overflow-wrap:anywhere}.profile-email{color:var(--text-secondary);font-size:14px;overflow-wrap:anywhere}.profile-status{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--success-color) 32%,var(--border-color));border-radius:var(--border-radius);background:color-mix(in srgb,var(--success-color) 10%,var(--bg-secondary));color:var(--success-color);font-size:13px;font-weight:700;white-space:nowrap}.profile-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.profile-detail-card{min-width:0;display:grid;gap:8px;padding:16px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.profile-detail-card span{color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.profile-detail-card strong{min-width:0;color:var(--text-primary);font-size:17px;line-height:1.3;overflow-wrap:anywhere}@media(max-width:720px){.profile-hero{grid-template-columns:52px minmax(0,1fr);align-items:start;padding:16px}.profile-avatar{width:52px;height:52px;font-size:23px}.profile-status{grid-column:1 / -1;width:fit-content}.profile-identity h1{font-size:22px}}@media(max-width:768px){.login-container{margin:var(--margin-lg);padding:calc(var(--padding-lg) * 1.5) var(--padding-lg)}.dashboard-page .stats-grid{grid-template-columns:1fr}.accounts-page .role-form{flex-direction:column;align-items:stretch;gap:var(--margin-sm)}.roles-matrix .matrix-table{font-size:calc(var(--font-size-sm) * .85)}.settings-page .settings-container{padding:10px}.settings-page .settings-row{grid-template-columns:1fr;gap:15px}.settings-page .options-grid{grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.auth-card{padding:35px 25px;margin:15px}.auth-title{font-size:26px}.auth-logo-circle{width:75px;height:75px;font-size:34px}}.metrics-tiles{display:grid;gap:var(--margin-md);margin-bottom:var(--margin-lg)}.metrics-tiles.columns-2{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.metrics-tiles.columns-3{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.metrics-tiles.columns-4{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.metrics-tiles.columns-5{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.metric-tile{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:14px 16px;box-shadow:var(--shadow-sm);position:relative;display:flex;flex-direction:column;gap:6px;min-height:110px}.metric-tile .metric-header{display:flex;align-items:center;gap:8px;font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.metric-tile .metric-icon{color:var(--accent-color)}.metric-tile .metric-value{font-size:clamp(1.4rem,1.1rem + .9vw,2.1rem);font-weight:600;line-height:1.1;color:var(--text-primary)}.metric-tile .metric-sub{font-size:var(--font-size-sm);color:var(--text-muted)}.metric-tile.variant-accent{border-color:color-mix(in srgb,var(--accent-color) 50%,transparent)}.metric-tile.variant-accent:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color) 18%,transparent),transparent 65%);opacity:.4;border-radius:inherit;pointer-events:none}.metric-tile.variant-soft{background:color-mix(in srgb,var(--accent-color) 6%,var(--bg-secondary))}.metric-tile.variant-danger{border-color:var(--danger-color)}.action-bar{display:flex;gap:8px;padding:8px 0 4px;flex-wrap:wrap}.action-bar.align-right{justify-content:flex-end}.action-bar.align-left{justify-content:flex-start}.action-bar.align-center{justify-content:center}.widget-tabs{margin-bottom:var(--margin-lg)}.widget-tabs .tab-list{display:flex;gap:4px;border-bottom:1px solid var(--border-color);margin-bottom:10px;flex-wrap:wrap}.widget-tabs .tab-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-bottom:none;padding:6px 14px;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);transition:background .2s,color .2s,box-shadow .2s;box-shadow:var(--shadow-xs)}.widget-tabs .tab-btn.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 -2px 4px #0000000a}.widget-tabs .tab-btn:hover{background:color-mix(in srgb,var(--accent-color) 10%,var(--bg-tertiary));color:var(--text-primary)}.widget-tabs .tab-panels{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:var(--border-radius);padding:16px 18px;box-shadow:var(--shadow-sm)}.widget-tabs .tab-panel{display:none;animation:fadeIn .25s ease}.widget-tabs .tab-panel.active{display:block}.banner{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--border-radius);border:1px solid;margin-bottom:var(--margin-md);font-size:var(--font-size-sm);position:relative}.banner-info{background:color-mix(in srgb,var(--accent-color) 10%,var(--bg-secondary));border-color:var(--accent-color);color:var(--text-primary)}.banner-warning{background:color-mix(in srgb,var(--warning-color) 18%,var(--bg-secondary));border-color:var(--warning-color)}.banner-danger{background:color-mix(in srgb,var(--danger-color) 18%,var(--bg-secondary));border-color:var(--danger-color)}.banner-success{background:color-mix(in srgb,var(--success-color) 18%,var(--bg-secondary));border-color:var(--success-color)}.banner .banner-close{position:absolute;right:6px;top:4px;background:none;border:none;color:inherit;font-size:16px;cursor:pointer}.widget-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);margin-bottom:var(--margin-lg);display:flex;flex-direction:column}.widget-card-header{padding:10px 16px;font-weight:600;font-size:var(--font-size-base);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);color:var(--text-primary)}.widget-card-body{padding:16px 18px;font-size:var(--font-size-base);color:var(--text-primary)}.widget-card-footer{padding:10px 16px;border-top:1px solid var(--border-color);background:var(--bg-tertiary);font-size:var(--font-size-sm);color:var(--text-secondary)}.widget-card.variant-accent .widget-card-header{background:linear-gradient(90deg,var(--accent-color),color-mix(in srgb,var(--accent-color) 30%,var(--bg-tertiary)));color:var(--accent-text-color)}.widget-card.hidden{display:none!important}.partial-match-select{position:relative}.partial-match-select-menu{position:absolute;z-index:30;top:calc(100% + 4px);left:0;right:0;max-height:220px;overflow-y:auto;border:1px solid var(--border-color, #d5d5d5);border-radius:8px;background:var(--bg-secondary, #fff);box-shadow:0 8px 24px #0000001f}.partial-match-select-option{width:100%;text-align:left;border:none;padding:8px 10px;background:transparent;color:var(--text-primary, #111);cursor:pointer}.partial-match-select-option.active,.partial-match-select-option:hover{background:var(--bg-tertiary, #f3f3f3)}.partial-match-select-empty{padding:8px 10px;color:var(--text-muted, #777)}.widget-data-filter{display:inline-flex;align-items:center;gap:10px}.widget-data-filter-search input.widget-data-filter-input{width:260px}.widget-data-filter-count{font-size:var(--font-size-sm, .875rem);color:var(--text-secondary, #555);white-space:nowrap}.multi-filter-combobox{position:relative;display:inline-flex;flex-direction:column;gap:6px;min-width:260px}.multi-filter-combobox-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:8px 12px;cursor:pointer}.multi-filter-combobox-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-filter-combobox-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:30;border:1px solid var(--border-color, #d5d5d5);border-radius:8px;background:var(--bg-secondary, #fff);box-shadow:0 8px 24px #0000001f;padding:8px}.multi-filter-combobox-search{position:relative;margin-bottom:8px}.multi-filter-combobox-search input{width:100%;padding:8px 12px 8px 34px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-primary);color:var(--text-primary)}.multi-filter-combobox-search .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.multi-filter-combobox-actions{display:flex;gap:8px;margin-bottom:8px}.multi-filter-combobox-actions button{border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);border-radius:var(--border-radius);padding:4px 8px;cursor:pointer;font-size:.8rem}.multi-filter-combobox-actions button:disabled{opacity:.6;cursor:not-allowed}.multi-filter-combobox-options{max-height:220px;overflow-y:auto;display:flex;flex-direction:column}.multi-filter-combobox-option{display:flex;align-items:center;gap:8px;padding:6px 4px;cursor:pointer}.multi-filter-combobox-option:hover{background:var(--bg-tertiary, #f3f3f3)}.multi-filter-combobox-empty{padding:8px 6px;color:var(--text-muted)}.multi-filter-combobox-count{font-size:var(--font-size-sm, .875rem);color:var(--text-secondary, #555)}[data-theme=dark] .sidebar,[data-theme=auto] .sidebar,.theme-dark .sidebar{background:#16281d!important;color:#f8fafc!important;border-bottom:1px solid #2d2d2d!important}[data-theme=dark] .top-header,[data-theme=auto] .top-header,.theme-dark .top-header{background:var(--header-bg)!important;color:var(--text-primary)!important;border-bottom:1px solid var(--header-border)!important}@media(prefers-color-scheme:dark){[data-theme=auto] .standard-table,[data-theme=auto] .compact-table{background-color:#232a34!important;color:#f8fafc!important;border-color:#353b45!important}[data-theme=auto] .standard-table th,[data-theme=auto] .compact-table th{background:linear-gradient(135deg,#2d323c 80%,#232a34)!important;color:#e0e6ef!important;border-bottom:1.5px solid #353b45!important;font-weight:600}[data-theme=auto] .standard-table td,[data-theme=auto] .compact-table td{color:#f8fafc!important;background-color:#232a34!important;border-color:#353b45!important}[data-theme=auto] .standard-table tbody tr:hover,[data-theme=auto] .compact-table tbody tr:hover{background-color:#313846!important;color:#fff!important}[data-theme=auto] .standard-table tbody tr,[data-theme=auto] .compact-table tbody tr{background-color:#232a34!important}[data-theme=auto] .standard-table tbody td,[data-theme=auto] .compact-table tbody td{color:#f8fafc!important;background-color:#232a34!important}}[data-theme=dark] .standard-table tbody tr,[data-theme=dark] .compact-table tbody tr,.theme-dark .standard-table tbody tr,.theme-dark .compact-table tbody tr{background-color:#232a34!important}[data-theme=dark] .standard-table tbody td,[data-theme=dark] .compact-table tbody td,.theme-dark .standard-table tbody td,.theme-dark .compact-table tbody td{color:#f8fafc!important;background-color:#232a34!important}[data-theme=dark] .standard-table,[data-theme=dark] .compact-table,.theme-dark .standard-table,.theme-dark .compact-table{background-color:#232a34!important;color:#f8fafc!important;border-color:#353b45!important}[data-theme=dark] .standard-table th,[data-theme=dark] .compact-table th,.theme-dark .standard-table th,.theme-dark .compact-table th{background:linear-gradient(135deg,#2d323c 80%,#232a34)!important;color:#e0e6ef!important;border-bottom:1.5px solid #353b45!important;font-weight:600}[data-theme=dark] .standard-table td,[data-theme=dark] .compact-table td,.theme-dark .standard-table td,.theme-dark .compact-table td{color:#f8fafc!important;border-color:#353b45!important}[data-theme=dark] .standard-table tbody tr:hover,[data-theme=dark] .compact-table tbody tr:hover,.theme-dark .standard-table tbody tr:hover,.theme-dark .compact-table tbody tr:hover{background-color:#313846!important;color:#fff!important}[data-theme=dark] .table,.theme-dark .table{background-color:#232a34!important;color:#f8fafc!important;border-color:#353b45!important}[data-theme=dark] .table-striped tbody tr:nth-of-type(odd),.theme-dark .table-striped tbody tr:nth-of-type(odd){background-color:#262b33!important}[data-theme=dark] .table th,[data-theme=dark] .table thead th,.theme-dark .table th,.theme-dark .table thead th{background:linear-gradient(135deg,#2d323c 80%,#232a34)!important;color:#e0e6ef!important;border-bottom:1.5px solid #353b45!important;font-weight:600}[data-theme=dark] .table td,.theme-dark .table td{color:#f8fafc!important;border-color:#353b45!important}[data-theme=dark] .table tbody tr:hover,.theme-dark .table tbody tr:hover{background-color:#313846!important;color:#fff!important}[data-theme=dark] .table .btn,.theme-dark .table .btn{background-color:#2d323c!important;color:#e0e6ef!important;border-color:#3a4150!important}[data-theme=dark] .table .btn:hover,.theme-dark .table .btn:hover{background-color:#374151!important;color:#fff!important;border-color:#4b5563!important}.modal .form-select{min-height:44px!important;padding-top:10px!important;padding-bottom:10px!important;font-size:16px!important;line-height:1.4!important}.btn-info{background:#e3f0fa!important;color:#1976d2!important;border:none!important;border-radius:8px!important;box-shadow:none!important;font-weight:500}.btn-info:hover,.btn-info:focus{background:#cbe3f7!important;color:#125ea7!important}.btn-success{background:#e6f7ec!important;color:#219150!important;border:none!important;border-radius:8px!important;box-shadow:none!important;font-weight:500}.btn-success:hover,.btn-success:focus{background:#c7eed8!important;color:#176c3a!important}.btn-secondary{background:#f3f4f6!important;color:#5a5a5a!important;border:none!important;border-radius:8px!important;box-shadow:none!important;font-weight:500}.btn-secondary:hover,.btn-secondary:focus{background:#e0e1e3!important;color:#333!important}.btn-warning{background:#fff7e0!important;color:#b8860b!important;border:none!important;border-radius:8px!important;box-shadow:none!important;font-weight:500}.btn-warning:hover,.btn-warning:focus{background:#ffe9b3!important;color:#a0760a!important}.btn{padding:.45rem 1.1rem!important;font-size:1rem!important;letter-spacing:.01em;transition:background .2s,color .2s,box-shadow .2s}html{background-color:var(--bg-primary)!important;color-scheme:light dark}body{background-color:var(--bg-primary)!important;color:var(--text-primary)!important}[data-theme=dark] body,.theme-dark body{color-scheme:dark}.sidebar .menu-link{color:var(--sidebar-text-muted)!important}.sidebar .menu-link:hover{color:var(--sidebar-text)!important;background:linear-gradient(0deg,#ffffff2e,#ffffff2e),var(--sidebar-hover)!important;box-shadow:inset 0 0 0 1px #ffffff47}.sidebar .menu-link.active:hover{background:linear-gradient(0deg,#ffffff2e,#ffffff2e),var(--sidebar-active)!important;box-shadow:inset 0 0 0 1px #ffffff4d}.sidebar .menu-link.active{color:var(--sidebar-text)!important;background:var(--sidebar-active)!important}.sidebar .menu-text{color:inherit!important}.sidebar .user-info{color:var(--sidebar-text-muted)!important}.sidebar .user-info:hover{color:var(--sidebar-text)!important;background:linear-gradient(0deg,#ffffff2e,#ffffff2e),var(--sidebar-hover)!important;box-shadow:inset 0 0 0 1px #ffffff47}.sidebar .logout-btn{color:var(--sidebar-text-muted)!important}.sidebar .user-avatar,[data-theme=light] .sidebar .user-avatar,[data-theme=dark] .sidebar .user-avatar{color:#fff!important}.sidebar .logout-btn:hover{color:var(--sidebar-text)!important}.sidebar .logo h3,.sidebar .sidebar-toggle{color:var(--sidebar-header-ink, var(--sidebar-text))!important}.sidebar .menu-link i,.sidebar .user-info i,.sidebar .logout-btn i{color:inherit!important}p,span,div,label,small{color:var(--text-primary)}strong,b{color:var(--text-primary);font-weight:600}input,textarea,select{background-color:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}input:focus,textarea:focus,select:focus{background-color:var(--bg-secondary)!important;border-color:var(--accent-color)!important;color:var(--text-primary)!important}input::placeholder,textarea::placeholder{color:var(--text-muted)!important}.bg-white,.bg-light{background-color:var(--bg-secondary)!important}.bg-dark{background-color:var(--bg-tertiary)!important}.bg-primary{background-color:var(--accent-color)!important}.text-dark{color:var(--text-primary)!important}.text-light{color:var(--text-secondary)!important}.text-white{color:var(--sidebar-text)!important}.text-primary{color:var(--accent-color)!important}.border{border-color:var(--border-color)!important}.border-light{border-color:var(--border-color-light)!important}.border-primary{border-color:var(--accent-color)!important}.dropdown-menu{background-color:var(--bg-secondary)!important;border-color:var(--border-color)!important}.dropdown-item{color:var(--text-primary)!important}.dropdown-item:hover,.dropdown-item:focus{background-color:var(--bg-tertiary)!important;color:var(--accent-color)!important}.table{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important}.table th{background-color:var(--bg-tertiary)!important;border-color:var(--border-color)!important;color:var(--accent-color)!important}.table td{border-color:var(--border-color-light)!important;background-color:var(--bg-secondary)!important}.table-striped tbody tr:nth-of-type(odd) td{background-color:var(--bg-tertiary)!important}.card{background-color:var(--bg-secondary)!important;border-color:var(--border-color)!important}.card-header{background-color:var(--bg-tertiary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.card-body{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important}.card-footer{background-color:var(--bg-tertiary)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}.form-control,.form-select{background-color:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important;min-height:38px;padding:.575rem .75rem;font-size:.95rem}.form-control:focus,.form-select:focus{background-color:var(--bg-secondary)!important;border-color:var(--accent-color)!important;color:var(--text-primary)!important;box-shadow:0 0 0 .25rem color-mix(in srgb,var(--accent-color) 25%,transparent)!important}select.form-control{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}select.form-control option{color:var(--text-primary);background-color:var(--bg-secondary);padding:.5rem .75rem}[data-theme=dark] select.form-control{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E")}.modal .form-select{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important}.modal .form-select option{color:var(--text-primary)!important;background-color:var(--bg-secondary)!important}[data-theme=dark] .modal .form-select{background-color:var(--bg-tertiary)!important}.form-label{color:var(--text-primary)!important}.btn{border-radius:var(--border-radius)!important;font-size:var(--font-size-base)!important}.btn-primary{background-color:var(--accent-color)!important;border-color:var(--accent-color)!important;color:var(--accent-text-color)!important;font-weight:600!important}.btn-primary:hover{background-color:var(--accent-hover)!important;border-color:var(--accent-hover)!important;color:var(--accent-text-color)!important}.btn-secondary{background-color:var(--bg-tertiary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.btn-secondary:hover{background-color:var(--border-color)!important;color:var(--text-primary)!important}.navbar{background-color:var(--bg-secondary)!important;border-color:var(--border-color)!important}.navbar-brand,.navbar-nav .nav-link{color:var(--text-primary)!important}.alert{border-radius:var(--border-radius)!important}.alert-success{background-color:color-mix(in srgb,var(--success-color) 15%,var(--bg-secondary))!important;border-color:var(--success-color)!important;color:color-mix(in srgb,var(--success-color) 80%,black)!important}.alert-danger{background-color:color-mix(in srgb,var(--danger-color) 15%,var(--bg-secondary))!important;border-color:var(--danger-color)!important;color:color-mix(in srgb,var(--danger-color) 80%,black)!important}.alert-warning{background-color:color-mix(in srgb,var(--warning-color) 15%,var(--bg-secondary))!important;border-color:var(--warning-color)!important;color:color-mix(in srgb,var(--warning-color) 80%,black)!important}.alert-info{background-color:color-mix(in srgb,var(--info-color) 15%,var(--bg-secondary))!important;border-color:var(--info-color)!important;color:color-mix(in srgb,var(--info-color) 80%,black)!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--border-radius)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--border-radius)}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}html{scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-tertiary)}::selection{background-color:color-mix(in srgb,var(--accent-color) 30%,transparent);color:var(--text-primary)}::-moz-selection{background-color:color-mix(in srgb,var(--accent-color) 30%,transparent);color:var(--text-primary)}*:focus{outline:2px solid color-mix(in srgb,var(--accent-color) 50%,transparent);outline-offset:2px}.spinner-border,.spinner-grow{color:var(--accent-color)!important}.btn:hover,.card:hover,.list-group-item:hover{transition:all .3s ease}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease!important}.no-transition,.no-transition *{transition:none!important}@media print{*{background-color:#fff!important;color:#000!important;box-shadow:none!important;border-color:#ccc!important}}.sidebar .menu-link i,.sidebar .user-info i,.sidebar .logout-btn i,.sidebar i.fas,.sidebar i.far,.sidebar i.fab{color:inherit!important}.prefix-selector{position:relative;width:100%}.prefix-header{display:flex;align-items:center;justify-content:space-between;padding:.575rem .75rem;border:1px solid #dee2e6;border-radius:.375rem;background-color:#fff;cursor:pointer;min-height:38px}.prefix-header:hover{border-color:#007bff;background-color:#f8f9fa}.prefix-header i{transition:transform .2s ease;color:#6c757d}.prefix-options{position:absolute;top:100%;left:0;right:0;z-index:1000;background-color:#fff;border:1px solid #dee2e6;border-top:none;border-radius:0 0 .375rem .375rem;max-height:250px;overflow-y:auto;box-shadow:0 2px 4px #0000001a}.prefix-option{display:flex;align-items:center;padding:.5rem .75rem;margin:0;cursor:pointer;border-bottom:1px solid #f1f3f4;transition:background-color .15s ease}.prefix-option:last-child{border-bottom:none}.prefix-option:hover{background-color:#f8f9fa}.prefix-option input[type=checkbox]{margin-right:.5rem}.prefix-code{font-weight:600;font-family:Courier New,monospace;background-color:#e9ecef;padding:.2rem .4rem;border-radius:.25rem;margin-right:.5rem;min-width:3rem;text-align:center;font-size:.85rem}.prefix-name{font-size:.9rem;color:#495057}[data-theme=dark] .prefix-header{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .prefix-header:hover{background-color:var(--bg-tertiary);border-color:var(--accent-color)}[data-theme=dark] .prefix-options{background-color:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .prefix-option{border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .prefix-option:hover{background-color:var(--bg-tertiary)}[data-theme=dark] .prefix-code{background-color:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] .prefix-name{color:var(--text-secondary)}@media(max-width:768px){.multiselect-option label{padding:.6rem .8rem;flex-direction:column;align-items:flex-start}.prefix-name{margin-left:0;margin-top:.25rem;font-size:.85rem}.prefix-code{margin-right:0;margin-bottom:.25rem}}.roles-matrix{--matrix-table-header-bg: color-mix(in srgb, rgb(var(--table-tint-rgb)) var(--table-tint-header-mix), var(--bg-tertiary));--matrix-table-row-bg: color-mix(in srgb, rgb(var(--table-tint-rgb)) var(--table-tint-row-mix), var(--bg-secondary));--matrix-table-row-hover-bg: color-mix(in srgb, rgb(var(--table-tint-rgb)) var(--table-tint-hover-mix), var(--bg-tertiary));--matrix-table-border: color-mix(in srgb, rgb(var(--table-tint-rgb)) var(--table-tint-border-mix), var(--border-color))}.roles-matrix .matrix-table{background-color:var(--matrix-table-row-bg);border:1px solid var(--matrix-table-border);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm)}.roles-matrix .matrix-table th{background-color:var(--matrix-table-header-bg);color:var(--text-primary);text-align:center;padding:var(--padding-md);font-weight:600;font-size:var(--font-size-sm);border:1px solid var(--matrix-table-border)}.roles-matrix .matrix-table td{background-color:var(--matrix-table-row-bg);color:var(--text-primary);text-align:center;padding:var(--padding-sm);border:1px solid var(--matrix-table-border);font-size:var(--font-size-sm)}.roles-matrix .matrix-table td:first-child{text-align:left;font-weight:500;background-color:var(--matrix-table-header-bg);color:var(--text-primary)}.roles-matrix .permission-checkbox{width:18px;height:18px;accent-color:var(--accent-color);cursor:pointer;margin:0}.roles-matrix .permission-checkbox:checked{background-color:var(--accent-color);border-color:var(--accent-color)}.roles-matrix .permission-checkbox:hover{transform:scale(1.1);transition:transform .2s ease}.roles-matrix .btn-primary{background-color:var(--accent-color);border-color:var(--accent-color);color:var(--accent-text-color);font-weight:600;box-shadow:var(--shadow-sm)}.roles-matrix .btn-primary:hover{background-color:var(--accent-hover);border-color:var(--accent-hover);color:var(--accent-text-color);transform:translateY(-1px);box-shadow:var(--shadow-md)}.roles-matrix .btn-secondary{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}.roles-matrix .btn-secondary:hover{background-color:var(--border-color);color:var(--text-primary)}@media(max-width:768px){.roles-matrix .matrix-table{font-size:calc(var(--font-size-sm) * .85)}.roles-matrix .matrix-table th,.roles-matrix .matrix-table td{padding:calc(var(--padding-sm) * .75)}.roles-matrix .permission-checkbox{width:16px;height:16px}}[data-theme=dark] .roles-matrix .matrix-table th,.theme-dark .roles-matrix .matrix-table th,[data-theme=dark] .roles-matrix .matrix-table td:first-child,.theme-dark .roles-matrix .matrix-table td:first-child{background-color:var(--matrix-table-header-bg);color:var(--text-primary)}.roles-matrix .matrix-table tbody tr:hover,.roles-matrix .matrix-table tbody tr:hover td{background-color:var(--matrix-table-row-hover-bg)}.roles-matrix .matrix-table tbody tr:hover td:first-child{background-color:color-mix(in srgb,rgb(var(--table-tint-rgb)) var(--table-tint-hover-mix),var(--matrix-table-header-bg))}.roles-matrix .alert{background-color:color-mix(in srgb,var(--info-color) 10%,var(--bg-secondary));border-left:4px solid var(--info-color);color:var(--text-primary);border-radius:var(--border-radius);padding:var(--padding-md);margin-bottom:var(--margin-lg)}.roles-matrix .alert .fas{color:var(--info-color);margin-right:var(--margin-sm)}.roles-matrix .form-control{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--border-radius)}.roles-matrix .form-control:focus{border-color:var(--accent-color);box-shadow:0 0 0 .25rem color-mix(in srgb,var(--accent-color) 25%,transparent);background-color:var(--bg-secondary);color:var(--text-primary)}.roles-matrix .form-control::placeholder{color:var(--text-muted)}.table-container{--table-header-bg: color-mix(in srgb, rgb(var(--table-tint-rgb)) var(--table-tint-header-mix), var(--bg-tertiary));--table-row-bg: color-mix(in srgb, rgb(var(--table-tint-rgb)) var(--table-tint-row-mix), var(--bg-secondary));--table-row-hover-bg: color-mix(in srgb, rgb(var(--table-tint-rgb)) var(--table-tint-hover-mix), var(--bg-tertiary));--table-border-tint: color-mix(in srgb, rgb(var(--table-tint-rgb)) var(--table-tint-border-mix), var(--border-color));background:var(--table-row-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);overflow:visible;width:100%;max-width:100%;min-width:0;margin:20px 0;transition:box-shadow .3s ease;border:1px solid var(--table-border-tint)}.table-container:hover{transform:none!important;box-shadow:var(--shadow-md)!important}.table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--table-border-tint);background:var(--table-header-bg)}.table-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.table-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.table-columns-control{position:relative}.columns-dropdown-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;transition:all .2s ease}.columns-dropdown-btn:hover{border-color:var(--accent-color);color:var(--accent-color);background:var(--bg-tertiary)}.table-columns-control--compact{display:inline-flex}.columns-toggle-icon{width:20px;height:20px;border:1px solid var(--border-color);background:var(--bg-primary);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.columns-toggle-icon:hover{border-color:var(--accent-color);color:var(--accent-color)}.table-columns-control--compact .columns-menu{top:calc(100% + 6px);right:0}.columns-menu{position:absolute;top:calc(100% + 4px);right:0;width:280px;max-width:min(340px,calc(100vw - 24px));background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);z-index:1100}.columns-menu-header{padding:10px 12px;border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:.75rem;font-weight:600;text-transform:none;letter-spacing:.02em;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:wrap}.columns-menu-header>span{flex:1 1 100%;min-width:0}.columns-menu-header-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;width:100%}.columns-reset-width-btn{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);border-radius:4px;font-size:.6875rem;text-transform:none;letter-spacing:normal;padding:4px 8px;cursor:pointer;white-space:nowrap}.columns-reset-width-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.columns-reset-all-btn{border:1px solid rgba(var(--accent-color-rgb),.35);background:rgba(var(--accent-color-rgb),.1);color:var(--accent-color);border-radius:4px;font-size:.6875rem;text-transform:none;letter-spacing:normal;padding:4px 8px;cursor:pointer;white-space:nowrap}.columns-reset-all-btn:hover{border-color:var(--accent-color);background:rgba(var(--accent-color-rgb),.16)}.columns-menu-list{max-height:260px;overflow-y:auto;padding:6px}.columns-menu-item{position:relative;display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;cursor:grab;transition:background-color .15s ease,box-shadow .15s ease}.columns-menu-item.dragging{opacity:.55}.columns-menu-item.drop-before:before,.columns-menu-item.drop-after:after{content:"";position:absolute;left:8px;right:8px;height:2px;border-radius:999px;background:var(--accent-color);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb),.12)}.columns-menu-item.drop-before:before{top:0}.columns-menu-item.drop-after:after{bottom:0}.columns-menu-item:hover{background:var(--bg-tertiary)}.columns-drag-handle{width:16px;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center}.columns-menu-label{display:inline-flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;margin:0;color:var(--text-primary);cursor:pointer;font-size:.875rem}.columns-menu-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.columns-menu-label input[type=checkbox]{margin:0;accent-color:var(--accent-color)}.columns-menu-move-actions{display:inline-flex;flex:0 0 auto;align-items:center;gap:2px}.columns-menu-move-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:1px solid color-mix(in srgb,var(--accent-color) 25%,var(--border-color));border-radius:5px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;font-size:.68rem}.columns-menu-move-btn:hover,.columns-menu-move-btn:focus-visible{border-color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 10%,var(--bg-secondary));color:var(--accent-color);outline:none}.table-search{position:relative}.table-search input{padding:8px 12px 8px 36px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.875rem;width:220px;transition:all .2s ease;background:var(--bg-primary);color:var(--text-primary)}.table-search input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.15)}.table-search input::placeholder{color:var(--text-muted)}.table-search .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.875rem;pointer-events:none}.table-rows-selector{display:flex;align-items:center;gap:8px}.table-rows-selector label{margin:0;font-size:.875rem;color:var(--text-secondary);font-weight:500}.custom-select-wrapper{position:relative;width:80px}.custom-select{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border:1px solid var(--border-color);background:var(--bg-primary);border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.custom-select:hover{border-color:var(--accent-color);background:var(--bg-tertiary)}.custom-select .selected-value{font-weight:500;color:var(--text-primary)}.custom-select i{font-size:.75rem;color:var(--text-muted);transition:transform .2s ease}.custom-select:hover i{color:var(--accent-color)}.custom-select-options{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);z-index:1000;max-height:250px;overflow-y:auto}.custom-option{padding:8px 12px;cursor:pointer;font-size:.875rem;transition:all .15s ease;color:var(--text-primary)}.custom-option:hover{background:var(--bg-tertiary);color:var(--accent-color)}.custom-option.active{background:var(--accent-color);color:var(--accent-text-color);font-weight:500}.table-export{position:relative}.export-dropdown-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border-color);background:var(--accent-color);color:var(--accent-text-color);border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.export-dropdown-btn i,.export-dropdown-btn svg,.export-dropdown-btn .export-text,.export-dropdown-btn span{color:var(--accent-text-color)!important;fill:var(--accent-text-color)}.export-dropdown-btn:hover{border-color:var(--accent-color);background:var(--accent-hover);color:var(--accent-text-color)}.export-dropdown-btn:hover i,.export-dropdown-btn:hover svg,.export-dropdown-btn:hover .export-text,.export-dropdown-btn:hover span{color:var(--accent-text-color)!important;fill:var(--accent-text-color)}.export-menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);z-index:1000;min-width:150px}.export-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 14px;border:none;background:none;cursor:pointer;font-size:.875rem;color:var(--text-primary);text-align:left;transition:all .15s ease}.export-option:hover{background:var(--bg-tertiary);color:var(--accent-color)}.table-responsive{overflow-x:auto;width:100%;max-width:100%;min-width:0;position:relative;--table-zoom: 1;--table-min-scroll-width: 960px}.table-responsive--scroll{overflow-x:auto}.table-responsive--no-scroll{overflow-x:hidden}.standard-table{width:100%;border-collapse:collapse;table-layout:fixed;--actions-column-width: calc(120px * var(--table-zoom));min-width:100%}.standard-table col.table-filler-col{width:0;min-width:0;max-width:0}.standard-table col.table-actions-col{width:var(--actions-column-width)!important;min-width:var(--actions-column-width)!important;max-width:var(--actions-column-width)!important}.standard-table--has-width-overrides col.table-filler-col{width:auto;max-width:none}.table-responsive--scroll .standard-table{min-width:max(100%,var(--table-min-scroll-width))}.standard-table thead{background:var(--table-header-bg);border-bottom:2px solid var(--table-border-tint)}body .standard-table th{padding:calc(10px * var(--table-zoom)) calc(16px * var(--table-zoom))!important;text-align:left;font-weight:600;font-size:calc(.8125rem * var(--table-zoom));color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;line-height:1.5;vertical-align:middle!important;height:calc(44px * var(--table-zoom));overflow:visible;text-overflow:ellipsis;position:relative}.standard-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.standard-table th.sortable:hover{background:var(--table-row-hover-bg);color:var(--accent-color)}.standard-table .th-content{display:flex;align-items:center;width:100%;position:relative}.standard-table .th-label{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0}.standard-table .th-text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.standard-table .th-actions{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.column-resize-handle{position:absolute;top:0;right:-6px;width:12px;height:100%;border:none;background:transparent;cursor:col-resize;z-index:12;padding:0}.column-resize-handle:after{content:"";position:absolute;top:18%;bottom:18%;right:5px;width:1px;background:rgba(var(--accent-color-rgb),.25);transition:background-color .2s ease}.standard-table th:hover .column-resize-handle:after,.column-resize-handle:focus-visible:after{background:var(--accent-color)}body.column-resizing,body.column-resizing *{cursor:col-resize!important;-webkit-user-select:none;user-select:none}.sort-icon{color:var(--text-muted);font-size:.75rem;transition:color .2s ease;cursor:pointer;padding:4px;border-radius:4px}.sort-icon i{font-family:"Font Awesome 6 Free";font-weight:900;line-height:1}.sort-icon:hover{color:var(--accent-color);background:rgba(var(--accent-color-rgb),.1)}.sort-icon i.active{color:var(--accent-color)}body .standard-table tbody tr{border-bottom:1px solid var(--table-border-tint);transition:background-color .15s ease;height:calc(50px * var(--table-zoom))!important;max-height:calc(50px * var(--table-zoom))!important;background:var(--table-row-bg)}body .standard-table tbody tr.row-clickable{cursor:pointer}body .standard-table tbody tr:hover{background:var(--table-row-hover-bg)}body .standard-table tbody tr:last-child{border-bottom:none}body .standard-table td{padding:calc(10px * var(--table-zoom)) calc(16px * var(--table-zoom))!important;font-size:calc(.875rem * var(--table-zoom));color:var(--text-primary);line-height:1.5;vertical-align:middle!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body .standard-table .actions-header{text-align:center;box-sizing:border-box;min-width:var(--actions-column-width);width:var(--actions-column-width);max-width:var(--actions-column-width);white-space:nowrap;position:sticky;right:0;z-index:8;background:var(--table-header-bg);box-shadow:-8px 0 12px -12px #00000073;overflow:visible}body .standard-table .actions-header .actions-header-content{display:inline-flex;align-items:center;justify-content:center;gap:6px}body .standard-table .actions-column{text-align:center;box-sizing:border-box;min-width:var(--actions-column-width);width:var(--actions-column-width);max-width:var(--actions-column-width);white-space:nowrap;padding:calc(10px * var(--table-zoom)) calc(8px * var(--table-zoom))!important;position:sticky;right:0;z-index:6;background:var(--table-row-bg);box-shadow:-8px 0 12px -12px #00000073;overflow:visible}body .standard-table .actions-header:before,body .standard-table .actions-column:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--table-border-tint);pointer-events:none}body .standard-table tbody tr:hover .actions-column{background:var(--table-row-hover-bg)}body .standard-table .table-filler-header,body .standard-table .table-filler-cell{width:0;min-width:0;max-width:0;padding:0!important;background:transparent}body .standard-table--has-width-overrides .table-filler-header,body .standard-table--has-width-overrides .table-filler-cell{width:auto;max-width:none}body .standard-table .table-editable-cell{padding-top:calc(6px * var(--table-zoom))!important;padding-bottom:calc(6px * var(--table-zoom))!important}body .standard-table .table-inline-input{width:100%;min-width:0;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:calc(.82rem * var(--table-zoom));line-height:1.2;padding:calc(6px * var(--table-zoom)) calc(8px * var(--table-zoom))}body .standard-table .table-inline-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb),.16)}body .standard-table .table-add-row,body .standard-table .table-add-row .actions-column{background:rgba(var(--accent-color-rgb),.06)}body .standard-table .table-add-row-placeholder{color:var(--text-muted)}body .standard-table .table-action-btn.add{border-color:rgba(var(--accent-color-rgb),.28)}body .standard-table .table-action-btn.add:hover{background:var(--accent-color);color:var(--accent-text-color);border-color:var(--accent-color)}.filter-toggle{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-muted);transition:all .2s ease;display:flex;align-items:center;justify-content:center;border-radius:4px;outline:none}.filter-toggle:focus{outline:none}.filter-toggle:hover{color:var(--accent-color);background:rgba(var(--accent-color-rgb),.1)}.filter-toggle i{font-size:.875rem;font-family:"Font Awesome 6 Free";font-weight:900;line-height:1}.filter-toggle i.active{color:var(--accent-color)}.filter-toggle i.active-empty{color:#dc3545}.filter-dropdown{display:none;position:fixed;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);z-index:3200;width:280px;max-height:400px;overflow:visible}.filter-search-wrapper{padding:8px;border-bottom:1px solid var(--border-color);display:flex;gap:4px;align-items:center}.filter-search{flex:1;padding:6px 10px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.875rem;background:var(--bg-secondary);color:var(--text-primary)}.filter-search:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb),.15)}.filter-search::placeholder{color:var(--text-muted)}.filter-search-apply{display:none;padding:6px 10px;border:1px solid var(--accent-color);background:var(--accent-color);color:var(--accent-text-color);border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;transition:all .2s ease;align-items:center;justify-content:center}.filter-search-apply:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.filter-search-apply i{color:var(--accent-text-color)}.filter-options{max-height:300px;overflow-y:auto;padding:4px 0}.filter-actions{padding:8px;border-bottom:1px solid var(--border-color);display:flex;gap:8px;justify-content:space-between}.filter-action-btn{flex:1;padding:6px 10px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);border-radius:var(--border-radius);font-size:.75rem;cursor:pointer;transition:all .2s ease}.filter-action-btn:hover{background:var(--accent-color);color:var(--accent-text-color);border-color:var(--accent-color)}.filter-footer{padding:10px 12px 12px;border-top:1px solid var(--border-color);display:flex;gap:8px;justify-content:flex-end;background:var(--bg-primary)}.filter-footer-btn{min-width:96px;padding:7px 12px;border-radius:var(--border-radius);border:1px solid var(--border-color);cursor:pointer;font-size:.8125rem;font-weight:600;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.filter-footer-btn-secondary{background:var(--bg-secondary);color:var(--text-secondary)}.filter-footer-btn-secondary:hover{background:var(--bg-tertiary);color:var(--text-primary)}.filter-footer-btn-primary{background:var(--accent-color);border-color:var(--accent-color);color:var(--accent-text-color)}.filter-footer-btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.filter-option{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;transition:background .15s ease;font-size:.875rem;color:var(--text-primary)}.filter-option:hover{background:var(--bg-tertiary)}.filter-option input[type=checkbox]{cursor:pointer;width:16px;height:16px;margin:0;accent-color:var(--accent-color)}.filter-option span{flex:1;-webkit-user-select:none;user-select:none}.filter-options::-webkit-scrollbar{width:6px}.filter-options::-webkit-scrollbar-track{background:var(--bg-secondary)}.filter-options::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.filter-options::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.filter-dropdown.filter-dropdown-date-tree{width:320px;max-height:430px;overflow:hidden}.filter-options.filter-options-date-tree{max-height:330px;overflow-y:auto;padding:6px 8px 10px}.date-filter-group{margin:2px 0}.date-filter-group>summary{list-style:none;cursor:pointer;display:flex;align-items:center}.date-filter-group>summary::-webkit-details-marker{display:none}.date-filter-group>summary:before{content:"+";display:inline-block;width:12px;margin-right:2px;color:var(--text-muted);font-size:.75rem;line-height:1;transform:translateY(1px)}.date-filter-group[open]>summary:before{content:"-"}.date-filter-group-option{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;color:var(--text-primary);transition:background .15s ease;font-size:.85rem}.date-filter-group-option:hover{background:var(--bg-tertiary)}.date-filter-group-option input[type=checkbox]{margin:0;width:16px;height:16px;accent-color:var(--accent-color)}.date-filter-children{margin-left:10px;padding-left:10px;border-left:1px dashed rgba(var(--accent-color-rgb),.25)}.date-filter-level-year{font-weight:600}.date-filter-level-month{font-weight:500}.date-filter-leaf-option.date-filter-level-day{margin-left:10px}.date-filter-leaf-option.date-filter-level-time{margin-left:18px;font-size:.8125rem}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize;letter-spacing:.025em;line-height:1.4;vertical-align:middle}.status-actief,.status-active,.status-inactief,.status-inactive,.status-pending,.status-wachtend,.status-completed,.status-voltooid{background:rgba(var(--accent-color-rgb),.15);color:var(--accent-color)}.table-actions{display:flex;gap:4px;justify-content:center;align-items:center;white-space:nowrap;flex-wrap:nowrap}.table-action-btn{padding:5px 8px;border:1px solid var(--border-color);background:#fff;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;font-size:.8125rem;color:var(--accent-color);white-space:nowrap;flex-shrink:0}.table-action-btn i,.table-action-btn svg{color:var(--accent-color);fill:var(--accent-color)}.table-action-btn.icon-only{padding:5px;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;line-height:1}.table-action-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:var(--accent-color);background:#fff}.table-action-btn:hover i,.table-action-btn:hover svg{color:var(--accent-color);fill:var(--accent-color)}.table-action-btn.edit,.table-action-btn.delete,.table-action-btn.view,.table-action-btn.download{color:var(--accent-color);background:#fff}.table-action-btn.edit i,.table-action-btn.delete i,.table-action-btn.view i,.table-action-btn.download i,.table-action-btn.edit svg,.table-action-btn.delete svg,.table-action-btn.view svg,.table-action-btn.download svg{color:var(--accent-color);fill:var(--accent-color)}.table-action-btn.edit:hover,.table-action-btn.delete:hover,.table-action-btn.view:hover,.table-action-btn.download:hover{border-color:var(--accent-color);background:#fff;color:var(--accent-color)}.table-action-btn.edit:hover i,.table-action-btn.delete:hover i,.table-action-btn.view:hover i,.table-action-btn.download:hover i,.table-action-btn.edit:hover svg,.table-action-btn.delete:hover svg,.table-action-btn.view:hover svg,.table-action-btn.download:hover svg{color:var(--accent-color);fill:var(--accent-color)}.table-footer{padding:12px 20px;border-top:1px solid var(--table-border-tint);background:var(--table-header-bg);display:flex;justify-content:space-between;align-items:center;gap:16px}.table-info{font-size:.875rem;color:var(--text-secondary)}.table-pagination{padding:16px 20px;border-top:1px solid var(--table-border-tint);background:var(--table-header-bg)}.pagination-controls{display:flex;justify-content:flex-end;gap:6px;align-items:center}.pagination-btn{padding:6px 12px;border:1px solid var(--border-color);background:var(--bg-primary);border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;font-weight:500;color:var(--text-primary);transition:all .2s ease;min-width:32px;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(.disabled){border-color:var(--accent-color);background:rgba(var(--accent-color-rgb),.1);color:var(--accent-color)}.pagination-btn.active{background:var(--accent-color);color:var(--accent-text-color);border-color:var(--accent-color)}.pagination-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.pagination-ellipsis{padding:0 8px;color:var(--text-muted);font-size:.875rem}@media(max-width:768px){.table-header{flex-direction:column;gap:12px;align-items:flex-start}.table-controls{width:100%;flex-wrap:wrap}.table-search input{width:100%}.standard-table{font-size:.8rem}.standard-table th,.standard-table td{padding:10px 12px}.pagination-controls{flex-wrap:wrap}}@media(max-width:1200px){.table-responsive{--table-zoom: .95}}@media(max-width:1100px){.table-responsive{--table-zoom: .9}}@media(max-width:1000px){.table-responsive{--table-zoom: .85}}@media(max-width:900px){.table-responsive--scroll .standard-table{min-width:var(--table-min-scroll-width)}}.table-container{--table-header-bg: color-mix(in srgb, rgb(var(--table-tint-rgb)) 14%, var(--bg-secondary));--table-row-bg: color-mix(in srgb, rgb(var(--table-tint-rgb)) 4%, var(--bg-secondary));--table-row-hover-bg: color-mix(in srgb, rgb(var(--table-tint-rgb)) 9%, var(--bg-tertiary));--table-border-tint: color-mix(in srgb, rgb(var(--table-tint-rgb)) 20%, var(--border-color));border-radius:var(--border-radius);box-shadow:0 1px 2px #0000000a;margin:12px 0 0}.table-container:hover{box-shadow:0 1px 2px #0000000a!important}.card-body app-client-table{display:block;min-width:0}.card-body app-client-table .table-container{margin:0;box-shadow:none}.card-body app-client-table .table-container:hover{box-shadow:none!important}.table-header{padding:12px 16px}.table-title{font-size:1rem}.columns-dropdown-btn,.custom-select,.export-dropdown-btn{min-height:34px;padding-top:7px;padding-bottom:7px;font-size:.8125rem}.table-search input{min-height:34px;padding:7px 10px 7px 34px;font-size:.8125rem}.table-search .search-icon{left:11px;font-size:.8125rem}.table-rows-selector label,.table-info{font-size:.8125rem}body .table-container .standard-table thead{border-bottom-width:1px}body .table-container .standard-table th{height:calc(38px * var(--table-zoom));padding:calc(8px * var(--table-zoom)) calc(14px * var(--table-zoom))!important;font-size:calc(.75rem * var(--table-zoom));letter-spacing:.04em}body .table-container .standard-table tbody tr{height:calc(44px * var(--table-zoom))!important;max-height:calc(44px * var(--table-zoom))!important}body .table-container .standard-table td{padding:calc(8px * var(--table-zoom)) calc(14px * var(--table-zoom))!important;font-size:calc(.84rem * var(--table-zoom));line-height:1.4}body .table-container .standard-table .actions-header,body .table-container .standard-table .actions-column{box-shadow:-4px 0 8px -10px #00000052}body .table-container .standard-table .actions-column{padding:calc(8px * var(--table-zoom)) calc(7px * var(--table-zoom))!important}.table-actions{gap:3px}.table-action-btn,.table-action-btn.edit,.table-action-btn.delete,.table-action-btn.view,.table-action-btn.download{background:var(--bg-primary);padding:4px 7px}.table-action-btn.icon-only{min-width:26px;width:26px;height:26px;padding:4px}.table-action-btn:hover,.table-action-btn.edit:hover,.table-action-btn.delete:hover,.table-action-btn.view:hover,.table-action-btn.download:hover{background:var(--bg-primary);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb),.08);transform:none}.table-footer{padding:10px 16px;gap:12px;background:color-mix(in srgb,rgb(var(--table-tint-rgb)) 8%,var(--bg-secondary))}.pagination-controls{gap:4px}.pagination-btn{min-width:30px;padding:5px 10px;font-size:.8125rem}@media(max-width:768px){.table-header,.table-footer{padding:12px}}.table-container{--client-grid-ink: var(--text-primary);--client-grid-muted: var(--text-secondary);--client-grid-surface: #ffffff;--client-grid-subtle: color-mix(in srgb, var(--client-grid-surface) 72%, #f1f5f9);--client-grid-border: var(--table-border-tint);--client-grid-header-bg-start: color-mix(in srgb, var(--accent-color) 66%, var(--text-primary));--client-grid-header-bg-end: color-mix(in srgb, var(--text-primary) 72%, var(--accent-color));--client-grid-header-bg: linear-gradient(180deg, var(--client-grid-header-bg-start) 0%, var(--client-grid-header-bg-end) 100%);--client-grid-header-ink: #ffffff;display:flex;flex-direction:column;min-height:clamp(460px,72vh,820px);overflow:hidden;border-radius:8px;background:var(--client-grid-surface);box-shadow:0 12px 30px #0f172a14}.content-area>app-accounts{display:flex;flex:1 1 auto;min-height:0;min-width:0}.accounts-page{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.accounts-page app-client-table{display:flex;flex:1 1 auto;min-height:0;min-width:0}.accounts-page .table-container{flex:1 1 auto;min-height:0;height:auto;margin:0}.accounts-page .client-table-body{overflow:hidden}.accounts-page .table-responsive{overflow:auto}.table-container:hover{box-shadow:0 14px 34px #0f172a17!important}.table-header{flex:0 0 auto;min-height:58px;padding:10px 12px;background:linear-gradient(180deg,var(--client-grid-surface),var(--client-grid-subtle))}.table-title{font-size:1rem;font-weight:700;letter-spacing:0}.table-controls{gap:8px}.table-export-inline{display:inline-flex;gap:5px;flex-wrap:wrap}.table-export-inline .export-dropdown-btn,.columns-dropdown-btn,.custom-select{min-height:34px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--client-grid-ink) 14%,var(--border-color));border-radius:7px;background:var(--client-grid-surface);color:var(--client-grid-ink);box-shadow:none;font-size:12px;font-weight:750}.table-export-inline .export-dropdown-btn i,.table-export-inline .export-dropdown-btn span{color:var(--accent-color)!important}.table-search input{width:260px;border-radius:7px}.client-table-body{display:flex;flex:1 1 auto;min-width:0;min-height:0;background:var(--client-grid-surface)}.table-responsive{flex:1 1 auto;min-height:0;background:var(--client-grid-surface)}body .table-container .client-table-body .standard-table thead{background:var(--client-grid-header-bg);border-bottom:2px solid color-mix(in srgb,var(--accent-color) 78%,var(--border-color))}body .table-container .client-table-body .standard-table th,body .table-container .client-table-body .standard-table .actions-header{height:calc(38px * var(--table-zoom));padding:calc(8px * var(--table-zoom)) calc(10px * var(--table-zoom))!important;background:var(--client-grid-header-bg)!important;color:var(--client-grid-header-ink)!important;font-size:calc(.74rem * var(--table-zoom));font-weight:700;letter-spacing:0;text-transform:none}body .table-container .client-table-body .standard-table th.sortable:hover,body .table-container .client-table-body .standard-table th.sortable:focus-visible{outline:none;background:color-mix(in srgb,var(--accent-color) 42%,var(--client-grid-header-bg-end))!important}body .table-container .client-table-body .standard-table th .th-text,body .table-container .client-table-body .standard-table .actions-header-content,body .table-container .client-table-body .standard-table .actions-header-content span{color:var(--client-grid-header-ink)!important}.standard-table th.sortable{cursor:pointer}.standard-table .th-actions{gap:5px}.standard-table .th-actions:before{content:"";width:1px;height:13px;background:#ffffff8c}.sort-icon,.filter-toggle{color:color-mix(in srgb,var(--client-grid-header-ink) 90%,transparent)}.sort-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:20px;min-height:20px}.sort-icon.active,.sort-icon:hover,.filter-toggle:hover,.filter-toggle i.active{color:var(--client-grid-header-ink);background:color-mix(in srgb,var(--client-grid-header-ink) 14%,transparent)}.sort-order-badge{position:absolute;right:-3px;bottom:-4px;min-width:12px;height:12px;border-radius:999px;background:var(--accent-color);color:var(--accent-text-color);font-size:8px;line-height:12px;text-align:center}body .table-container .client-table-body .standard-table tbody tr{height:calc(38px * var(--table-zoom))!important;max-height:calc(38px * var(--table-zoom))!important;border-bottom-color:color-mix(in srgb,var(--client-grid-border) 72%,transparent)}body .table-container .client-table-body .standard-table tbody tr:nth-child(odd),body .table-container .client-table-body .standard-table tbody tr:nth-child(odd) .actions-column{background:#fff}body .table-container .client-table-body .standard-table tbody tr:nth-child(2n),body .table-container .client-table-body .standard-table tbody tr:nth-child(2n) .actions-column{background:color-mix(in srgb,var(--accent-color) 4%,#ffffff)}body .table-container .client-table-body .standard-table tbody tr:hover,body .table-container .client-table-body .standard-table tbody tr:hover .actions-column{background:color-mix(in srgb,var(--accent-color) 14%,#ffffff)}body .table-container .client-table-body .standard-table td{padding:calc(7px * var(--table-zoom)) calc(10px * var(--table-zoom))!important;font-size:calc(.8125rem * var(--table-zoom));font-weight:500}body .table-container .client-table-body .standard-table .actions-header,body .table-container .client-table-body .standard-table .actions-column{box-shadow:-10px 0 18px -18px #00274194}.client-table-side-panel{display:flex;flex:0 0 auto;align-self:stretch;min-height:0;border-left:1px solid var(--client-grid-border);background:var(--client-grid-subtle)}.client-table-side-tab{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:34px;min-height:0;padding:8px 0;border:0;border-left:3px solid transparent;background:transparent;color:var(--client-grid-muted);cursor:pointer;font-size:12px;font-weight:700}.client-table-side-tab:hover,.client-table-side-panel.open .client-table-side-tab{border-left-color:var(--accent-color);background:var(--client-grid-surface);color:var(--accent-color)}.client-table-side-tab span{display:inline-block;line-height:1;transform:rotate(180deg);writing-mode:vertical-rl;white-space:nowrap}.columns-menu--side{position:static;width:236px;max-width:236px;border:0;border-left:1px solid var(--client-grid-border);border-radius:0;box-shadow:none}.table-footer{flex:0 0 auto;min-height:42px;background:var(--client-grid-surface)}.client-table-sort-exit tbody,.client-table-sort-enter tbody{will-change:transform,opacity}.client-table-sort-exit tbody{animation:client-table-sort-slide-down var(--client-table-sort-exit-duration, .25s) cubic-bezier(.4,0,1,1) both}.client-table-sort-enter tbody{animation:client-table-sort-slide-up var(--client-table-sort-enter-duration, .5s) cubic-bezier(.22,1,.36,1) both}@keyframes client-table-sort-slide-down{to{opacity:.86;transform:translate3d(0,24px,0)}}@keyframes client-table-sort-slide-up{0%{opacity:.86;transform:translate3d(0,24px,0)}to{opacity:1;transform:translateZ(0)}}[data-theme=dark] .table-container,.theme-dark .table-container{--client-grid-header-bg-start: color-mix(in srgb, var(--accent-color) 42%, var(--bg-secondary));--client-grid-header-bg-end: color-mix(in srgb, var(--accent-color) 28%, var(--bg-primary));--client-grid-header-ink: #ffffff}@media(prefers-color-scheme:dark){[data-theme=auto] .table-container{--client-grid-header-bg-start: color-mix(in srgb, var(--accent-color) 42%, var(--bg-secondary));--client-grid-header-bg-end: color-mix(in srgb, var(--accent-color) 28%, var(--bg-primary));--client-grid-header-ink: #ffffff}}@media(max-width:768px){.table-container,.accounts-page .table-container{min-height:auto}.client-table-body{flex-direction:column}.client-table-side-panel{border-left:0;border-top:1px solid var(--client-grid-border)}.client-table-side-tab{flex-direction:row;width:100%;min-height:34px;border-left:0;border-top:3px solid transparent}.client-table-side-tab span{transform:none;writing-mode:horizontal-tb}}.table-loading{position:relative;opacity:.6;pointer-events:none}.table-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}.client-table-loading .columns-dropdown-btn:disabled,.client-table-loading .export-dropdown-btn:disabled,.client-table-loading .filter-toggle:disabled,.client-table-loading .client-table-side-tab:disabled,.client-table-loading .pagination-btn:disabled,.client-table-loading .table-search input:disabled,.client-table-loading .custom-select.disabled{cursor:progress;opacity:.68}.client-table-loading .custom-select.disabled,.client-table-skeleton-row{pointer-events:none}.client-table-skeleton-line,.client-table-skeleton-action{position:relative;display:block;overflow:hidden;background:color-mix(in srgb,var(--bg-primary) 68%,var(--table-header-bg));border-radius:999px}.client-table-skeleton-line{height:12px;min-width:44px;max-width:100%}.client-table-skeleton-action{width:28px;height:28px;flex:0 0 28px}.client-table-skeleton-line:after,.client-table-skeleton-action:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent-color) 18%,transparent),transparent);transform:translate(-100%);animation:clientTableSkeletonShimmer 1.15s ease-in-out infinite}.client-table-skeleton-actions{justify-content:center}@keyframes clientTableSkeletonShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.client-table-skeleton-line:after,.client-table-skeleton-action:after{animation:none}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.client-table-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}.client-table-modal.active{display:block}.client-table-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease}.client-table-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-secondary);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);width:90%;max-width:500px;animation:slideDown .3s ease;border:1px solid var(--border-color)}.client-table-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);border-radius:var(--border-radius) var(--border-radius) 0 0}.client-table-modal-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.client-table-modal-close{background:none;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--border-radius);transition:all .2s ease}.client-table-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.client-table-modal-body{padding:24px;text-align:center}.client-table-modal-icon{width:64px;height:64px;margin:0 auto 20px;background:#ffc1071a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffc107;font-size:28px}.client-table-modal-message{margin:0;font-size:1rem;color:var(--text-secondary);line-height:1.5}.client-table-modal-footer{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px;background:var(--bg-tertiary);border-radius:0 0 var(--border-radius) var(--border-radius)}.client-table-btn{padding:10px 20px;border:none;border-radius:var(--border-radius);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.client-table-btn-secondary{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-color)}.client-table-btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--accent-color)}.client-table-btn-danger{background:#dc3545;color:#fff;border:1px solid #dc3545}.client-table-btn-danger:hover{background:#c82333;border-color:#c82333;transform:translateY(-1px);box-shadow:0 4px 8px #dc35454d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-55%)}to{opacity:1;transform:translate(-50%,-50%)}}.draggable-row{cursor:grab;-webkit-user-select:none;user-select:none;position:relative;transition:background-color .2s ease,transform .1s ease;height:50px}.draggable-row:active{cursor:grabbing}.draggable-row:hover{background:rgba(var(--accent-color-rgb),.05)}.draggable-row.dragging{opacity:.5;background:var(--accent-color);color:var(--accent-text-color);transform:scale(1.02);box-shadow:0 4px 12px #00000026}.drag-placeholder{background:rgba(var(--accent-color-rgb),.1);border:2px dashed var(--accent-color);height:50px}.drag-placeholder td{text-align:center;color:var(--accent-color);font-weight:500;vertical-align:middle;font-size:.9rem}.draggable-row td:first-child:before{content:"\22ee\a0\22ee";position:absolute;left:4px;color:var(--text-muted);font-size:1rem;opacity:0;transition:opacity .2s ease;line-height:1}.draggable-row:hover td:first-child:before{opacity:.6}.draggable-row:hover:before{opacity:1;color:var(--accent-color)}@media print{.table-header,.table-pagination,.table-actions,.table-export,.client-table-modal{display:none!important}.table-container{box-shadow:none;border:1px solid #000}.standard-table{page-break-inside:auto}.standard-table tr{page-break-inside:avoid;page-break-after:auto}.draggable-row:before{display:none}}.app-grid{display:grid;gap:20px}.auth-gate-blank{min-height:100vh;width:100%;background:#fff}.page-skeleton{display:grid;gap:18px}.skeleton{position:relative;overflow:hidden;border-radius:12px;background:color-mix(in srgb,var(--bg-tertiary) 85%,var(--bg-secondary));border:1px solid var(--border-color)}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:translate(-100%);animation:skeletonShimmer 1.2s ease-in-out infinite}.card-skeleton{padding:18px;display:grid;gap:10px}.skeleton-line{height:12px;border-radius:999px;background:color-mix(in srgb,var(--bg-primary) 65%,var(--bg-tertiary))}.skeleton-line.line-lg{width:60%;height:16px}.skeleton-line.line-md{width:40%}.skeleton-grid{padding:16px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.skeleton-card{height:72px;border-radius:12px;background:color-mix(in srgb,var(--bg-primary) 70%,var(--bg-tertiary))}.skeleton-table{padding:18px;display:grid;gap:12px}@keyframes skeletonShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.panel-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.inline-form{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.inline-form .form-control{min-width:180px}.table-actions{display:flex;gap:8px}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent-color) 10%,var(--bg-secondary));color:var(--accent-color);font-size:12px;font-weight:600}.modal-backdrop{position:fixed;inset:0;background:#11182773;display:flex;align-items:stretch;justify-content:flex-end;z-index:10000;padding:0;animation:modal-backdrop-fade .18s ease-out}.content-area:has(.modal-backdrop){z-index:10000}.modal-card{width:min(560px,100vw);height:100dvh;max-height:100dvh;background:var(--bg-secondary);border:0;border-left:1px solid var(--border-color);border-radius:0!important;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:auto;padding:24px;animation:modal-slide-in-right .24s cubic-bezier(.2,.8,.2,1)}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:-24px -24px 18px;padding:18px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);position:sticky;top:-24px;z-index:2}.modal-title{font-size:18px;font-weight:600;color:var(--accent-color)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin:20px -24px -24px;padding:16px 24px;border-top:1px solid var(--border-color);background:var(--bg-secondary);position:sticky;bottom:-24px;z-index:2}@keyframes modal-backdrop-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-in-right{0%{opacity:.98;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.role-matrix-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.role-search{display:flex;align-items:center;gap:8px;min-width:240px}.role-search input{width:100%}.role-pagination{font-size:12px;color:var(--text-secondary)}.tab-row{display:flex;gap:8px;border-bottom:2px solid var(--border-color);margin-bottom:20px}.tab-button{padding:10px 18px;border:none;background:var(--bg-secondary);color:var(--accent-color);border-top-left-radius:8px;border-top-right-radius:8px;cursor:pointer;font-weight:600;transition:transform .2s ease,background .2s ease}.tab-button.active{background:var(--accent-color);color:var(--accent-text-color);box-shadow:var(--shadow-sm)}.ff-tab-bar{display:flex;gap:6px;align-items:flex-end;flex-wrap:wrap;margin-bottom:0}.ff-tab{padding:10px 18px;border:1px solid #ccd9d1;background:linear-gradient(#f8fcfa,#eef6f0);color:#355743;border-radius:10px 10px 0 0;text-decoration:none;font-size:13px;font-weight:600;position:relative;top:1px;transition:.2s;cursor:pointer}.ff-tab.active{background:#fff;border-bottom:1px solid #ffffff;box-shadow:0 -2px 6px #0000000a}.ff-panel{background:#fff;border:1px solid #ccd9d1;padding:24px 26px;border-radius:0 14px 14px;box-shadow:0 2px 8px #0000000d}.ff-tab-panel{animation:fadeIn .18s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ff-table{width:100%;border-collapse:collapse}.ff-table th{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#486454;font-weight:600;padding:8px 6px;border-bottom:1px solid #e3ece6;background:#f5faf7}.ff-table td{padding:10px 6px;font-size:13px;border-top:1px solid #eef3ef;vertical-align:middle}.ff-table tbody tr:hover{background:#f7fbf9}.ff-switch{position:relative;display:inline-block;width:44px;height:22px}.ff-switch input{opacity:0;width:0;height:0}.ff-slider{position:absolute;cursor:pointer;inset:0;background:#c9d6ce;border-radius:30px;transition:.25s}.ff-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;top:2px;background:#fff;border-radius:50%;transition:.25s;box-shadow:0 1px 3px #00000040}.ff-switch input:checked+.ff-slider{background:#2d8f55}.ff-switch input:checked+.ff-slider:before{transform:translate(22px)}.ff-select{width:100%;padding:6px 8px;font-size:13px;border:1px solid #cfdad3;border-radius:6px;background:#fdfefd}.ff-select:focus{outline:2px solid #2d8f55;outline-offset:1px}.ff-input{width:100%;padding:6px 10px;font-size:13px;border:1px solid #d4dfd8;border-radius:6px;background:#fdfefd;color:#2d4d3a}.ff-input:focus{outline:2px solid #2d8f55;outline-offset:1px;border-color:#2d8f55}.ff-input::placeholder{color:#9bb0a3;font-style:italic}.sidebar.variant-accent-solid{background:var(--sidebar-accent-start);--sidebar-surface: var(--sidebar-accent-start);color:var(--accent-text-color);--sidebar-text: var(--accent-text-color);--sidebar-text-muted: color-mix(in srgb, var(--accent-text-color) 85%, transparent);--sidebar-hover: color-mix(in srgb, var(--accent-text-color) 12%, transparent);--sidebar-active: color-mix(in srgb, var(--accent-text-color) 20%, transparent)}.sidebar.variant-accent-gradient{background:linear-gradient(180deg,var(--sidebar-accent-start) 0%,var(--sidebar-accent-start) 42%,var(--sidebar-accent-end) 100%);--sidebar-surface: linear-gradient( 180deg, var(--sidebar-accent-start) 0%, var(--sidebar-accent-start) 42%, var(--sidebar-accent-end) 100% );color:var(--accent-text-color);--sidebar-text: var(--accent-text-color);--sidebar-text-muted: color-mix(in srgb, var(--accent-text-color) 85%, transparent);--sidebar-hover: color-mix(in srgb, var(--accent-text-color) 12%, transparent);--sidebar-active: color-mix(in srgb, var(--accent-text-color) 20%, transparent)}.sidebar.variant-white{background:#fff;--sidebar-surface: #ffffff;color:var(--accent-color);--sidebar-text: var(--accent-color);--sidebar-text-muted: var(--accent-color);--sidebar-hover: var(--accent-tint, #f2f4f7);--sidebar-active: var(--accent-tint, #e9eef2)}:root{--ee-green: #1d6e3f;--ee-green-dark: #0f4428;--ee-green-soft: #acc7a1;--ee-mint: #edf6ef;--ee-mint-strong: #dcebdd;--ee-charcoal: #333333;--ee-ink: #17251c;--ee-muted: #68766e;--ee-line: #cddccc;--bg-primary: #f7faf7;--app-page-bg: #f7faf7;--background-tint-rgb: 220, 235, 221;--background-tint-mix: 28%;--container-tint-rgb: 237, 246, 239;--container-surface-secondary-mix: 18%;--container-surface-tertiary-mix: 38%;--container-bg-mix: 12%;--container-hover-mix: 32%;--container-border-mix: 68%;--bg-secondary-base: #ffffff;--bg-tertiary-base: var(--ee-mint);--bg-secondary: #ffffff;--bg-tertiary: var(--ee-mint);--text-primary: var(--ee-charcoal);--text-secondary: #4d5f54;--text-muted: var(--ee-muted);--border-color: var(--ee-line);--border-color-light: #e4ece4;--accent-color: var(--ee-green);--accent-color-rgb: 29, 110, 63;--accent-hover: var(--ee-green-dark);--accent-text-color: #ffffff;--table-tint-rgb: 237, 246, 239;--table-tint-header-mix: 72%;--table-tint-row-mix: 18%;--table-tint-hover-mix: 42%;--table-tint-border-mix: 78%;--success-color: var(--ee-green);--warning-color: #b8872d;--danger-color: #b3264b;--info-color: #2a7150;--sidebar-bg: linear-gradient(180deg, #1d6e3f 0%, #0f4428 100%);--sidebar-accent-start: #1d6e3f;--sidebar-accent-end: #0f4428;--sidebar-text: #ffffff;--sidebar-text-muted: rgba(255, 255, 255, .78);--sidebar-hover: rgba(255, 255, 255, .12);--sidebar-active: #ffffff;--header-bg: rgba(255, 255, 255, .96);--header-border: var(--ee-line);--shadow-sm: 0 1px 4px rgba(23, 37, 28, .08);--shadow-md: 0 8px 22px rgba(23, 37, 28, .12);--shadow-lg: 0 20px 58px rgba(23, 37, 28, .18);--border-radius: 6px;--line-height: 1.5;--button-height: 42px;--input-height: 42px}[data-theme=dark],.theme-dark{--bg-primary: #0b1710;--app-page-bg: #0b1710;--bg-secondary-base: #12231a;--bg-tertiary-base: #183021;--bg-secondary: #12231a;--bg-tertiary: #183021;--container-bg: #12231a;--container-bg-hover: #183021;--container-border-color: rgba(172, 199, 161, .3);--text-primary: #f4faf4;--text-secondary: #c5d7c1;--text-muted: #9fb19d;--border-color: rgba(172, 199, 161, .34);--border-color-light: rgba(237, 246, 239, .14);--accent-color: #9bf7c3;--accent-color-rgb: 155, 247, 195;--accent-hover: #c8f7d9;--accent-text-color: #0b1710;--header-bg: #102018;--header-border: rgba(255, 255, 255, .13);--sidebar-bg: linear-gradient(180deg, #1d6e3f 0%, #0b321f 100%);--sidebar-accent-start: #1d6e3f;--sidebar-accent-end: #0b321f}body{font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(135deg,#edf6efd1,#fffffff5 54%,#f7faf7);color:var(--text-primary)}h1,h2,h3,h4,h5,h6,.page-title{color:var(--text-primary);font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:600;letter-spacing:0}a{color:var(--accent-color)}a:hover{color:var(--accent-hover)}.app-container,.main-content,.content-area,.page-container{background:var(--app-page-bg)}.content-area:before{top:76px;opacity:1;background:linear-gradient(115deg,transparent 0 70%,rgba(29,110,63,.06) 70% 77%,transparent 77%),linear-gradient(24deg,transparent 0 80%,rgba(172,199,161,.22) 80% 83%,transparent 83%);background-size:920px 520px,720px 460px;background-position:right -180px top 28px,right 10% bottom -120px}.sidebar,.sidebar.variant-accent-gradient,.sidebar.variant-accent-solid{background:var(--sidebar-bg)!important;--sidebar-surface: var(--sidebar-bg);--sidebar-text: #ffffff;--sidebar-text-muted: rgba(255, 255, 255, .78);--sidebar-hover: rgba(255, 255, 255, .12);--sidebar-active: #ffffff;border-right:0;box-shadow:4px 0 22px #0f442838;letter-spacing:0}.sidebar span,.sidebar div,.sidebar p,.sidebar small,.sidebar label{color:inherit}.sidebar-header{min-height:76px;padding:18px 14px;border-bottom-color:#ffffff2e}.logo{gap:10px}.logo-img{width:168px;max-width:100%;height:auto;border-radius:0;object-fit:contain}.sidebar.collapsed .logo{display:flex;width:100%;justify-content:center;margin:0}.sidebar.collapsed .logo-img{content:url(/experthosting-icon-white.svg);width:30px;height:30px;max-width:30px;object-fit:contain}.sidebar.collapsed .sidebar-header{grid-template-columns:1fr;grid-template-rows:auto auto;justify-items:center;align-content:center;gap:5px;padding:7px 10px}.sidebar.collapsed .sidebar-toggle{width:26px;height:26px;display:grid;place-items:center;justify-self:center;padding:0}.sidebar.header-white .sidebar-header{background:#fff;border-bottom-color:color-mix(in srgb,var(--accent-color) 28%,#ffffff)}.sidebar.variant-white .logo-img,.sidebar.header-white .logo-img{content:url(/experthosting-sidebar-logo.svg)}.sidebar.variant-white.collapsed .logo-img,.sidebar.header-white.collapsed .logo-img{content:url(/experthosting-icon.svg)}.menu-link,.menu-group-link,.sidebar .user-info,.profile-dropdown-item{border-radius:var(--border-radius);font-weight:500}.sidebar .menu-link:hover,.menu-group-link:hover,.sidebar .user-info:hover{background:#ffffff24!important;box-shadow:inset 3px 0 0 var(--ee-green-soft)}.sidebar .menu-link.active,.menu-group-link-active{background:#fff!important;color:var(--ee-green)!important;box-shadow:0 8px 18px #00000024}.sidebar .menu-link.active:before{background:var(--ee-green-soft);left:0;top:6px;bottom:6px;width:4px;border-radius:0}.menu-group-flyout,.profile-dropdown{border-radius:var(--border-radius);border-color:#cddccccc;box-shadow:var(--shadow-lg)}.top-header{position:relative;height:76px;background:var(--header-bg)!important;border-bottom:1px solid var(--header-border)!important;box-shadow:none}.top-header:after{content:"";position:absolute;left:30px;right:30px;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--ee-green),rgba(172,199,161,.4) 42%,transparent);pointer-events:none}.page-title{font-size:24px}.page-subtitle{color:var(--text-secondary);font-size:14px}.settings-icon,.mobile-menu-btn{color:var(--accent-color);border-radius:var(--border-radius)}.settings-icon:hover,.mobile-menu-btn:hover{background:var(--bg-tertiary);color:var(--accent-hover)}.app-footer{background:#fff;border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:12px;letter-spacing:0}.card,.settings-card,.content-card,.stat-card,.modal-card,.profile-container,.table-container{border-radius:var(--border-radius)!important;border-color:var(--border-color)!important;box-shadow:var(--shadow-sm)!important}.card:hover,.settings-card:hover,.content-card:hover,.stat-card:hover{box-shadow:var(--shadow-md)!important}.card-header,.table-header,.role-matrix-controls{background:var(--bg-tertiary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}.card .value,.stat-number{color:var(--accent-color);font-weight:600}.card .label,.stat-label{color:var(--text-secondary)}.btn,.auth-button,.page-link,.tab-button,.ff-tab,.custom-select,.columns-dropdown-btn,.export-dropdown-btn,.pagination-btn,.table-action-btn,.form-control,.form-select,.auth-input,.ff-input,.ff-select{border-radius:var(--border-radius)!important}.btn,.auth-button{box-shadow:none!important;font-weight:600!important}.btn-primary,.auth-button:not(.auth-button-microsoft){background:var(--accent-color)!important;border-color:var(--accent-color)!important;color:var(--accent-text-color)!important}.btn-primary:hover,.auth-button:not(.auth-button-microsoft):hover{background:var(--accent-hover)!important;border-color:var(--accent-hover)!important;color:var(--accent-text-color)!important;transform:none}.btn-secondary{background:var(--ee-mint-strong)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}.form-control,.form-select,.auth-input,.ff-input,.ff-select{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;box-shadow:none!important}.form-control:focus,.form-select:focus,.auth-input:focus,.ff-input:focus,.ff-select:focus{border-color:var(--accent-color)!important;box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.16)!important;transform:none}.dashboard-hero{position:relative;overflow:hidden;margin-bottom:24px;padding:30px 32px;background:linear-gradient(135deg,#1d6e3ffa,#0f4428fa),linear-gradient(45deg,transparent 0 72%,rgba(172,199,161,.35) 72% 76%,transparent 76%);border-radius:var(--border-radius);box-shadow:var(--shadow-md)}.dashboard-hero:after{content:"";position:absolute;inset:auto 0 0;height:4px;background:var(--ee-green-soft)}.dashboard-hero,.dashboard-hero h1,.dashboard-hero p,.dashboard-hero span{color:#fff!important}.dashboard-hero h1{margin:4px 0 8px;font-size:clamp(1.6rem,1.25rem + 1vw,2rem)}.panel__eyebrow{display:inline-flex;align-items:center;gap:8px;color:#9bf7c3!important;font-size:12px;font-weight:700;text-transform:uppercase}.auth-page{background:linear-gradient(135deg,#1d6e3ff0,#0f4428fa),linear-gradient(115deg,transparent 0 70%,rgba(172,199,161,.28) 70% 74%,transparent 74%);font-family:Inter,Segoe UI,Arial,sans-serif}.auth-page:before{inset:0;width:auto;height:auto;border-radius:0;background:linear-gradient(112deg,transparent 0 62%,rgba(255,255,255,.08) 62% 64%,transparent 64%),linear-gradient(22deg,transparent 0 82%,rgba(172,199,161,.26) 82% 84%,transparent 84%);opacity:1;animation:none}.auth-page:after{display:none}.auth-card{max-width:460px;border-radius:var(--border-radius);border:1px solid rgba(205,220,204,.82);box-shadow:0 28px 80px #08241442}.auth-logo-image{width:fit-content;max-width:100%;padding:0;background:transparent;border-radius:0;box-shadow:none}.auth-logo-image img{width:210px;max-width:100%;filter:none}.auth-title{color:var(--text-primary);font-weight:600;letter-spacing:0}.auth-subtitle{color:var(--text-secondary)}.auth-button-microsoft{background:#fff!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}.auth-button-microsoft:hover{background:var(--ee-mint)!important;color:var(--accent-hover)!important;transform:none}.auth-button-microsoft i{color:var(--accent-color)}body .table-container .standard-table th,.table th,.detail-table th,.ff-table th{background:var(--bg-tertiary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important;letter-spacing:.04em}body .table-container .standard-table td,.table td,.detail-table td,.ff-table td{border-color:var(--border-color-light)!important}body .table-container .standard-table tbody tr:hover,.table-hover tbody tr:hover,.detail-table tbody tr:hover,.ff-table tbody tr:hover{background:var(--bg-tertiary)!important}::selection{background:#9bf7c357;color:var(--text-primary)}@media(max-width:768px){.top-header{height:68px;padding:0 16px}.top-header:after{left:16px;right:16px}.content-area:before{top:68px}.page-title{font-size:20px}.dashboard-hero{padding:24px 20px}.auth-card{padding:34px 24px}.auth-logo-image img{width:184px}}app-root{min-height:100vh;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}