:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eaf0f7;--surface:#fbfdff;--surface-muted:#eef4fb;--ink:#202733;--muted:#657285;--line:#d4deea;--line-strong:#b9c7d8;--primary:#1d75d8;--primary-strong:#0f5eb8;--primary-soft:#e3f1ff;--danger:#c33453;--danger-soft:#fff0f3;--success:#15845c;--shadow-sm:0 8px 24px #364c681a, 0 1px 0 #ffffffe0 inset;--shadow-md:0 20px 54px #364c6829, 0 1px 0 #ffffffe6 inset;--shadow-lg:0 28px 80px #364c6833, 0 1px 0 #fffffff2 inset;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:radial-gradient(circle at 14% 8%, #fffffffa, transparent 23%), radial-gradient(circle at 84% 12%, #1d75d833, transparent 28%), radial-gradient(circle at 52% 92%, #29a3d729, transparent 32%), linear-gradient(135deg, #1d75d829, transparent 36%), linear-gradient(180deg, #f9fcff 0%, var(--bg) 56%, #dfe8f4 100%);background-attachment:fixed;min-height:100%}body{background:0 0;min-height:100vh;margin:0}body,button,input,select,textarea{letter-spacing:0;font:13px/1.35 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{border:1px solid var(--line-strong);min-height:38px;color:var(--ink);cursor:pointer;background:linear-gradient(#fff,#edf4fc);border-radius:10px;font-weight:750;transition:background-color .14s,border-color .14s,box-shadow .14s,transform .14s}button:hover:not(:disabled){border-color:#1d75d8ad;transform:translateY(-1px);box-shadow:0 10px 22px #364c681f,0 0 0 3px #1d75d81a}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.58}input,select,textarea{border:1px solid var(--line-strong);width:100%;min-height:44px;color:var(--ink);background:#fffffff0;border-radius:10px;padding:10px 12px;transition:border-color .16s,box-shadow .16s,background-color .16s;box-shadow:inset 0 1px #ffffffe6,0 1px 2px #364c680a}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:#1d75d8bd;outline:0;box-shadow:0 0 0 4px #1d75d81f,0 8px 20px #364c6814}button:focus-visible{outline-offset:2px;outline:3px solid #2b6f9f3d}h1,p{margin-top:0}h1{margin-bottom:8px;font-size:1.75rem;line-height:1.12}p{color:var(--muted)}.login-shell,.home-shell{min-height:100vh;padding:40px 16px}.login-shell{place-items:center;display:grid}.login-panel,.home-panel{border:1px solid var(--line);border-top:4px solid var(--primary);width:min(560px,100vw - 32px);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#fbfdfff5,#eef4fbe6);border-radius:18px}.login-panel{padding:28px}.login-copy{gap:8px;margin-bottom:18px;display:grid}.brand-mark{color:var(--primary-strong);align-items:center;gap:8px;font-weight:850;display:inline-flex}.login-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:18px;display:grid}.login-links a,.primary,.secondary{justify-content:center;align-items:center;gap:8px;display:inline-flex}.login-links a{border:1px solid var(--line-strong);min-height:38px;color:var(--ink);background:linear-gradient(#fff,#edf4fc);border-radius:10px;font-weight:750;text-decoration:none}.login-links a.active{background:linear-gradient(180deg, #fff, var(--primary-soft));color:var(--primary-strong);border-color:#1d75d8cc;box-shadow:0 8px 20px #1d75d81f}.login-form{gap:14px;display:grid}.login-form label{color:var(--ink);gap:6px;font-weight:750;display:grid}.primary{border-color:var(--primary-strong);background:linear-gradient(180deg, #2d89ef, var(--primary-strong));color:#fff;box-shadow:0 12px 28px #0f5eb838}.secondary{background:linear-gradient(#fff,#edf4fc)}.error-box{background:var(--danger-soft);color:var(--danger);border:1px solid #c334534d;border-radius:10px;padding:10px 12px;font-weight:700}.topbar{justify-content:space-between;align-items:center;gap:12px;width:min(940px,100vw - 32px);margin:0 auto 16px;display:flex}.home-panel{width:min(940px,100vw - 32px);margin:0 auto;padding:28px}.home-title{align-items:center;gap:14px;margin-bottom:22px;display:flex}.home-title svg{color:var(--primary-strong)}.home-title p{margin-bottom:4px;font-weight:800}.session-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;display:grid}.session-grid div{border:1px solid var(--line);background:linear-gradient(180deg, #fff, var(--surface-muted));min-width:0;box-shadow:var(--shadow-sm);border-radius:14px;padding:14px}.session-grid dt{color:var(--muted);text-transform:uppercase;margin-bottom:6px;font-size:.78rem;font-weight:800}.session-grid dd{overflow-wrap:anywhere;color:var(--ink);margin:0;font-weight:800}@media (width<=680px){.customer-support-tabs{grid-template-columns:1fr 1fr;width:100%;display:grid}.customer-support-tabs button{width:100%;min-width:0}.api-address-grid{grid-template-columns:1fr}.api-address-grid .address-street{grid-column:auto}.client-key-input-row{flex-direction:column;align-items:stretch}.login-links,.session-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:stretch}.icon-button{width:100%}}.portal-shell{background:radial-gradient(circle at 16% 2%,#ffffffe6,#0000 24%),radial-gradient(circle at 92% 8%,#1d75d81f,#0000 30%),#f5f8fcb8;min-height:100vh}.portal-topbar{z-index:5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(22px)saturate(140%);backdrop-filter:blur(22px)saturate(140%);background:#fbfdffc7;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-height:70px;padding:12px 20px;display:grid;position:sticky;top:0;box-shadow:0 12px 30px #364c681f}.top-menu{scrollbar-width:thin;gap:8px;padding:5px;display:flex;overflow-x:auto}.page-menu{margin-bottom:12px;padding:0 0 4px}.top-menu button{white-space:nowrap;align-items:center;gap:7px;padding:0 13px;display:inline-flex}.top-menu button.active{background:linear-gradient(180deg, #fff, var(--primary-soft));color:var(--primary-strong);border-color:#1d75d8cc;box-shadow:0 8px 20px #1d75d81f}.portal-body{grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 70px);display:grid}.drawer{border-right:1px solid var(--line);background:linear-gradient(#eff6fdf0,#fbfdffb8);flex-direction:column;gap:8px;height:calc(100vh - 70px);padding:10px;display:flex;position:sticky;top:70px;overflow-y:auto}.drawer-user{border:1px solid var(--line);box-shadow:var(--shadow-sm);overflow-wrap:anywhere;background:#ffffffd1;border-radius:14px;gap:5px;padding:10px;display:grid}.drawer-user span{color:var(--muted);font-size:.78rem;font-weight:750}.drawer-menu{flex-direction:column;flex:1;gap:8px;display:flex}.drawer button{text-align:left;background:0 0;border-color:#0000;justify-content:flex-start;align-items:center;gap:8px;padding:7px 9px;font-size:12px;display:inline-flex}.drawer-group{gap:6px;display:grid}.drawer-group-toggle{width:100%;font-size:12px;justify-content:space-between!important}.drawer-group-label{align-items:center;gap:8px;min-width:0;display:inline-flex}.drawer-submenu{gap:4px;padding-left:10px;display:grid}.drawer-submenu-item{color:#6f7f94;border-radius:10px;min-height:28px;font-weight:700;padding:5px 8px 5px 12px!important;font-size:10px!important}.drawer-submenu-item.active{color:#4c6f95;box-shadow:0 6px 16px #1d75d814;background:linear-gradient(#fff,#eef6ff)!important;border-color:#1d75d859!important}.drawer-logout{margin-top:auto}.user-topbar,.support-topbar{grid-template-columns:minmax(0,1fr) auto}.topbar-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.screen-lang-picker{width:min(260px,34vw);color:var(--muted);gap:4px;font-size:.76rem;font-weight:850;display:grid}.screen-lang-picker select{min-height:38px;padding:7px 10px}.drawer button.active{background:linear-gradient(180deg, #fff, var(--primary-soft));color:var(--primary-strong);border-color:#1d75d8cc;box-shadow:0 10px 24px #1d75d81f}.portal-content{min-width:0;padding:12px}.workspace{border:1px solid var(--line);min-height:calc(100vh - 114px);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#fbfdfff5,#ffffffe6);border-radius:18px;padding:12px}.workspace-title{border-bottom:1px solid #d4deeab8;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:10px;padding-bottom:8px;display:flex}.workspace-title p{margin-bottom:4px;font-weight:800}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card{border:1px solid var(--line);min-height:116px;box-shadow:var(--shadow-sm);background:linear-gradient(#fffffffa,#eef4fbeb),radial-gradient(circle at 88% 10%,#1d75d81f,#0000 34%);border-radius:8px;gap:8px;padding:16px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.metric-card span{color:var(--muted);font-weight:800}.metric-card strong{color:var(--primary-strong);font-size:2rem}.maintenance-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;display:grid}.maintenance-layout.full{grid-template-columns:minmax(0,1fr)}.grid-tools{grid-template-columns:minmax(180px,360px) auto;align-items:center;gap:8px;margin-bottom:10px;display:grid}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.square-button{justify-content:center;align-items:center;width:38px;min-width:38px;min-height:38px;padding:0;display:inline-flex}.data-grid-wrap{border:1px solid var(--line);min-width:0;max-height:calc(100vh - 160px);box-shadow:var(--shadow-sm);background:#fff;border-radius:8px;overflow:auto}.data-grid{border-collapse:collapse;table-layout:fixed;background:#fff;width:100%;min-width:100%}.data-grid th,.data-grid td{border-bottom:1px solid var(--line);text-align:left;text-overflow:ellipsis;white-space:nowrap;max-width:180px;padding:6px 7px;font-size:9px;overflow:hidden}.data-grid td input,.data-grid td select{border-radius:8px;min-height:28px;padding:4px 6px;font-size:9px}.data-grid th{z-index:1;background:linear-gradient(180deg, #fff, var(--surface-muted));color:var(--muted);text-transform:uppercase;letter-spacing:0;box-shadow:0 1px 0 var(--line);font-size:9px;position:sticky;top:0}.data-grid tr{cursor:pointer;transition:background-color .14s}.data-grid tr.editing td{background:#fff}.actions-col{width:172px;min-width:172px}.row-actions{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:6px;width:172px;min-width:172px;display:flex}.data-grid th:last-child,.data-grid td:last-child{z-index:1;background:#fff;position:sticky;right:0}.data-grid th:nth-last-child(2),.data-grid td:nth-last-child(2){width:150px;min-width:150px;max-width:150px;padding-right:28px}.data-grid .col-terms_accepted{width:68px;min-width:68px;max-width:68px}.data-grid .col-registration_status{width:70px;min-width:70px;max-width:70px}.data-grid .col-created_at{width:98px;min-width:98px;max-width:98px;padding-right:6px}.data-grid tbody tr:nth-child(2n) td:last-child{background:#eef4fb57}.data-grid tr:hover td:last-child,.data-grid tr.selected td:last-child{background:var(--primary-soft)}.data-grid tr.editing td:last-child{background:#fff}.danger-icon{color:var(--danger)}.success-icon{color:var(--success)}.editor-panel{border:1px solid var(--line);background:linear-gradient(180deg, #fff, var(--surface-muted));box-shadow:var(--shadow-sm);border-radius:8px;gap:12px;padding:16px;display:grid}.editor-panel h2{margin:0}.editor-panel label{color:var(--ink);gap:6px;font-weight:750;display:grid}.editor-panel input:disabled{color:var(--muted);background:#f5f8fc}.status-line{border:1px solid var(--line);background:linear-gradient(180deg, #fff, var(--surface-muted));color:var(--muted);border-radius:10px;margin-bottom:8px;padding:10px 12px;font-weight:800}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.field-grid label,.form-grid label{color:var(--ink);gap:6px;font-weight:750;display:grid}.address-section{gap:14px;margin-top:18px;display:grid}.subsection-title,.address-card-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.subsection-title{border-top:1px solid #d4deeab8;padding-top:14px}.subsection-title h2{margin:0;font-size:1.12rem}.subsection-title p{margin-bottom:4px;font-weight:800}.address-card{border:1px solid var(--line);background:linear-gradient(180deg, #fff, var(--surface-muted));box-shadow:var(--shadow-sm);border-radius:8px;gap:12px;padding:16px;display:grid}.address-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.check-row{grid-column:1/-1;align-items:center;gap:8px;display:flex!important}.check-row input{width:auto;min-height:0}.terms-required{border:1px solid color-mix(in srgb, var(--primary) 28%, var(--line));background:color-mix(in srgb, var(--primary) 5%, white);border-radius:7px;padding:10px 12px}.client-key-field{color:var(--ink);gap:6px;font-weight:750;display:grid;position:relative}.field-label-row,.client-key-input-row{align-items:center;gap:8px;display:flex}.client-key-input-row input:first-child{flex:auto;min-width:0}.file-input-hidden{display:none}.browse-key-button{white-space:nowrap;align-items:center;gap:6px;min-height:38px;display:inline-flex}.key-help-wrap{display:inline-flex;position:relative}.key-help-button{width:28px;min-height:28px;color:var(--primary);background:var(--surface-muted);border-radius:50%;place-items:center;padding:0;display:inline-grid}.key-help-popover{z-index:30;border:1px solid var(--line);width:min(480px,100vw - 56px);box-shadow:var(--shadow-md);color:var(--ink);background:#fff;border-radius:7px;padding:14px 16px;font-weight:500;position:absolute;top:32px;left:0}.key-help-popover ol{margin:8px 0 0;padding-left:20px}.key-help-popover code{overflow-wrap:anywhere}.api-address-card{border:1px solid var(--line);background:var(--surface-muted);border-radius:7px;min-width:0;margin:4px 0;padding:12px}.api-address-card legend{color:var(--ink);padding:0 6px;font-weight:800}.api-address-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.api-address-grid label{gap:5px;display:grid}.api-address-grid .address-street{grid-column:span 2}.form-actions-bottom{justify-content:flex-end;padding-top:4px;display:flex}.form-actions-bottom .icon-button{min-width:140px}.tabs{border:1px solid var(--line);background:#eef4fbb8;border-radius:8px;gap:8px;margin-bottom:16px;padding:4px;display:flex}.auth-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tabs button.active{background:linear-gradient(180deg, #fff, var(--primary-soft));color:var(--primary-strong);border-color:#1d75d8cc;box-shadow:0 8px 20px #1d75d81f}.user-dashboard{align-content:start;gap:14px;display:grid}.dashboard-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:6px 4px 14px;display:flex}.dashboard-heading p,.dashboard-heading h1,.dashboard-heading span{margin:0}.dashboard-heading p{color:var(--primary-strong);text-transform:uppercase;font-size:10px;font-weight:850}.dashboard-heading h1{margin-top:4px;font-size:1.35rem}.dashboard-heading div>span{color:var(--muted);margin-top:4px;display:block}.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.dashboard-stats article{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:11px;min-width:0;padding:13px;display:flex}.dashboard-stats article div{min-width:0;display:grid}.dashboard-stats small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.dashboard-stats strong{margin-top:2px;font-size:1.45rem;line-height:1}.stat-icon{background:var(--primary-soft);width:34px;height:34px;color:var(--primary-strong);border-radius:8px;flex:0 0 34px;place-items:center;display:grid}.stat-icon.success{color:var(--success);background:#e3f6ed}.stat-icon.secure{color:#3e5067;background:#edf0f5}.dashboard-columns{grid-template-columns:minmax(0,1.55fr) minmax(260px,.8fr);gap:12px;display:grid}.dashboard-panel{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.panel-heading p,.panel-heading h2{margin:0}.panel-heading p{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:800}.panel-heading h2{margin-top:2px;font-size:1rem}.request-list article{border-bottom:1px solid var(--line);grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 14px;display:grid}.request-list article:last-child{border-bottom:0}.request-list article>div{min-width:0;display:grid}.request-list article small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.request-app-icon{background:var(--surface-muted);width:30px;height:30px;color:var(--primary-strong);border-radius:7px;place-items:center;display:grid}.status-badge,.approval-chip{border:1px solid var(--line);background:var(--surface-muted);color:var(--muted);text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 8px;font-size:9px;font-weight:850;display:inline-flex}.status-badge.approved{color:var(--success);background:#e9f7f0;border-color:#b8e1cf}.status-badge.pending{color:#7e5d14;background:#fff7df;border-color:#ead79e}.status-badge.rejected{background:var(--danger-soft);color:var(--danger);border-color:#efc2cc}.quick-start ol{gap:0;margin:0;padding:5px 14px 8px;list-style:none;display:grid}.quick-start li{border-bottom:1px solid var(--line);grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;padding:10px 0;display:grid}.quick-start li:last-child{border-bottom:0}.quick-start li>span{border:1px solid var(--line-strong);width:25px;height:25px;color:var(--muted);border-radius:50%;place-items:center;font-size:10px;font-weight:850;display:grid}.quick-start li.complete>span{border-color:var(--success);color:var(--success);background:#e3f6ed}.quick-start li div{display:grid}.quick-start li small{color:var(--muted)}.empty-state{color:var(--muted);text-align:center;justify-items:center;gap:7px;padding:28px;display:grid}.api-request-form{gap:12px;display:grid}.request-form-intro{justify-content:space-between;align-items:flex-start;gap:14px;padding:2px 2px 10px;display:flex}.request-form-intro h2,.request-form-intro p,.form-section-heading h3,.form-section-heading p{margin:0}.request-form-intro h2{font-size:1.1rem}.request-form-intro p{margin-top:3px}.approval-chip{color:var(--success);background:#e9f7f0;border-color:#b8e1cf}.form-section{border:1px solid var(--line);background:#fff;border-radius:8px}.form-section-heading{border-bottom:1px solid var(--line);background:#f8fafc;align-items:center;gap:10px;padding:11px 13px;display:flex}.form-section-heading>span{background:var(--primary-soft);width:30px;height:30px;color:var(--primary-strong);border-radius:7px;place-items:center;display:grid}.form-section-heading h3{font-size:.95rem}.form-section-heading p{font-size:11px}.request-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 14px;padding:14px;display:grid}.request-field-grid>label,.client-type-field{min-width:0;color:var(--ink);gap:5px;margin:0;font-weight:750;display:grid}.request-field-grid small{color:var(--muted);font-size:10px;font-weight:500}.span-2{grid-column:1/-1}.client-type-field{border:0;padding:0}.client-type-field legend{margin-bottom:5px;padding:0;font-weight:750}.choice-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.choice{display:block!important}.choice input{opacity:0;width:1px;height:1px;position:absolute}.choice span{border:1px solid var(--line-strong);min-height:44px;color:var(--muted);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;display:flex}.choice.active span{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-strong)}.input-with-action{grid-template-columns:minmax(0,1fr) auto;gap:7px;display:grid}.request-form-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:12px 2px 2px;display:flex}.request-form-actions>span{color:var(--muted);font-size:11px}.support-split{grid-template-columns:minmax(0,1fr) 340px;gap:16px;margin-top:16px;display:grid}.button-row{flex-wrap:wrap;gap:8px;display:flex}.compact-title h1{margin-bottom:0;font-size:1.05rem}.compact-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.detail-item{border:1px solid var(--line);background:#ffffffeb;border-radius:10px;gap:3px;padding:8px;display:grid}.detail-item span{color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:800}.detail-item strong{overflow-wrap:anywhere;font-size:11px}.dialog-backdrop{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#20273347;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog-card{border:1px solid var(--line);width:min(1120px,100vw - 32px);max-height:calc(100vh - 32px);box-shadow:var(--shadow-lg);background:linear-gradient(#fbfdfffa,#fffffff2);border-radius:18px;padding:14px;overflow:auto}.narrow-dialog{width:min(760px,100vw - 32px)}.dialog-section{gap:10px;margin-top:12px;display:grid}.dialog-section h2{margin:0;font-size:.95rem}.dialog-label{gap:6px;font-size:11px;font-weight:800;display:grid}.dialog-label textarea{resize:vertical;min-height:88px;font-size:11px}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}.mini-history-list{gap:8px;display:grid}.lookup-list{gap:8px;max-height:260px;display:grid;overflow:auto}.lookup-item{justify-items:start;gap:2px;padding:10px;display:grid}.lookup-item.active{background:linear-gradient(180deg, #fff, var(--primary-soft));color:var(--primary-strong);border-color:#1d75d8cc;box-shadow:0 8px 20px #1d75d81f}.history-card{border:1px solid var(--line);background:#ffffffeb;border-radius:10px;gap:4px;padding:8px;display:grid}.history-card strong,.history-card span,.history-card p{margin:0;font-size:10px}.registration-grid-wrap{max-height:calc(100vh - 160px)}.registration-grid{table-layout:fixed}.registration-grid .col-user_id{width:180px;min-width:180px;max-width:180px}.registration-grid .col-company_name{width:170px;min-width:170px;max-width:170px}.registration-grid .col-preferred_contact_method{width:110px;min-width:110px;max-width:110px}.registration-grid .col-user_type{width:76px;min-width:76px;max-width:76px}.registration-grid .col-registration_status{width:108px;min-width:108px;max-width:108px}.registration-grid .col-terms_accepted{width:74px;min-width:74px;max-width:74px}.registration-grid .col-created_at,.registration-grid .col-updated_at{width:116px;min-width:116px;max-width:116px}.compact-grid-wrap{max-height:240px}.page-description{color:var(--muted);margin-top:4px;font-size:11px;font-weight:600;display:block}.result-count{color:var(--muted);white-space:nowrap;font-size:10px;font-weight:800}.search-field{border:1px solid var(--line);min-width:0;color:var(--muted);background:#fff;border-radius:8px;align-items:center;gap:7px;padding:0 10px;display:flex}.search-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #1d75d81a}.search-field input{min-width:0;box-shadow:none;background:0 0;border:0;padding-left:0;padding-right:0}.search-field input:focus{box-shadow:none}.page-empty{border:1px dashed var(--line);background:var(--surface-muted);border-radius:8px;min-height:190px}.compact-empty{min-height:110px}.empty-grid-row td{text-align:center;max-width:none;height:120px;color:var(--muted);font-size:11px}.address-maintenance-grid{table-layout:auto;min-width:1540px}.address-maintenance-grid th,.address-maintenance-grid td{min-width:82px}.address-maintenance-grid .col-address_id,.address-maintenance-grid .col-user_id{min-width:190px}.user-maintenance-grid .actions-col,.user-maintenance-grid .row-actions{width:224px;min-width:224px}.role-option-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0;display:grid}.role-option{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex}.role-option.selected{border-color:var(--primary);background:var(--primary-soft)}.role-option input{width:auto;min-height:0}.role-option span{gap:2px;display:grid}.role-option small{color:var(--muted);font-size:9px}.address-options{border:1px solid var(--line);background:var(--surface-muted);border-radius:8px;align-items:center;gap:18px;min-height:38px;padding:7px 10px;display:flex}.address-options .check-row{white-space:nowrap}.profile-summary{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:8px;align-items:center;gap:12px;padding:16px;display:flex}.profile-summary>div{flex:1;gap:3px;min-width:0;display:grid}.profile-summary small{color:var(--muted)}.profile-avatar{background:var(--primary-soft);width:42px;height:42px;color:var(--primary-strong);border-radius:8px;place-items:center;display:grid}.support-workspace,.admin-dashboard{gap:16px;display:grid}.embedded-list{gap:10px;min-width:0;display:grid}.method-access-panel{margin-top:0}.customer-support{gap:14px;display:grid}.customer-support-tabs{gap:5px;width:fit-content;margin:0;padding:5px}.customer-support-tabs button{justify-content:center;align-items:center;gap:8px;min-width:142px;min-height:44px;padding:0 16px;font-size:.88rem;font-weight:750;display:inline-flex}.customer-ticket-layout{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr)}.customer-ticket-layout .data-grid-wrap{max-height:calc(100vh - 230px)}.ticket-messages{gap:7px;max-height:220px;display:grid;overflow:auto}.ticket-messages article{border-left:3px solid var(--primary);background:var(--surface-muted);gap:3px;padding:7px 9px;display:grid}.ticket-messages p,.ticket-messages small{margin:0}.ticket-messages small{color:var(--muted);font-size:9px}.request-field-grid textarea{resize:vertical;border:1px solid var(--line);width:100%;font:inherit;border-radius:8px;padding:9px 10px}.support-stats,.support-filter{margin:0}.support-split{margin-top:0}.editor-panel textarea{resize:vertical;border:1px solid var(--line);width:100%;font:inherit;border-radius:8px;padding:9px 10px}.ticket-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.ticket-summary>span{border:1px solid var(--line);background:#fff;border-radius:8px;gap:3px;min-width:0;padding:8px;display:grid}.ticket-summary small{color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:800}.ticket-summary strong{overflow-wrap:anywhere;font-size:11px}.status-actions button{min-height:32px;padding:6px 10px;font-size:10px}.admin-summary-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.admin-summary-list span{border-left:3px solid var(--primary);background:var(--surface-muted);gap:4px;padding:8px 10px;display:grid}.admin-summary-list strong{font-size:18px}.admin-summary-list small{color:var(--muted);font-size:9px}.admin-workflow-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.admin-workflow-list li{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:9px 0;display:flex}.admin-workflow-list li:last-child{border-bottom:0}.admin-workflow-list li>span{background:var(--primary-soft);width:24px;height:24px;color:var(--primary-strong);border-radius:50%;flex:0 0 24px;place-items:center;font-size:10px;font-weight:900;display:grid}.admin-workflow-list li div{gap:2px;display:grid}.admin-workflow-list small{color:var(--muted);font-size:9px}@media (width<=1080px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-columns,.request-field-grid{grid-template-columns:minmax(0,1fr)}.span-2{grid-column:auto}.portal-topbar,.portal-body,.maintenance-layout{grid-template-columns:1fr}.topbar-actions{flex-direction:column;align-items:stretch}.screen-lang-picker{width:100%}.drawer{border-right:0;border-bottom:1px solid var(--line);height:auto;max-height:240px;position:static}.drawer-menu{flex:initial}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.support-split,.customer-ticket-layout,.field-grid,.compact-detail-grid{grid-template-columns:1fr}.address-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.dashboard-heading,.request-form-intro,.request-form-actions{flex-direction:column;align-items:stretch}.dashboard-stats{grid-template-columns:minmax(0,1fr)}.portal-content,.workspace{padding:12px}.metric-grid,.address-grid,.ticket-summary,.admin-summary-list,.role-option-list{grid-template-columns:1fr}.grid-tools{grid-template-columns:minmax(0,1fr)}.toolbar-actions{justify-content:flex-start}.customer-support-tabs{grid-template-columns:1fr 1fr;width:100%;display:grid}.customer-support-tabs button{width:100%;min-width:0}.api-address-grid{grid-template-columns:1fr}.api-address-grid .address-street{grid-column:auto}.client-key-input-row{flex-direction:column;align-items:stretch}}.transport-test-workspace{gap:18px;display:grid}.transport-payload-editor{gap:8px;display:grid}.transport-payload-editor textarea{min-height:220px;font-family:Cascadia Code,Consolas,monospace;font-size:12px;line-height:1.5}.transport-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.transport-stage{gap:14px;display:grid}.transport-stage-step{gap:6px;display:grid}.transport-stage-step strong{color:var(--ink);font-size:.82rem}.json-preview{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--line);color:#253143;background:#f7fbff;border-radius:10px;max-height:220px;margin:0;padding:12px;font-family:Cascadia Code,Consolas,monospace;font-size:12px;line-height:1.5;overflow:auto}@media (width<=980px){.transport-flow-grid{grid-template-columns:1fr}}:root{--bg:#f1f4f6;--surface:#fff;--surface-muted:#f6f8fa;--ink:#18222d;--muted:#637180;--line:#dce3e8;--line-strong:#c7d1d9;--primary:#176b9c;--primary-strong:#0d547f;--primary-soft:#e8f3f8;--danger:#b4233f;--danger-soft:#fff1f3;--success:#14765a;--warning:#916318;--shadow-sm:0 1px 2px #18222d0f;--shadow-md:0 8px 24px #18222d14;--shadow-lg:0 18px 48px #18222d24}html,.portal-shell{background:var(--bg)}body,button,input,select,textarea{font-size:13px;line-height:1.4}h1{font-size:1.5rem}button,input,select,textarea,.login-links a{border-radius:6px}button{background:var(--surface);min-height:36px;box-shadow:none;transition:background-color .12s,border-color .12s,color .12s,box-shadow .12s}button:hover:not(:disabled){background:#f8fafb;border-color:#91a8b8;transform:none;box-shadow:0 0 0 3px #176b9c17}button:active:not(:disabled){background:#eef3f6;transform:none}input,select,textarea{background:var(--surface);min-height:38px;box-shadow:none;padding:8px 10px}input:hover,select:hover,textarea:hover{border-color:#9fb0bd}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--primary);outline:0;box-shadow:0 0 0 3px #176b9c1f}.primary{border-color:var(--primary-strong);background:var(--primary);box-shadow:none}.primary:hover:not(:disabled){border-color:var(--primary-strong);background:var(--primary-strong);color:#fff}.secondary,.login-links a{background:var(--surface)}.login-shell,.home-shell{background:linear-gradient(180deg, #f7f9fa 0 38%, var(--bg) 38% 100%)}.login-panel,.home-panel,.dialog-card{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:8px}.login-panel{box-shadow:var(--shadow-lg);border-top-width:3px}.portal-topbar{border-bottom-color:var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;min-height:60px;padding:9px 16px;box-shadow:0 1px #18222d0a}.brand-mark{color:var(--ink);font-weight:800}.brand-mark svg{color:var(--primary)}.portal-body{grid-template-columns:216px minmax(0,1fr);min-height:calc(100vh - 60px)}.drawer{background:#f8fafb;gap:10px;height:calc(100vh - 60px);padding:12px 10px;top:60px}.drawer-user{background:var(--surface);box-shadow:none;border-radius:6px;gap:3px;padding:9px 10px}.drawer-user strong{font-size:11px}.drawer-user span{font-size:10px}.drawer-menu{gap:3px}.drawer button{color:#485866;border-radius:6px;min-height:34px;padding:6px 9px;font-size:11px;font-weight:680;position:relative}.drawer button:hover:not(:disabled){box-shadow:none;background:#edf2f5;border-color:#0000}.drawer button.active,.drawer-submenu-item.active{box-shadow:none;background:var(--primary-soft)!important;color:var(--primary-strong)!important;border-color:#cfe0e9!important}.drawer button.active:before,.drawer-submenu-item.active:before{background:var(--primary);content:"";border-radius:2px;width:3px;position:absolute;inset:6px auto 6px -1px}.drawer-group{gap:3px}.drawer-submenu{gap:2px;padding:2px 0 5px 18px}.drawer-submenu-item{color:#667684;border-radius:5px;font-weight:620;min-height:29px!important;padding:5px 8px 5px 10px!important;font-size:10px!important}.drawer-logout{border-color:var(--line)!important;background:var(--surface)!important;color:#53616d!important}.screen-lang-picker{width:min(210px,32vw);font-size:10px}.screen-lang-picker select{min-height:34px}.portal-content{padding:16px 18px 22px}.workspace{min-height:calc(100vh - 98px);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:0}.workspace-title,.dashboard-heading{border-bottom-color:var(--line);margin-bottom:14px;padding:2px 0 13px}.workspace-title h1,.dashboard-heading h1{font-size:1.3rem}.workspace-title p,.dashboard-heading p,.panel-heading p{color:var(--primary-strong);letter-spacing:0}.dashboard-stats,.metric-grid{gap:10px}.dashboard-stats article,.metric-card,.dashboard-panel,.form-section,.profile-summary,.detail-item,.history-card,.ticket-summary>span{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:7px}.metric-card{background:var(--surface);min-height:104px;padding:14px}.metric-card:hover{box-shadow:var(--shadow-md);border-color:#a8bdc9;transform:none}.stat-icon,.profile-avatar,.form-section-heading>span{border-radius:6px}.stat-icon.warning{color:var(--warning);background:#fff4d8}.form-section-heading{background:#f7f9fa}.request-field-grid{gap:12px 14px}.tabs{border-color:var(--line);background:#edf2f5;gap:2px;width:fit-content;padding:3px}.tabs button{background:0 0;border-color:#0000}.tabs button.active{border-color:var(--line-strong);background:var(--surface);color:var(--primary-strong);box-shadow:var(--shadow-sm)}.grid-tools{border:1px solid var(--line);background:#f7f9fa;border-radius:7px;margin-bottom:10px;padding:8px}.search-field{border-radius:6px}.data-grid-wrap{border-color:var(--line);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:7px}.data-grid{font-size:11px}.data-grid th{z-index:2;color:#4b5b68;background:#f1f4f6;font-size:9px;position:sticky;top:0}.data-grid td{background:var(--surface)}.data-grid tbody tr:nth-child(2n) td{background:#fafbfc}.data-grid tr:hover td,.data-grid tr.selected td{background:#edf6f8}.data-grid td input,.data-grid td select{border-radius:5px;min-height:31px;font-size:11px}.dialog-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#18222d75}.dialog-card{box-shadow:var(--shadow-lg)}.status-line,.error-box,.page-empty{border-radius:7px}.status-badge,.approval-chip{font-size:9px}@media (width>=821px) and (width<=1080px){.portal-topbar{grid-template-columns:minmax(0,1fr) auto}.portal-body{grid-template-columns:204px minmax(0,1fr)}.drawer{border-right:1px solid var(--line);border-bottom:0;height:calc(100vh - 60px);max-height:none;position:sticky;top:60px}.topbar-actions{flex-direction:row;align-items:center}.screen-lang-picker{width:190px}}@media (width<=820px){.portal-topbar{grid-template-columns:minmax(0,1fr) auto;min-height:56px;padding:8px 12px;position:static}.portal-body{grid-template-columns:1fr}.drawer{border-right:0;border-bottom:1px solid var(--line);height:auto;max-height:42vh;padding:8px 10px;position:static}.drawer-user{display:none}.drawer-menu{flex:initial}.drawer-logout{margin-top:2px}.portal-content{padding:12px}.workspace{min-height:auto}}@media (width<=680px){.portal-topbar{grid-template-columns:1fr}.screen-lang-picker{width:100%}.tabs{width:100%;overflow-x:auto}.tabs button{flex:1 0 auto}.request-field-grid{padding:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}