*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Segoe UI,Arial,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-all{word-break:break-all}.border{border-width:1px}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap");:root{--page-bg:#E8EDF5;--glass-bg:#FFFFFF;--glass-bg-soft:#FFFFFF;--glass-bg-accent:#EDF5FC;--glass-border:#E2E8F0;--glass-border-accent:#B3DCF0;--nav-bg:#FFFFFF;--nav-border:#E2E8F0;--nav-height:52px;--surface-soft:#F0F5FA;--surface-hover:#F5F9FE;--input-bg:#F5F8FC;--input-border:#D5DFE8;--input-border-focus:#5AADCC;--text-primary:#1A2A3A;--text-secondary:#6A8097;--text-muted:#8AA0B2;--text-hint:#A0B8CC;--text-accent:#1A6A90;--text-nav-active:#1A5C8A;--btn-primary-bg:#1A7AAA;--btn-primary-color:#ffffff;--btn-accent-bg:#E6F4FA;--btn-accent-color:#1A6A90;--btn-accent-border:#B3DCF0;--btn-ghost-bg:#F5F8FC;--btn-ghost-color:#6A8097;--btn-ghost-border:#D5DFE8;--success-text:#0F6E56;--success-bg:#E8F7F1;--success-border:#C4E8D8;--warning-text:#854F0B;--warning-bg:#FDF5E6;--warning-border:#F0D9A8;--danger-text:#791F1F;--danger-bg:#FDEDED;--danger-border:#F0C4C4;--info-text:#0C447C;--info-bg:#E8F0FA;--info-border:#C0D6ED;--neutral-text:#1A5C8A;--neutral-bg:#EDF2F7;--neutral-border:#D5DFE8;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-size-xs:10px;--font-size-sm:11px;--font-size-base:12px;--font-size-md:14px;--font-size-lg:15px;--font-size-xl:17px;--font-size-2xl:19px;--font-size-3xl:24px;--font-size-kpi:32px;--page-padding-x:28px;--page-padding-y:24px;--card-padding:16px 14px;--section-gap:20px;--card-gap:12px;--shadow-card:0 1px 4px rgba(0,40,80,0.09),0 1px 2px rgba(0,40,80,0.05);--shadow-card-hover:0 6px 20px rgba(0,40,80,0.13);--shadow-nav:0 1px 4px rgba(0,40,80,0.08);--color-navy:#1A2A3A;--color-navy-light:#1A5C8A;--color-cyan:#00B4D8;--color-cyan-deep:#0096B4;--color-bg-base:#FFFFFF;--color-bg-soft:#F4F6FB;--color-bg-info:#E8F0FA;--color-bg-cyan:#E6F7FC;--color-border:#E2E8F0;--color-border-navy:#C5D0DC;--color-border-cyan:#5AADCC;--color-text-primary:#1A2A3A;--color-text-secondary:#6A8097;--color-text-muted:#8AA0B2;--color-text-white:#FFFFFF;--color-success-bg:#E8F7F1;--color-success-text:#0F6E56;--color-warning-bg:#FDF5E6;--color-warning-text:#854F0B;--color-danger-bg:#FDEDED;--color-danger-text:#791F1F;--color-pending-bg:#E8F0FA;--color-pending-text:#0C447C;--border-default:1px solid #E2E8F0;--border-input:1px solid #D5DFE8;--border-focus:1px solid #5AADCC;--border-accent:1px solid #B3DCF0;--border-header:1px solid #E2E8F0;--shadow-sm:0 1px 4px rgba(0,50,100,0.06);--shadow-md:0 4px 16px rgba(0,50,100,0.10);--shadow-lg:0 8px 40px rgba(0,50,100,0.18);--shadow-focus:0 0 0 3px rgba(0,150,200,0.15);--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:400ms ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--page-bg);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-md);line-height:1.6;-webkit-font-smoothing:antialiased}h1{font-size:24px;line-height:1.2}h1,h2{font-weight:500;color:var(--text-primary)}h2{font-size:17px;line-height:1.3}h3{font-size:15px;font-weight:500;line-height:1.4}h3,p{color:var(--text-primary)}p{font-size:14px;font-weight:400;line-height:1.7}.page-wrapper{position:relative;min-height:100vh;background:var(--page-bg)}.orb-container{display:none}.page-body{padding:var(--page-padding-y) var(--page-padding-x);display:flex;flex-direction:column;gap:var(--section-gap);position:relative;z-index:1}.page-title{font-size:var(--font-size-3xl);font-weight:500;color:var(--text-primary)}.page-subtitle{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:3px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--card-gap)}.navbar{position:sticky;top:0;z-index:100;background:var(--nav-bg);border-bottom:1px solid var(--nav-border);box-shadow:var(--shadow-nav);height:var(--nav-height);padding:0 24px;display:flex;align-items:center;justify-content:space-between}.navbar-brand{font-size:15px;font-weight:500;color:var(--text-primary);line-height:1.2}.navbar-brand span{color:var(--btn-primary-bg)}.navbar-link{font-size:var(--font-size-md);padding:5px 14px;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .15s;text-decoration:none;display:inline-block}.navbar-link:hover{background:#EDF2F7;color:var(--text-primary)}.navbar-link.active{background:#E4EDF5;color:var(--text-nav-active);font-weight:500}.company-pill{gap:6px;background:#E6F4FA;color:var(--text-accent);border:1px solid #b3dcf0;padding:5px 12px;border-radius:var(--radius-full);cursor:pointer;max-width:200px;overflow:hidden}.avatar,.company-pill{display:flex;align-items:center;font-size:var(--font-size-sm);font-weight:500}.avatar{width:30px;height:30px;border-radius:50%;background:#E4EDF5;border:1px solid #c5d0dc;justify-content:center;color:var(--text-nav-active)}.card,.card-section,.glass-card,.titular-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:box-shadow .2s ease}.card-section.accent,.glass-card.accent{border:1px solid var(--glass-border-accent);background:var(--glass-bg-accent)}.card-section,.section-card{background:var(--glass-bg-soft);border:1px solid var(--glass-border);overflow:hidden}.card-section,.metric-card,.section-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.metric-card{background:var(--glass-bg);padding:18px 16px;transition:box-shadow .2s ease,transform .2s ease;border:1px solid var(--glass-border);border-left:3px solid transparent}.metric-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.metric-card.accent{border:1px solid var(--glass-border-accent);border-left:3px solid var(--btn-primary-bg);background:var(--glass-bg-accent)}.metric-card.variant-neutral{border-left-color:var(--glass-border)}.metric-card.variant-success{border-left-color:var(--success-text)}.metric-card.variant-warning{border-left-color:#C07A10}.metric-card.variant-info{border-left-color:var(--btn-primary-bg)}.metric-card.variant-danger{border-left-color:var(--danger-text)}.metric-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon.neutral{background:var(--neutral-bg);color:var(--neutral-text)}.metric-icon.success{background:var(--success-bg);color:var(--success-text)}.metric-icon.warning{background:var(--warning-bg);color:#C07A10}.metric-icon.info{background:var(--btn-accent-bg);color:var(--text-accent)}.metric-icon.danger{background:var(--danger-bg);color:var(--danger-text)}.metric-label{font-size:var(--font-size-sm);color:var(--text-muted);letter-spacing:.01em;margin-bottom:6px}.metric-value{font-size:var(--font-size-kpi);font-weight:500;color:var(--text-primary);line-height:1}.metric-delta,.metric-sub{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:6px}.metric-card.accent .metric-label,.metric-card.accent .metric-value{color:var(--text-accent)}.metric-card.accent .metric-delta,.metric-card.accent .metric-sub{color:#4A90B8}.metric-delta.negative{color:var(--danger-text)}.toolbar{padding:14px 20px;display:flex;gap:8px;align-items:center;border-bottom:1px solid #edf2f7;flex-wrap:wrap}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-md)}.table thead tr{background:var(--surface-soft)}.table thead th{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:500;padding:11px 20px;text-align:left}.table tbody td{padding:12px 20px;border-bottom:1px solid #edf2f7;color:var(--text-primary);vertical-align:middle}.table tbody tr:hover td{background:var(--surface-hover)}.table .col-id{font-family:monospace;font-size:11px;color:var(--text-accent)}.table .col-amount{text-align:right;font-weight:500}.table .col-date{font-size:12px;color:var(--text-secondary);white-space:nowrap}.table .col-actions{text-align:right;white-space:nowrap}.table .col-consent{text-align:center}.table .col-titular{font-weight:500;color:var(--text-primary)}.btn-accent,.btn-danger,.btn-ghost,.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-family:var(--font-sans);font-weight:500;border-radius:var(--radius-md);transition:opacity .15s,transform .1s;white-space:nowrap;border:none}.btn-accent:active,.btn-danger:active,.btn-ghost:active,.btn-primary:active{transform:scale(.97)}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-color);font-size:var(--font-size-sm);padding:8px 16px}.btn-primary:hover{background:#145E86}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{background:#F5F8FC;color:var(--text-primary);border:1px solid #c5d0dc;font-size:var(--font-size-sm);padding:8px 14px}.btn-secondary:hover{background:#EBF1F8}.btn-secondary:disabled{opacity:.45;cursor:not-allowed}.btn-accent{background:var(--btn-accent-bg);color:var(--btn-accent-color);border:1px solid var(--btn-accent-border);font-size:var(--font-size-sm);padding:8px 14px}.btn-accent:hover{background:#D6EDF5}.btn-accent:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{background:var(--btn-ghost-bg);color:var(--btn-ghost-color);border:1px solid var(--btn-ghost-border);font-size:var(--font-size-sm);padding:8px 14px}.btn-ghost:hover{background:#EBF1F8;color:var(--text-primary)}.btn-ghost:disabled{opacity:.45;cursor:not-allowed}.btn-danger{background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger-border);font-size:var(--font-size-sm);padding:8px 14px}.btn-danger:hover{background:#FAD9D9}.btn-danger:disabled{opacity:.45;cursor:not-allowed}.input-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);letter-spacing:.01em;margin-bottom:5px}.input,.input-field,.select{width:100%;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--font-size-md);color:var(--text-primary);font-family:var(--font-sans);outline:none;transition:border-color .15s,background .15s}.input-field::-moz-placeholder,.input::-moz-placeholder{color:var(--text-muted)}.input-field::placeholder,.input::placeholder{color:var(--text-muted)}.input-field:focus,.input:focus{border-color:var(--input-border-focus);background:#FFFFFF}.input-field:disabled{opacity:.6;cursor:not-allowed}.input-field.input-error{border-color:#C45050}.input-error-msg{color:var(--danger-text)}.input-error-msg,.input-hint{font-size:var(--font-size-xs);margin-top:3px}.input-hint{color:var(--text-muted)}.alert{border-radius:var(--radius-md);padding:10px 14px;font-size:var(--font-size-md);line-height:1.5;border:1px solid}.alert-info{border-color:var(--info-border);background:var(--info-bg);color:var(--info-text)}.alert-system{border-color:var(--success-border);background:var(--success-bg);color:var(--success-text)}.alert-warning{border-color:var(--warning-border);background:var(--warning-bg);color:var(--warning-text)}.alert-error{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger-text)}.alert-lopd{border-color:var(--info-border);background:var(--info-bg);color:var(--info-text)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:var(--font-size-sm);font-weight:500;padding:3px 10px;border-radius:var(--radius-full);white-space:nowrap}.badge-success{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.badge-warning{background:var(--warning-bg);color:var(--warning-text);border:1px solid var(--warning-border)}.badge-danger{background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger-border)}.badge-info{background:var(--info-bg);color:var(--info-text);border:1px solid var(--info-border)}.badge-neutral{background:var(--neutral-bg);color:var(--neutral-text);border:1px solid var(--neutral-border)}.badge-active,.badge-approved,.badge-consent-active{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.badge-consent-pending,.badge-pending,.badge-review{background:var(--warning-bg);color:var(--warning-text);border:1px solid var(--warning-border)}.badge-consent-revoked,.badge-expired{background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger-border)}.badge-audit,.badge-data-encrypted,.badge-tech{background:var(--info-bg);color:var(--info-text);border:1px solid var(--info-border)}.consent-banner{border:1px solid var(--info-border);border-radius:var(--radius-lg);padding:1.25rem;background:var(--info-bg)}.code-mono{font-family:monospace;font-size:11px;color:var(--text-accent);background:var(--neutral-bg);padding:2px 7px;border-radius:var(--radius-sm);border:1px solid var(--neutral-border)}.empty-state{padding:48px 20px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:var(--font-size-md);color:var(--text-hint)}.empty-state-icon{width:44px;height:44px;color:var(--text-hint);margin-bottom:4px}.empty-state-title{font-size:var(--font-size-lg);font-weight:500;color:var(--text-secondary)}.empty-state-desc{color:var(--text-hint);max-width:320px}.empty-state-desc,.nav-link{font-size:var(--font-size-md)}.nav-link{padding:5px 14px;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .15s;text-decoration:none;display:inline-block}.nav-link:hover{background:#EDF2F7;color:var(--text-primary)}.nav-link.active{background:#E4EDF5;color:var(--text-nav-active);font-weight:500}.nav-divider{width:1px;height:20px;background:var(--glass-border);margin:0 4px;flex-shrink:0}.card-header{padding:14px 20px;border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between;gap:8px}.card-title{font-size:var(--font-size-lg);font-weight:500;color:var(--text-primary)}.card-body{padding:var(--card-padding)}.section-divider{height:1px;background:var(--glass-border);margin:0}.pagination-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 20px;border-bottom:1px solid var(--glass-border)}.pagination-info{font-size:var(--font-size-sm);color:var(--text-muted)}.pagination-controls{display:flex;gap:4px;align-items:center}.pagination-page{font-size:var(--font-size-sm);color:var(--text-secondary);padding:3px 8px}.btn-sm{padding:3px 10px!important;font-size:var(--font-size-sm)!important}.toolbar-actions{margin-left:auto;display:flex;gap:6px;align-items:center}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid.cols-3{grid-template-columns:1fr 1fr 1fr}.form-grid.cols-1{grid-template-columns:1fr}.field-group{display:flex;flex-direction:column;gap:0}.field-group .input-label{margin-bottom:5px}.required-mark{color:var(--danger-text)}.modal-overlay{position:fixed;inset:0;z-index:1000;background:rgba(15,30,50,.5);display:flex;align-items:center;justify-content:center;padding:16px}.modal-box{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-box.sm{max-width:400px}.modal-box.md{max-width:480px}.modal-box.lg{max-width:640px}.modal-box.xl{max-width:760px}.modal-header{padding:14px 20px;border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-title{font-size:var(--font-size-lg);font-weight:500;color:var(--text-primary)}.modal-close{background:none;border:none;font-size:16px;color:var(--text-muted);cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);line-height:1;transition:color .15s}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:20px;overflow-y:auto;flex:1}.modal-footer{padding:14px 20px;border-top:1px solid var(--glass-border);justify-content:flex-end;gap:8px}.modal-footer,.modal-tabs{display:flex;flex-shrink:0}.modal-tabs{border-bottom:1px solid var(--glass-border);background:var(--surface-soft)}.modal-tab{padding:10px 16px;font-size:var(--font-size-md);background:transparent;cursor:pointer;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-weight:400;transition:all .15s;font-family:var(--font-sans)}.modal-tab.active,.modal-tab:hover{color:var(--text-primary)}.modal-tab.active{border-bottom-color:var(--btn-primary-bg);font-weight:500}.checkbox-field{display:flex;align-items:flex-start;gap:10px;cursor:pointer;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--surface-soft);transition:all .15s}.checkbox-field.checked{border-color:var(--input-border-focus);background:var(--btn-accent-bg)}.checkbox-field-label{font-size:var(--font-size-md);font-weight:500;color:var(--text-primary);display:block}.checkbox-field-hint{font-size:var(--font-size-sm);color:var(--text-muted);display:block;margin-top:2px}.checkbox-field.danger .checkbox-field-label{color:var(--danger-text)}.section-legend{font-size:var(--font-size-xs);font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;display:block}.password-policy{margin-top:8px;padding:10px 12px;border-radius:var(--radius-md);background:var(--surface-soft);border:1px solid var(--glass-border)}.password-policy-title{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.password-policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.password-rule{display:flex;align-items:center;gap:6px;font-size:var(--font-size-base);color:var(--text-secondary);transition:color .2s}.password-rule.ok{color:var(--success-text)}.step-flow{gap:0;margin-bottom:1.5rem}.step-flow,.step-item{display:flex;align-items:center}.step-item{gap:6px;flex:1}.step-item:last-child{flex:none}.step-dot{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base);font-weight:500;flex-shrink:0;background:var(--surface-soft);color:var(--text-muted);border:2px solid var(--glass-border)}.step-dot.active{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.step-dot.done{background:#1A7AAA;color:#fff;border-color:#1A7AAA}.step-label{font-size:var(--font-size-base);color:var(--text-muted);font-weight:400;white-space:nowrap}.step-label.active{color:var(--text-primary);font-weight:500}.step-line{flex:1;height:1px;background:var(--glass-border);margin:0 4px}.step-line.done{background:#1A7AAA}.super-badge{font-size:9px;background:var(--btn-accent-bg);color:var(--text-accent);border:1px solid var(--btn-accent-border);padding:1px 6px;border-radius:var(--radius-full);font-weight:500;letter-spacing:.04em;text-transform:uppercase}.company-option{padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--input-bg);text-align:left;cursor:pointer;font-size:var(--font-size-md);color:var(--text-primary);font-weight:400;transition:all .15s;width:100%;font-family:var(--font-sans)}.company-option:hover{border-color:var(--input-border-focus);background:#F0F8FC}.company-option.selected{border-color:var(--input-border-focus);background:var(--btn-accent-bg);font-weight:500}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){:root{--page-padding-x:16px;--page-padding-y:16px;--section-gap:14px;--card-gap:10px;--font-size-kpi:26px;--font-size-3xl:20px}.navbar{padding:0 12px;height:auto;min-height:var(--nav-height);flex-wrap:wrap;gap:0}.nav-desktop{display:none}.nav-mobile-toggle{display:flex}.nav-mobile-menu{display:none;width:100%;flex-direction:column;gap:6px;padding:10px 0;border-top:1px solid var(--glass-border)}.nav-mobile-menu.open{display:flex}.nav-mobile-menu .navbar-link{display:block;width:100%;padding:8px 12px}.nav-mobile-menu .nav-divider{width:100%;height:1px;margin:4px 0}.nav-mobile-user{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 0}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.metric-card{padding:14px 12px}.metric-icon{width:32px;height:32px}.metric-value{font-size:var(--font-size-kpi)}.toolbar{padding:10px 12px;gap:6px}.toolbar .input,.toolbar .input-field,.toolbar .select{max-width:none;flex:1 1 auto;min-width:0;padding:7px 10px;font-size:var(--font-size-base)}.toolbar-actions{margin-left:0;width:100%;flex-wrap:wrap}.table thead th{padding:9px 12px;font-size:var(--font-size-xs)}.table tbody td{padding:10px 12px;font-size:var(--font-size-base)}.card-header{padding:10px 14px}.form-grid{gap:10px}.form-grid,.form-grid.cols-3{grid-template-columns:1fr}.modal-overlay{align-items:flex-start;padding:40px 8px 8px}.modal-box.lg,.modal-box.md,.modal-box.sm,.modal-box.xl{max-width:100%}.modal-header{padding:12px 14px}.modal-body{padding:14px}.modal-footer{padding:10px 14px}.modal-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.modal-tab{padding:8px 12px;font-size:var(--font-size-base);white-space:nowrap}.pagination-bar{padding:6px 12px;flex-wrap:wrap;gap:4px}.password-policy-grid{grid-template-columns:1fr}.empty-state{padding:32px 16px}.company-pill{max-width:150px;padding:4px 10px}}@media (max-width:480px){:root{--page-padding-x:12px;--page-padding-y:12px;--font-size-kpi:22px;--font-size-3xl:18px}h1{font-size:18px}h2{font-size:15px}h3{font-size:14px}.kpi-grid{grid-template-columns:1fr 1fr}.metric-card{padding:12px 10px}.metric-icon{width:28px;height:28px}.toolbar{flex-direction:row;flex-wrap:wrap;align-items:center}.toolbar .input,.toolbar .input-field,.toolbar .select{flex:1 1 120px;min-width:0;padding:6px 8px;font-size:var(--font-size-sm)}.toolbar-actions{justify-content:flex-start}.btn-accent,.btn-danger,.btn-ghost,.btn-primary,.btn-secondary{padding:8px 12px;font-size:var(--font-size-xs)}.glass-card,.section-card{border-radius:var(--radius-md)}.modal-overlay{padding:0;align-items:stretch}.modal-box.lg,.modal-box.md,.modal-box.sm,.modal-box.xl{max-width:100%;border-radius:0;max-height:100vh;min-height:100vh}}@media (max-height:500px) and (orientation:landscape){.navbar{min-height:42px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.metric-card{padding:10px}.metric-value{font-size:20px}.metric-icon{width:28px;height:28px}.modal-overlay{padding:4px;align-items:flex-start}.modal-box.lg,.modal-box.md,.modal-box.sm,.modal-box.xl{max-height:95vh}.empty-state{padding:20px 12px}}.admin-grid-2{gap:1.25rem}.admin-grid-2,.params-grid-2{display:grid;grid-template-columns:1fr 1fr}.params-grid-2{gap:12px 16px}.params-grid-1{display:grid;grid-template-columns:1fr;gap:12px 16px}@media (max-width:768px){.admin-grid-2,.params-grid-2{grid-template-columns:1fr}}.lopd-form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lopd-form-padding{padding:0 1.5rem 1.5rem}.lopd-header-padding{padding:1.5rem 1.5rem 0}.lopd-otp-digit{width:48px;height:56px;font-size:22px}@media (max-width:480px){.lopd-form-grid-2{grid-template-columns:1fr}.lopd-form-padding{padding:0 1rem 1rem}.lopd-header-padding{padding:1rem 1rem 0}.lopd-otp-digit{width:40px;height:48px;font-size:18px}}.nav-desktop{display:flex;align-items:center;gap:8px}.nav-mobile-toggle{display:none;align-items:center;justify-content:center;background:none;border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:4px 8px;cursor:pointer;color:var(--text-secondary)}.nav-mobile-toggle:hover{background:var(--surface-soft);color:var(--text-primary)}.nav-mobile-menu{display:none}