:root{color-scheme:light;--bg:#f6f7f9;--panel:#ffffff;--ink:#172026;--muted:#68747f;--line:#dce2e8;--green:#0f8a65;--blue:#246bfe;--gold:#b98718;--button-shadow:0 1px 2px rgba(23,32,38,0.05);--button-shadow-hover:0 8px 18px rgba(23,32,38,0.1);--button-shadow-strong:0 10px 20px rgba(15,138,101,0.18);--button-ring:0 0 0 3px rgba(15,138,101,0.16);--ease-out:cubic-bezier(0.23,1,0.32,1);--ease-drawer:cubic-bezier(0.32,0.72,0,1);--motion-fast:140ms;--motion-base:200ms;--motion-slow:260ms;--panel-shadow:0 1px 2px rgba(23,32,38,0.03),0 10px 30px rgba(23,32,38,0.045)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5;position:relative;-webkit-font-smoothing:antialiased}.system-watermark{display:grid;grid-gap:clamp(20px,3vw,48px);gap:clamp(20px,3vw,48px);grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));inset:0;overflow:hidden;padding:clamp(28px,5vw,72px);pointer-events:none;position:fixed;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0}.system-watermark span{align-self:center;background:rgba(15,138,101,.028);height:52px;justify-self:center;mask-image:var(--watermark-image);mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-image:var(--watermark-image);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;width:52px}::selection{background:rgba(15,138,101,.16)}a,button{font:inherit}button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:0;box-shadow:var(--button-ring)}.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh;position:relative;transition:grid-template-columns .22s var(--ease-drawer);z-index:1}.shell.sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}.sidebar{border-right:1px solid var(--line);background:linear-gradient(180deg,#ffffff,#fbfcfd);contain:layout paint;display:flex;flex-direction:column;overflow:hidden;padding:24px 16px}.sidebar-top{flex:0 0 40px;margin-bottom:28px;position:relative}.brand{align-items:center;display:flex;gap:12px;height:40px;left:0;min-width:40px;overflow:hidden;position:absolute;top:0;transform:translateX(0);transition:transform .22s var(--ease-drawer);width:calc(100% - 40px)}.brand-mark{display:grid;flex:0 0 auto;width:40px;height:40px;place-items:center;border-radius:8px;background:#fff;border:1px solid var(--line);overflow:hidden;padding:4px}.brand-mark img{display:block;height:100%;object-fit:contain;width:100%}.brand small,.brand strong{display:block}.brand-copy{min-width:0;opacity:1;transform:translateX(0);transition:opacity .11s var(--ease-out),transform .18s var(--ease-drawer);white-space:nowrap}.brand small{color:var(--muted);font-size:12px;margin-top:2px}.sidebar-toggle{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--button-shadow);color:var(--ink);cursor:pointer;display:inline-flex;flex:0 0 auto;height:36px;justify-content:center;position:absolute;right:0;top:2px;transition:border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .22s var(--ease-drawer);width:36px}.shell:not(.sidebar-collapsed) .sidebar-toggle:hover{border-color:#b8d6cc;box-shadow:var(--button-shadow-hover);color:var(--green);transform:translateY(-1px)}.shell.sidebar-collapsed .sidebar-toggle{transform:translate(-4px,52px)}.shell.sidebar-collapsed .brand{transform:translateX(2px)}.shell.sidebar-collapsed .brand-copy,.shell.sidebar-collapsed .nav-label{opacity:0;transform:translateX(-6px)}.shell.sidebar-collapsed .sidebar-toggle:hover{border-color:#b8d6cc;box-shadow:var(--button-shadow-hover);color:var(--green);transform:translate(-4px,51px)}.nav{display:grid;grid-gap:4px;gap:4px;margin-bottom:18px;transform:translateY(0);transition:transform .22s var(--ease-drawer)}.shell.sidebar-collapsed .nav{transform:translateY(48px)}.nav a{border-radius:8px;color:var(--muted);display:flex;gap:10px;min-height:42px;overflow:hidden;padding:11px 12px;text-decoration:none;position:relative;transition:background-color .16s var(--ease-out),color .16s var(--ease-out),transform .16s var(--ease-out)}.nav a,.nav-icon{align-items:center}.nav-icon{display:inline-flex;flex:0 0 auto;height:22px;justify-content:center;width:22px}.nav-label{flex:0 0 auto;min-width:0;opacity:1;overflow:hidden;text-overflow:ellipsis;transform:translateX(0);transition:opacity .11s var(--ease-out),transform .18s var(--ease-drawer);white-space:nowrap}.nav a.active,.nav a:hover{background:#edf4ff;color:var(--blue)}.nav a.active:before{background:currentColor;border-radius:999px;content:"";height:18px;left:0;position:absolute;width:3px}.account-card{align-items:center;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:space-between;margin-top:auto;overflow:hidden;padding-top:16px}.account-copy{flex:1 1 auto;min-width:0;opacity:1;overflow:hidden;transform:translateX(0);transition:opacity .11s var(--ease-out),transform .18s var(--ease-drawer)}.account-copy span,.account-copy strong{display:block}.account-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-copy span{color:var(--muted);font-size:13px;margin-top:3px}.account-card button{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--button-shadow);color:var(--ink);cursor:pointer;display:inline-flex;flex:0 0 auto;height:34px;justify-content:center;margin-left:auto;transition:border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease;width:34px}.account-card button:hover{border-color:#ffd1d1;box-shadow:0 8px 18px rgba(180,35,24,.1);color:#b42318;transform:translateY(-1px)}.shell.sidebar-collapsed .account-card{gap:10px}.shell.sidebar-collapsed .account-copy{opacity:0;transform:translateX(-6px)}.shell.sidebar-collapsed .account-card button{transform:translateX(-5px)}.shell.sidebar-collapsed .account-card button:hover{transform:translate(-5px,-1px)}.workspace{min-width:0;padding:28px}.topbar{align-items:center;display:flex;justify-content:space-between;gap:20px;margin-bottom:24px}.topbar h1,.topbar p{margin:0}.topbar p{color:var(--muted);margin-bottom:6px}.topbar h1{font-size:32px;letter-spacing:-.025em;line-height:1.2}.panel-heading button,.topbar-link{align-items:center;border:1px solid var(--line);border-radius:8px;box-shadow:var(--button-shadow);cursor:pointer;display:inline-flex;font-weight:700;gap:8px;justify-content:center;min-height:40px;padding:0 14px;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease;white-space:nowrap}.topbar-link{background:#fff;color:var(--ink);text-decoration:none}.panel-heading button svg,.topbar-link svg{background:#eef7f3;border-radius:6px;color:var(--green);height:22px;padding:3px;width:22px}.panel-heading button:hover:not(:disabled),.topbar-link:hover{border-color:#b8d6cc;box-shadow:var(--button-shadow-hover);color:var(--green);transform:translateY(-1px)}.erp-description{color:var(--muted);font-size:14px;margin-top:10px}.erp-actions,.erp-button,.erp-filters,.erp-search{display:flex;align-items:center;gap:8px}.erp-actions{gap:10px}.erp-button{justify-content:center;background:white;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:9px 15px;cursor:pointer;font-weight:600;font-size:14px;box-shadow:var(--button-shadow);white-space:nowrap}.erp-button.primary,.erp-button:hover{border-color:var(--green)}.erp-button.primary{background:var(--green);color:white}.erp-button.primary:hover{background:#087552}.erp-button:disabled{opacity:.45;cursor:not-allowed}.nav a.active,.nav a:hover{background:#edf7f2;color:var(--green)}.erp-preview-note{display:flex;gap:9px;align-items:center;padding:10px 14px;border:1px solid #dbe9e2;background:#f1f8f4;color:#436458;border-radius:8px;font-size:13px;margin-bottom:20px}.erp-dot{width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0}.erp-tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin-bottom:24px;overflow-x:auto}.erp-tabs button{cursor:pointer;color:var(--muted);font-size:14px;white-space:nowrap;background:none;border:0;border-bottom:2px solid transparent;padding:10px 2px 14px}.erp-tabs button[aria-selected=true]{border-bottom-color:var(--green);color:var(--green);font-weight:700}.erp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.panel,.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:12px}.erp-stats .stat-card{position:relative;padding:19px 20px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--panel-shadow);overflow:hidden}.erp-stats .stat-card svg{position:absolute;right:18px;top:19px;color:var(--green)}.erp-stats .stat-card span{font-size:13px;color:var(--muted);padding-right:22px}.erp-stats .stat-card strong{font-size:clamp(21px,2.1vw,29px);font-weight:650;letter-spacing:-.025em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.erp-stats .stat-card strong.erp-stat-date{font-size:23px}.erp-stats .stat-card small{font-size:12px;color:var(--muted)}.erp-list{overflow:hidden}.erp-list-heading{display:flex;align-items:center;justify-content:space-between;padding:22px;gap:20px}.erp-list-heading h2{font-size:17px;margin:0}.erp-list-heading p{font-size:12px;color:var(--muted);margin:5px 0 0}.erp-filters input,.erp-filters select,.erp-form input,.erp-form select,.erp-form textarea{font:inherit;color:var(--ink);font-size:14px;border:1px solid var(--line);border-radius:7px;padding:9px 10px;background:#fff;min-width:0}.erp-search{border:1px solid var(--line);padding-left:12px;border-radius:7px;color:var(--muted)}.erp-search:focus-within{box-shadow:var(--button-ring)}.erp-search input{border:0;outline:0;width:225px;background:transparent}.erp-filters select{min-width:120px}.erp-table-scroll{overflow:auto}.erp-table{border-collapse:collapse;width:100%;font-size:13px;text-align:left;white-space:nowrap}.erp-table th{color:var(--muted);font-weight:500;background:#f8fafb;padding:13px 20px;border-top:1px solid #edf0f3;border-bottom:1px solid var(--line)}.erp-table td{padding:18px 20px;border-bottom:1px solid #edf0f3}.erp-table tr:hover td{background:#fafcfb}.erp-text-button{color:var(--green);padding:0;border:0;background:none;font-size:13px;cursor:pointer}.erp-text-button:hover{text-decoration:underline}.erp-muted{color:var(--muted)}.erp-amount{font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.erp-status{display:inline-flex;border-radius:5px;color:#287459;padding:3px 8px;font-size:12px;background:#edf7f2}.erp-status.warning{color:#946b17;background:#fff6e3}.erp-list-footer{display:flex;justify-content:space-between;padding:14px 20px;color:var(--muted);font-size:12px}.erp-empty{display:grid;justify-items:center;grid-gap:10px;gap:10px;padding:60px 20px;color:var(--muted);text-align:center}.erp-empty strong{color:var(--ink);font-weight:500}.erp-empty p{margin:0;font-size:13px}.erp-message{min-height:20px;color:var(--green);font-size:13px}.erp-dialog{border:1px solid var(--line);border-radius:14px;width:min(540px,calc(100vw - 32px));max-height:calc(100vh - 48px);padding:26px;box-shadow:0 24px 80px #17202633;color:var(--ink)}.erp-dialog::-webkit-backdrop{background:#17202666}.erp-dialog::backdrop{background:#17202666}.erp-dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.erp-dialog-heading h2{margin:0;font-size:20px}.erp-icon-button{display:grid;place-items:center;border:0;background:transparent;cursor:pointer;color:var(--muted);padding:5px}.erp-form{display:grid;grid-gap:14px;gap:14px}.erp-form label{display:grid;grid-gap:6px;gap:6px;font-size:13px}.erp-form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.erp-form-error{color:#b42318;margin:0;font-size:13px}.erp-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.erp-detail{display:grid;grid-gap:16px;gap:16px}.erp-detail div{display:grid;grid-template-columns:110px minmax(0,1fr);grid-gap:16px;gap:16px;font-size:14px}.erp-detail dt{color:var(--muted)}.erp-detail dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.erp-filters select:focus-visible,.erp-form input:focus-visible,.erp-form select:focus-visible,.erp-form textarea:focus-visible{outline:2px solid var(--green);outline-offset:2px}@media (max-width:1200px){.erp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.erp-list-heading{align-items:flex-start;flex-direction:column}}@media (max-width:760px){.shell{grid-template-columns:76px minmax(0,1fr)}.brand-copy,.erp-account,.nav-label{display:none}.brand{width:40px}.sidebar-top{margin-bottom:85px}.sidebar-toggle{transform:translate(-4px,52px)}.shell:not(.sidebar-collapsed) .sidebar-toggle:hover{transform:translate(-4px,51px)}.workspace{padding:20px 14px}.topbar{align-items:flex-start;flex-direction:column}.topbar h1{font-size:27px}.erp-stats{gap:10px}.erp-stats .stat-card{padding:16px 12px}.erp-stats .stat-card strong.erp-stat-date{font-size:18px}.erp-stats .stat-card svg{right:10px}.erp-filters{align-items:stretch;flex-direction:column;width:100%}.erp-search input{width:100%}.erp-form-row{grid-template-columns:1fr}.erp-list-footer{gap:12px;flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;scroll-behavior:auto!important}}.erp-row-action{margin-left:12px}.erp-stats .stat-card strong.erp-currency-totals{display:grid;grid-gap:5px;gap:5px}.erp-stats .stat-card strong.erp-currency-totals span{color:var(--ink);font-size:21px;padding-right:0}.erp-settlement-preview{padding:12px;background:#f1f8f4;border-radius:8px;font-size:13px;line-height:1.8;margin:0}.erp-order-lines{border:1px solid var(--line);border-radius:8px;padding:12px;min-width:0}.erp-order-lines legend{font-size:13px}.erp-order-line{display:grid;grid-gap:10px;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);margin-bottom:12px}.login-page{align-items:center;background:linear-gradient(135deg,rgba(36,107,254,.08),transparent 38%),linear-gradient(315deg,rgba(15,138,101,.1),transparent 42%);display:grid;min-height:100vh;padding:28px;position:relative;z-index:1}.login-panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 70px rgba(23,32,38,.1);display:grid;grid-gap:22px;gap:22px;justify-self:center;max-width:440px;padding:26px;width:min(100%,440px)}.login-brand{align-items:center;display:flex;gap:12px}.login-brand small,.login-brand strong{display:block}.login-brand small{color:var(--muted);margin-top:2px}.login-form{display:grid;grid-gap:14px;gap:14px}.login-form label{display:grid;grid-gap:7px;gap:7px}.login-form label span{color:var(--muted);font-size:14px}.login-form input{background:transparent;border:0;color:var(--ink);min-width:0;outline:0;width:100%}.form-message{color:#b42318;font-size:14px;margin:0;min-height:20px}.primary-action{align-items:center;background:linear-gradient(180deg,#15a77b 0,var(--green) 100%);border:1px solid #0f8a65;border-radius:8px;box-shadow:var(--button-shadow-strong);color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;justify-content:center;min-height:44px;padding:0 16px;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;white-space:nowrap}.primary-action svg:not(.spin){background:rgba(255,255,255,.18);border-radius:6px;color:#fff;height:22px;padding:3px;width:22px}.save-account-action svg:not(.spin){background:#eef7f3;color:var(--green)}.primary-action:hover:not(:disabled){background:linear-gradient(180deg,#18b788,#0d7d5d);box-shadow:0 12px 24px rgba(15,138,101,.24);transform:translateY(-1px)}.primary-action:active:not(:disabled){box-shadow:0 4px 12px rgba(15,138,101,.18);transform:translateY(0)}.panel-heading button:disabled,.primary-action:disabled{cursor:not-allowed;opacity:.64}.account-management{align-items:start;display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(260px,.36fr) minmax(0,1fr)}.account-editor-panel,.account-list-panel,.role-type-panel{min-width:0}.account-management-main{display:grid;grid-gap:16px;gap:16px;min-width:0}.account-list{display:grid;grid-gap:8px;gap:8px}.account-list-item{align-items:center;background:#f9fafb;border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;display:grid;grid-gap:10px;gap:10px;grid-template-columns:36px minmax(0,1fr);min-height:64px;padding:10px;text-align:left;width:100%}.account-list-item.active,.account-list-item:hover{background:#f7fbff;border-color:#b8d4ff}.account-list-item small,.account-list-item strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-list-item small{color:var(--muted);margin-top:4px}.account-avatar{align-items:center;background:#eef7f3;border-radius:8px;color:var(--green);display:inline-flex;height:36px;justify-content:center;width:36px}.account-editor-heading{align-items:flex-start}.account-editor-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.account-editor-grid label{display:grid;grid-gap:7px;gap:7px}.account-editor-grid label span{color:var(--muted);font-size:14px}.account-editor-grid input,.account-editor-grid select,.role-type-editor input{background:#f9fafb;border:1px solid var(--line);border-radius:8px;color:var(--ink);min-height:42px;outline:0;padding:0 12px;width:100%}.password-field{align-items:center;background:#f9fafb;border:1px solid var(--line);border-radius:8px;display:flex;min-height:42px}.password-field input{background:transparent;border:0;min-height:40px;padding:0 0 0 12px}.password-field button{align-items:center;background:transparent;border:0;color:var(--muted);cursor:pointer;display:inline-flex;flex:0 0 auto;height:40px;justify-content:center;width:40px}.password-field button:hover{color:var(--blue)}.role-type-layout{display:grid;grid-gap:14px;gap:14px;grid-template-columns:minmax(180px,.34fr) minmax(0,1fr)}.role-type-toggle svg{transition:transform .22s ease}.role-type-toggle.open svg{transform:rotate(180deg)}.role-type-panel-body{display:grid;grid-template-rows:1fr;opacity:1;overflow:hidden;padding-top:2px;transition:grid-template-rows .26s ease,opacity .18s ease,padding-top .26s ease}.role-type-panel.collapsed .role-type-panel-body{grid-template-rows:0fr;opacity:0;padding-top:0;pointer-events:none}.role-type-panel-inner{display:grid;grid-gap:14px;gap:14px;min-height:0;overflow:hidden;transform:translateY(0);transition:transform .26s ease}.role-type-panel.collapsed .role-type-panel-inner{transform:translateY(-10px)}.role-type-actions{align-items:center;display:flex;gap:10px;justify-content:flex-end}.role-type-list{display:grid;grid-gap:8px;gap:8px;align-content:start}.role-type-item{background:#f9fafb;border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;display:grid;grid-gap:4px;gap:4px;min-height:58px;padding:10px;text-align:left}.role-type-item.active,.role-type-item:hover{background:#f7fbff;border-color:#b8d4ff}.role-type-item small{color:var(--muted)}.role-type-editor{display:grid;grid-gap:12px;gap:12px}.role-type-editor label{display:grid;grid-gap:7px;gap:7px}.role-type-editor label span{color:var(--muted);font-size:14px}.role-type-editor input:disabled{cursor:not-allowed;opacity:.7}.role-type-permissions{grid-template-columns:repeat(3,minmax(0,1fr))}.permission-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.permission-card{border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:14px;gap:14px;padding:14px}.permission-card-heading{align-items:flex-start;display:grid;grid-gap:10px;gap:10px;grid-template-columns:24px minmax(0,1fr)}.permission-card-heading svg{color:var(--green)}.permission-card h3,.permission-card p{margin:0}.permission-card h3{font-size:16px}.permission-card p{color:var(--muted);font-size:13px;line-height:1.5;margin-top:4px}.permission-options{display:grid;grid-gap:8px;gap:8px}.permission-option{align-items:center;background:#f9fafb;border:1px solid var(--line);border-radius:8px;cursor:pointer;display:flex;gap:10px;min-height:38px;padding:0 10px}.permission-option input{accent-color:var(--green);height:16px;width:16px}.account-status{margin:14px 0 0}.account-status.success{color:var(--green)}.account-status.error{color:#b42318}.field{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#f9fafb}.field svg{color:var(--muted);flex-shrink:0}.field:focus-within{box-shadow:var(--button-ring)}.auth-panel{padding:22px}.auth-panel-heading{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:20px}.auth-panel-heading h2{font-size:18px;margin:0}.auth-muted,.auth-panel-heading p{font-size:13px;color:var(--muted);margin:6px 0 0}.account-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-account-footer{display:flex;gap:16px;align-items:center;justify-content:space-between}.auth-account-footer span{font-size:12px;color:var(--muted)}.auth-danger{color:#b42318}.auth-role-toggle{display:flex;gap:10px;align-items:center;border:0;background:none;color:var(--ink);cursor:pointer}.auth-system-link{display:flex;align-items:center;gap:8px;padding:12px 10px;margin-top:20px;color:var(--muted);font-size:13px;text-decoration:none}.auth-system-link[aria-current=page]{color:var(--green)}.shell.sidebar-collapsed .auth-system-link span{display:none}.auth-session-message{color:#b42318;font-size:12px}.account-editor-grid input:focus-visible,.account-editor-grid select:focus-visible,.role-type-editor input:focus-visible{outline:2px solid var(--green);outline-offset:2px}@media(max-width:1100px){.account-management{grid-template-columns:220px minmax(0,1fr)}.permission-grid,.role-type-layout{grid-template-columns:1fr}.auth-panel-heading{flex-wrap:wrap}}@media(max-width:760px){.account-editor-grid,.account-management{grid-template-columns:1fr}.auth-system-link span{display:none}.erp-account{display:flex}.auth-account-footer{align-items:flex-start;flex-direction:column}.role-type-list{max-height:240px;overflow:auto}.login-page{padding:18px}}