:root{font-family:Arial,"Malgun Gothic",sans-serif;color:#e5e9ee;background:#15181c;font-size:14px;font-synthesis:none;--bg:#15181c;--panel:#1d2228;--elevated:#242b33;--line:#343b44;--muted:#a3adba;--blue:#5295f5;--teal:#62ceb4;--amber:#e9b963;--red:#f58e95;letter-spacing:0;color-scheme:dark}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;letter-spacing:0}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid transparent;background:none;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--blue);outline-offset:3px}input,select,textarea{background:#171c21;border:1px solid var(--line);border-radius:5px;color:#f0f3f7;min-width:0;padding:10px 11px}input::placeholder,textarea::placeholder{color:#7f8b99}textarea{resize:vertical;line-height:1.7}select{padding-right:25px}h1,h2,h3,p{margin:0}h1{font-size:24px;line-height:1.5}h2{font-size:19px;line-height:1.6}h3{font-size:15px;line-height:1.6}small,.small{font-size:12px;color:var(--muted)}.icon{width:18px;height:18px;display:block;flex:none;filter:invert(91%) sepia(4%) saturate(381%) hue-rotate(173deg);pointer-events:none}.icon-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;flex:none}.icon-button:hover{background:var(--elevated);border-color:var(--line)}.button{min-height:38px;display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:9px 14px;border:1px solid var(--line);border-radius:5px;background:var(--elevated);white-space:nowrap;font-weight:600}.button:hover{background:#303b47}.button.primary{background:#3276cc;border-color:#4182d6;color:white}.button.primary:hover{background:#3e85df}.button.danger{color:var(--red);background:#3a262c;border-color:#62404b}.button.subtle{background:transparent}.button.small{font-size:13px;min-height:32px;padding:6px 10px}.muted{color:var(--muted)}.tag{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;font-size:12px;line-height:1.5;border-radius:4px;background:#2b333d;color:#b9c6d7;white-space:nowrap}.tag.blue{background:#243852;color:#9dc7ff}.tag.teal{background:#213b36;color:#8addc7}.tag.amber{background:#3d3424;color:#efcc8b}.tag.red{background:#3e2b31;color:#f5a4ad}.dot{width:7px;height:7px;background:#758394;border-radius:50%;flex:none}.dot.green{background:var(--teal)}
.shell{display:grid;grid-template-columns:212px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:212px;background:#1a1e23;border-right:1px solid var(--line);z-index:30;display:flex;flex-direction:column;padding:25px 13px 18px}.brand{display:flex;align-items:center;gap:10px;padding:0 9px 28px}.brand img{width:34px;height:34px}.brand strong{font-size:19px;color:#f5f7fa}.brand small{display:block;font-size:12px;margin-top:5px}.nav-group{margin:12px 13px 10px;font-size:11px;color:#748192;text-transform:uppercase}.nav-button{display:flex;align-items:center;gap:12px;text-align:left;width:100%;height:46px;padding:0 13px;border-radius:5px;color:#b6c0ce;margin:4px 0;font-weight:600}.nav-button:hover{background:#242a32}.nav-button.active{color:#f0f5ff;background:#273b53;border:1px solid #355675}.nav-button.active .icon{filter:invert(68%) sepia(73%) saturate(564%) hue-rotate(180deg)}.nav-count{margin-left:auto;font-size:12px;font-weight:400;min-width:23px;text-align:center;opacity:.8}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:16px 7px 0}.environment{display:flex;align-items:center;gap:7px;color:#95a1af;font-size:12px;margin-bottom:8px}.main{grid-column:2;min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);padding:0 30px;display:flex;align-items:center;gap:14px;background:#191e24}.topbar-title{font-size:14px;font-weight:600;white-space:nowrap}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:18px}.sync-tools{display:flex;gap:8px;align-items:center}.sync-tools select{padding:7px 20px 7px 8px;height:34px;font-size:12px}.toggle-label{display:flex;gap:7px;align-items:center;font-size:12px;color:var(--muted);cursor:pointer;white-space:nowrap}.toggle-label input{width:15px;height:15px;accent-color:var(--blue)}.sync-indicator{display:flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap;color:var(--muted)}.profile{border-left:1px solid var(--line);padding:0 0 0 20px;display:flex;gap:10px;align-items:center;text-align:left}.avatar{width:35px;height:35px;background:#34434d;color:#c9e3ed;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;flex:none}.profile strong{font-size:14px;display:block}.profile small{display:block;font-size:11px;margin-top:5px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu{display:none}.content{padding:26px 30px 0;min-width:0}.page-heading{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:23px}.heading-left{display:flex;align-items:center;gap:12px;min-width:0}.heading-left .tag{font-size:12px}.heading-date{color:var(--muted);font-size:13px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:24px;background:#191e24}.metric{text-align:left;display:flex;align-items:center;justify-content:space-between;padding:19px 21px;border-right:1px solid var(--line);min-width:0}.metric:last-child{border-right:0}.metric span{font-size:13px;color:#acb6c3}.metric strong{font-size:26px;font-weight:500;line-height:1.2}.metric.active{background:#243549}.metric:hover{background:#242c34}.metric strong.blue{color:#8bb9ff}.metric strong.amber{color:var(--amber)}.metric strong.teal{color:var(--teal)}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:18px;flex-wrap:wrap}.segmented{display:flex;align-items:center;background:#1d232a;border:1px solid var(--line);padding:3px;border-radius:5px;gap:3px}.segmented button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:29px;padding:5px 10px;border-radius:3px;font-size:13px;color:var(--muted);white-space:nowrap}.segmented button.active{background:#36434f;color:white}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#191e24;border-radius:5px;min-width:160px;flex:1;max-width:360px;padding:0 11px}.search input{width:100%;height:38px;border:0;background:transparent;padding:6px 0;outline-offset:0;font-size:13px}.search .icon{opacity:.55;width:16px;height:16px}.toolbar select{height:40px;font-size:13px;max-width:155px}.toolbar-spacer{margin-left:auto}.workspace{min-width:0;position:relative}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:5px;background:#1b2026;max-height:calc(100vh - 330px);min-height:300px}.data-table{border-collapse:separate;border-spacing:0;width:100%;text-align:left;table-layout:fixed;min-width:940px}.data-table th{height:39px;padding:10px 13px;color:#9eacbd;font-size:12px;font-weight:500;background:#252c35;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2;white-space:nowrap}.data-table td{padding:13px;border-bottom:1px solid #2c333c;font-size:13px;line-height:1.55;height:67px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr{cursor:pointer;transition:background .1s}.data-table tbody tr:hover{background:#252e39}.data-table tbody tr.selected{background:#263f59;box-shadow:inset 3px 0 #639ee9}.data-table .task-title{font-size:14px;color:#e8edf4;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.data-table .task-sub{display:flex;gap:7px;font-size:11px;color:#91a0b2;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-empty{text-align:center;padding:60px 20px!important;color:var(--muted);font-size:14px!important}.date-overdue{color:#eec27c}.person-cell{display:block;text-overflow:ellipsis;overflow:hidden;font-size:12px}.role-chip{font-size:11px;border:1px solid #3f5265;border-radius:3px;padding:2px 4px;color:#b1d4fd;display:inline-block;margin-right:4px;line-height:1.4}.pagination{display:flex;align-items:center;gap:7px;padding:14px 2px;font-size:12px;color:var(--muted);flex-wrap:wrap}.pagination .count{margin-right:auto}.pagination select{padding:6px;font-size:12px}.footer-status{padding:16px 0 18px;border-top:1px solid #2b323b;font-size:11px;color:#8995a5;display:flex;align-items:center;justify-content:space-between;gap:10px;line-height:1.6}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-view{min-height:330px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;color:var(--muted);border-top:1px solid var(--line)}.empty-view .icon{width:30px;height:30px;opacity:.5}.initial{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:15px;color:#aeb9c7}.initial img{object-fit:contain}
.detail-backdrop{position:fixed;inset:76px 0 0;background:#0006;z-index:39}.detail{position:fixed;top:76px;right:0;bottom:0;width:min(560px,100%);background:#1d232b;border-left:1px solid #465466;box-shadow:-14px 0 40px #0004;z-index:40;display:flex;flex-direction:column;animation:slide .16s ease-out}.detail.mail-detail{width:min(880px,100%)}@keyframes slide{from{transform:translateX(20px);opacity:.5}to{transform:none;opacity:1}}.detail-header{display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid var(--line);padding:20px 22px}.detail-header h2{font-size:18px;line-height:1.6;overflow-wrap:anywhere}.detail-header .detail-heading{flex:1;min-width:0}.detail-header .eyebrow{font-size:11px;color:var(--teal);margin-bottom:8px;display:block}.detail-body{overflow:auto;padding:22px;flex:1;min-height:0}.detail-actions{padding:15px 20px;border-top:1px solid var(--line);display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#1a2027}.detail-section{margin:0 0 25px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:10px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}.field-label{display:block;color:#94a2b5;font-size:12px;margin-bottom:6px}.field-value{font-size:14px;line-height:1.6;overflow-wrap:anywhere}.detail-notes{font-size:14px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;color:#d1dae5}.role-line{display:flex;align-items:flex-start;gap:11px;padding:10px 0;border-bottom:1px solid #313946;font-size:13px;line-height:1.7}.role-letter{width:25px;height:25px;display:flex;align-items:center;justify-content:center;background:#334253;color:#c4dcff;border-radius:4px;font-weight:600;flex:none}.role-caption{width:90px;color:#acb9ca;flex:none;font-size:12px}.role-names{flex:1;overflow-wrap:anywhere}.external-contact{line-height:1.7;font-size:13px;color:#bcc5d0;overflow-wrap:anywhere;border-left:2px solid #8b724d;padding:7px 0 7px 11px}.reference-link{display:flex;gap:10px;text-align:left;padding:12px 0;border-bottom:1px solid var(--line);width:100%;align-items:flex-start;font-size:13px;line-height:1.6}.reference-link>span{flex:1;min-width:0;overflow-wrap:anywhere}.reference-link small{display:block;font-size:11px;margin-top:4px}.reference-link .icon{margin-top:2px;opacity:.65}.reference-link:hover{color:#a4c9ff}.timeline-row{border-left:1px solid #47515e;padding:0 0 17px 13px;margin-left:4px;line-height:1.6;font-size:13px}.timeline-row small{display:block;font-size:11px}.mail-meta{display:grid;grid-template-columns:65px 1fr;font-size:13px;gap:10px;line-height:1.7;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:22px;overflow-wrap:anywhere}.mail-meta dt{color:var(--muted)}.mail-meta dd{margin:0;min-width:0}.mail-paper{background:#f4f6f9;color:#263241;padding:25px;border-radius:4px;font-size:15px;line-height:1.8;overflow:hidden;color-scheme:light}.mail-paper p{margin:0 0 17px;white-space:pre-wrap;overflow-wrap:anywhere}.mail-paper .mail-list{display:flex;gap:10px;margin-bottom:5px;white-space:pre-wrap;overflow-wrap:anywhere}.mail-table-wrap{overflow-x:auto;margin:17px 0}.mail-paper table{width:100%;border-collapse:collapse;table-layout:auto;min-width:420px;font-size:13px}.mail-paper td,.mail-paper th{border:1px solid #9facbc;padding:9px;min-width:60px;overflow-wrap:anywhere;vertical-align:top;line-height:1.6}.mail-paper th{background:#dfe8f3;color:#254565;text-align:left}.mail-paper hr{border:0;border-top:1px solid #cdd5df;margin:20px 0}.loading-inline{padding:40px 15px;display:flex;gap:10px;align-items:center;justify-content:center;color:var(--muted);font-size:13px}.note-state{padding:12px 14px;background:#2a313a;border-left:2px solid #6483a6;font-size:13px;line-height:1.7;color:#c6d3e3;margin-bottom:18px}.note-state.warn{background:#332e25;border-color:var(--amber);color:#dfcda9}
.calendar-heading{display:flex;align-items:center;gap:14px;margin-bottom:17px}.calendar-heading h2{font-size:19px;min-width:155px;text-align:center}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-left:1px solid var(--line);border-top:1px solid var(--line);border-radius:5px;overflow:hidden}.weekday{text-align:center;padding:12px 5px;background:#222a33;font-size:12px;color:#a5b1c2;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.calendar-day{height:125px;min-width:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px 8px;background:#1c2229}.calendar-day.outside{background:#181c21;color:#677384}.day-number{width:26px;height:26px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;margin-bottom:6px}.calendar-day.today .day-number{background:#397fce;color:white}.calendar-item{display:block;width:100%;text-align:left;padding:4px 6px;background:#283c51;border-left:2px solid #72a8e5;border-radius:2px;margin-bottom:4px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-item.completed{background:#293632;border-color:#649382;color:#a6beb6}.calendar-more{font-size:11px;color:#a7bdd9;padding:3px 5px}.org-table{min-width:710px}.org-table td{height:60px}.person-name{display:flex;align-items:center;gap:12px}.person-name .avatar{width:32px;height:32px;font-size:12px}.confirmation-row{padding:20px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px}.confirmation-row .info{flex:1;min-width:0}.confirmation-row h3{font-size:15px;overflow-wrap:anywhere}.confirmation-row p{color:var(--muted);font-size:12px;margin-top:7px;line-height:1.6}
dialog{color:var(--text,#e5e9ee);background:#20262e;border:1px solid #485667;border-radius:8px;padding:0;width:min(740px,calc(100vw - 30px));max-height:calc(100dvh - 40px);box-shadow:0 25px 100px #0009}dialog::backdrop{background:#090d14b8}dialog form{display:flex;flex-direction:column;max-height:calc(100dvh - 44px)}.modal-header{padding:20px 25px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.modal-header h2{font-size:18px}.modal-body{padding:22px 25px;overflow:auto;min-height:0}.modal-footer{padding:16px 25px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-field{display:flex;flex-direction:column;gap:7px;min-width:0}.form-field label{font-size:12px;color:#b9c6d6}.form-field.wide{grid-column:1/-1}.form-field input,.form-field textarea,.form-field select{width:100%;font-size:14px}.form-section{margin-top:23px;padding-top:18px;border-top:1px solid var(--line)}.form-section h3{margin-bottom:13px;font-size:14px}.role-form-row{display:grid;grid-template-columns:1fr 205px 34px;gap:8px;margin:9px 0;align-items:center;font-size:13px}.role-form-row .role-person{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-form-row .role-person small{display:block;font-size:11px;margin-top:3px}.role-form-row select{padding:8px;font-size:12px}.role-add{display:grid;grid-template-columns:1fr auto;gap:9px;margin:12px 0}.role-add select{font-size:13px;width:100%}.role-legend{display:flex;gap:7px;flex-wrap:wrap;font-size:11px;color:#9eafc2;line-height:1.6}.role-legend span{padding:5px 7px;background:#29323d;border-radius:3px}.form-error{font-size:13px;line-height:1.7;color:#ffafb6;margin-top:13px;min-height:0}.small-dialog{width:min(470px,calc(100vw - 30px))}.dialog-copy{font-size:14px;color:#becbdc;line-height:1.8;margin-bottom:17px;overflow-wrap:anywhere}.connection-state{padding:13px 0;display:flex;align-items:center;gap:8px;color:#b8c9de;font-size:13px}.login-actions{display:flex;gap:10px;margin-bottom:18px}.settings-line{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid var(--line)}.settings-line label{font-size:14px}.settings-line small{display:block;margin-top:5px}.settings-line select{max-width:135px}.toast{padding:14px 17px;box-shadow:0 6px 25px #0005;border:1px solid #44685e;background:#233c35;border-radius:6px;color:#d5eee5;font-size:13px;line-height:1.7;animation:slide .15s ease-out;margin-top:8px;overflow-wrap:anywhere}.toast.error{border-color:#87555e;background:#462e36;color:#ffe0e5}#toasts{position:fixed;right:22px;bottom:22px;z-index:1000;width:min(410px,calc(100vw - 35px));pointer-events:none}.auth-error{max-width:470px;margin:18vh auto;padding:30px;line-height:1.8}.auth-error h2{margin:18px 0}.auth-error p{color:var(--muted);margin-bottom:25px}
@media(min-width:1800px){.content{padding-left:42px;padding-right:42px}.topbar{padding-left:42px;padding-right:42px}.data-table td{height:72px}.table-scroll{max-height:calc(100vh - 338px)}}
@media(max-width:1250px){.shell{grid-template-columns:185px minmax(0,1fr)}.sidebar{width:185px;padding-left:9px;padding-right:9px}.content{padding:22px 20px 0}.topbar{padding:0 20px}.profile small{max-width:135px}.topbar-title{display:none}.topbar-right{width:100%;justify-content:space-between}.sync-indicator{display:none}.metrics .metric{padding:16px}.metric span{font-size:12px}.metric strong{font-size:23px}.toolbar select{max-width:130px}}
@media(max-width:800px){.shell{display:block}.sidebar{transform:translateX(-100%);transition:transform .2s;width:225px;box-shadow:10px 0 60px #0006}.sidebar.open{transform:translateX(0)}.sidebar.open:before{content:"";position:fixed;inset:0 0 0 225px;width:calc(100vw - 225px);background:#0008;z-index:-1}.main{width:100%}.topbar{height:66px;padding:0 15px;gap:10px}.mobile-menu{display:inline-flex}.topbar-right{width:auto;flex:1;gap:8px}.sync-tools{margin-left:auto}.sync-tools .toggle-label,.sync-tools select{display:none}.profile{padding-left:9px;gap:8px;max-width:190px}.profile small{max-width:148px;font-size:10px}.profile strong{font-size:12px}.profile .avatar{display:none}.content{padding:22px 15px 0}.page-heading{margin-bottom:17px;align-items:flex-start}.heading-left{align-items:flex-start;flex-wrap:wrap;gap:7px}h1{font-size:22px}.heading-date{display:none}.page-heading>.button{font-size:12px;padding:9px 10px}.metrics{margin-bottom:18px;grid-template-columns:repeat(2,1fr)}.metric{padding:15px!important}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.metric span{font-size:12px}.metric strong{font-size:22px}.toolbar{gap:8px;margin-bottom:13px}.toolbar .search{max-width:none;flex:1 1 180px}.toolbar select{max-width:calc(50% - 4px);flex:1;height:37px}.toolbar .segmented{flex:none}.toolbar-spacer{display:none}.table-scroll{max-height:calc(100dvh - 390px);min-height:260px}.data-table{min-width:820px}.data-table td{padding:11px 10px;height:64px}.data-table th{padding:10px}.footer-status{font-size:10px;align-items:flex-start;flex-direction:column;gap:4px}.detail{top:66px}.detail-backdrop{top:66px}.detail-header{padding:17px}.detail-body{padding:18px}.detail-actions{padding:13px 16px}.detail-actions .button{flex:1;font-size:12px;padding:8px}.mail-paper{padding:17px;font-size:14px}.mail-meta{grid-template-columns:55px 1fr;font-size:12px}.form-grid{gap:14px}.modal-header,.modal-footer{padding:16px 18px}.modal-body{padding:18px}.role-form-row{grid-template-columns:1fr 143px 30px;gap:5px}.role-form-row select{font-size:11px;padding:8px 4px}.role-legend{font-size:10px}.calendar-day{padding:5px 3px;height:102px}.calendar-item{font-size:10px;padding:4px 3px}.day-number{font-size:11px;width:22px;height:22px}.calendar-heading{gap:6px;justify-content:space-between}.calendar-heading h2{font-size:17px;min-width:125px}.calendar-heading .button{font-size:12px;padding:8px}.confirmation-row{align-items:flex-start;flex-wrap:wrap}.confirmation-row .info{min-width:180px}.auth-error{margin:8vh 15px;padding:20px}.heading-left .tag{font-size:10px}}
.table-scroll{max-height:calc(100dvh - 340px);min-height:240px}.content:has(.metrics) .table-scroll{max-height:calc(100dvh - 425px)}.mail-history{margin-top:24px;border-top:1px solid #bcc8d5;padding-top:15px}.mail-history summary{cursor:pointer;font-weight:600;color:#3a5574;padding:8px 0 18px}.response-options{display:flex;gap:8px;margin:8px 0 18px}.response-options label{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:#29343f;border:1px solid #485564;border-radius:5px;padding:10px;cursor:pointer}.response-options input{accent-color:var(--blue)}
@media(max-width:800px){.content:has(.metrics) .table-scroll{max-height:calc(100dvh - 460px)}.data-table col:first-child{width:250px!important}.data-table{min-width:760px}.toolbar select{max-width:155px}.mail-paper{font-size:15px}.footer-status{font-size:11px}.role-form-row{grid-template-columns:minmax(0,1fr) 143px 30px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.toolbar .search{flex-basis:100%}.toolbar select{max-width:calc(50% - 4px)}.content:has(.metrics) .table-scroll{max-height:calc(100dvh - 490px)}.role-form-row{grid-template-columns:minmax(0,1fr) 124px 30px}.role-add{grid-template-columns:minmax(0,1fr) auto}}
.auth-page{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:32px 20px;background:var(--bg)}
.auth-panel{width:100%;max-width:440px;background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.auth-brand{display:flex;align-items:center;gap:13px;padding:23px 28px;background:#233449;border-bottom:1px solid #3b4b5e}
.auth-brand img{flex:none;object-fit:contain}.auth-brand>div{min-width:0}.auth-brand strong{display:block;font-size:19px;line-height:1.5;overflow-wrap:anywhere}.auth-brand span{display:block;margin-top:4px;font-size:12px;color:#b6c6d9}
.auth-content{padding:25px 28px 28px}.auth-content h1{font-size:22px;line-height:1.5;overflow-wrap:anywhere}
.auth-status{display:flex;align-items:flex-start;gap:9px;min-height:22px;margin:12px 0 22px;color:var(--muted);font-size:13px;line-height:1.7;overflow-wrap:anywhere}.auth-status .icon{margin-top:2px}
.auth-content .form-error{margin:0 0 18px;overflow-wrap:anywhere}.auth-content fieldset{display:grid;gap:18px;min-width:0;margin:0;padding:0;border:0}.auth-content input{min-height:43px}.auth-content input:disabled{opacity:.65}.auth-submit{width:100%;min-height:43px;margin-top:4px}.auth-retry{width:100%;margin-top:12px;white-space:normal;overflow-wrap:anywhere;text-align:center}
.account-switch-note{font-size:12px;line-height:1.7;color:var(--muted);margin-top:14px;overflow-wrap:anywhere}input[readonly]{color:#b8c9de;background:#252d37;cursor:default}
.workspace-logout{flex:none}.topbar-right{min-width:0}.profile{min-width:0}.profile>span:last-child{min-width:0}.profile strong{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:800px){.topbar-right{gap:6px;min-width:0}.topbar-right .profile{flex:1;min-width:0;max-width:190px}.profile small,.profile strong{max-width:100%}.workspace-logout{padding:6px 8px!important;font-size:12px!important;gap:5px}.auth-page{padding:20px 15px}.auth-brand{padding:20px 22px}.auth-content{padding:22px}.auth-content h1{font-size:21px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}