:root{--ink:#192b42;--muted:#748297;--line:#e6ebf1;--blue:#175ed4;--soft-blue:#edf4ff;--bg:#f5f7fa;--nav:#fbfcfe;--red:#cf474b;--green:#228274;--shadow:0 14px 50px #102d4c16;font-family:Inter,'Pretendard','Noto Sans KR','Malgun Gothic',Arial,sans-serif;color:var(--ink);font-size:14px;font-weight:400;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,summary{outline-offset:4px}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button svg{pointer-events:none}a{color:var(--blue);text-decoration:none}button{border:0;background:none}svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}span[data-icon]{display:inline-flex;flex:none}h1,h2,h3,p{margin:0}h1{font-size:29px;letter-spacing:-1.25px;line-height:1.3;font-weight:750}h1>span{font-size:23px;color:#8794a6;font-weight:500;margin-left:6px}h2{font-size:20px;letter-spacing:-.7px}h3{font-size:16px}small{font-size:12px;color:var(--muted)}[hidden]{display:none!important}.prototype-bar{height:34px;background:#eaf1fc;color:#506b91;padding:0 24px;display:flex;align-items:center;justify-content:space-between;font-size:11px;border-bottom:1px solid #dae5f6}.prototype-bar>span{display:flex;align-items:center;gap:7px}.prototype-bar i{width:5px;height:5px;background:#507fbd;border-radius:50%}.prototype-bar button{font-size:11px;color:#42648f;padding:3px 0}.sidebar{position:fixed;left:0;top:34px;bottom:0;width:216px;background:var(--nav);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:10;padding:30px 14px 0}.brand{height:47px;display:flex;align-items:center;margin:0 14px 23px}.brand img{width:146px;height:auto;max-height:44px;object-fit:contain}.office{display:flex;align-items:center;gap:10px;margin:0 3px 31px;padding:13px 10px;background:white;border:1px solid var(--line);border-radius:10px}.office-symbol{display:grid;place-items:center;background:#e9eef7;width:31px;height:31px;border-radius:8px;font-weight:700;color:#50627e}.office strong{font-size:12px;display:block;margin-bottom:3px}.office small{font-size:10px}.office-chevron{color:#98a5b6;margin-left:auto}.nav-label{font-size:10px;font-weight:700;color:#99a5b4;padding:0 14px;margin-bottom:12px;letter-spacing:.6px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;min-height:46px;padding:12px 14px;border-radius:8px;color:#6c7c90;margin-bottom:5px;font-weight:550;font-size:13px}.nav-item:hover{background:#f0f3f8}.nav-item.active{background:#e8f0ff;color:#175ed4;font-weight:700}.nav-item b{margin-left:auto;min-width:20px;font-size:10px;text-align:center;border-radius:5px;background:#e8edf3;color:#748298;padding:3px 5px;font-weight:600}.nav-item.active b{background:#d7e6ff;color:#386cba}.sidebar-foot{margin-top:auto}.profile{border-top:1px solid var(--line);display:flex;gap:10px;align-items:center;padding:19px 12px;margin-top:14px}.profile strong{font-size:11px;display:block;margin-bottom:4px}.profile small{font-size:10px}.avatar{display:inline-grid;place-items:center;background:#e7edf5;color:#587092;font-size:12px;border-radius:50%;width:35px;height:35px;flex:none}.avatar.navy{background:#223e65;color:white}.avatar.small{width:29px;height:29px;font-size:10px}main{margin-left:216px}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumb{display:flex;gap:14px;align-items:center;font-size:12px;color:var(--muted)}.breadcrumb strong{color:#495c73;font-weight:550}.crumb-divider{color:#c9d1da}.top-right{display:flex;gap:22px;align-items:center}.today{font-size:11px;color:#8290a2}.icon-button{padding:6px;border-radius:7px;display:inline-grid;place-items:center;color:#758497}.icon-button:hover{background:#eef3f9;color:#243e63}.page{max-width:1550px;margin:0 auto;padding:36px 38px 28px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;gap:20px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.5px;color:#7c94af;margin-bottom:9px}.page-heading p{font-size:12px;color:var(--muted);margin-top:9px;letter-spacing:-.15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d9e1ec;border-radius:7px;background:#fff;color:#4c5f77;min-height:39px;padding:10px 15px;font-size:12px;font-weight:600;white-space:nowrap}.button svg{width:16px;height:16px}.button:hover{background:#f7faff;border-color:#b7cae2}.button.primary{background:var(--blue);border-color:var(--blue);color:white;box-shadow:0 3px 6px #175ed417}.button.primary:hover{background:#0e50be}.button.danger{background:#c94349;border-color:#c94349;color:white}.button-arrow{margin-left:7px;opacity:.7}.register-wrap{position:relative}.dropdown{position:absolute;right:0;top:calc(100% + 8px);min-width:224px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);z-index:20}.dropdown>button{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:12px;border-radius:6px;color:#4c6789}.dropdown>button:hover{background:#f3f7fc}.dropdown strong{display:block;font-size:12px;margin-bottom:5px;color:#304864}.dropdown small{font-size:10px}.list-panel{background:white;border:1px solid #e1e7ef;border-radius:11px;overflow:hidden;box-shadow:0 3px 5px #23395502}.list-tabs{display:flex;gap:24px;height:57px;align-items:stretch;border-bottom:1px solid var(--line);padding:0 24px}.list-tabs>button{display:flex;align-items:center;gap:6px;color:#7a899d;font-size:12px;padding:0 2px;border-bottom:2px solid transparent;margin-bottom:-1px;font-weight:550;white-space:nowrap}.list-tabs>button.selected{color:var(--blue);font-weight:700;border-bottom-color:var(--blue)}.list-tabs>button>span:not([data-icon]){font-size:10px;font-weight:550;background:#f1f4f8;padding:2px 5px;border-radius:4px;margin-left:2px}.list-tabs>button.selected>span{background:#edf4ff}.list-tabs svg{width:14px;height:14px}.list-tabs-spacer{flex:1}.list-tabs .quiet-button{font-size:10px;color:#8b97a8}.list-toolbar{display:flex;justify-content:space-between;gap:14px;padding:19px 22px}.search-field{display:flex;align-items:center;gap:8px;border:1px solid #dfe6ef;border-radius:6px;min-width:230px;width:340px;padding:0 11px;height:36px;color:#9aa7b8;background:#fff}.search-field:focus-within{border-color:#739ce8;box-shadow:0 0 0 2px #edf4ff}.search-field svg{width:15px;height:15px}.search-field input{border:0;outline:0!important;min-width:0;width:100%;font-size:11px;color:#415772;background:transparent}.search-field input::placeholder{color:#9aa5b4}.search-field kbd{font:10px monospace;border:1px solid #e5eaf0;background:#f8fafc;border-radius:3px;padding:2px 4px}.filter-controls{display:flex;gap:7px}.filter-controls select{height:36px;border:1px solid #e3e9f0;background:#fff;border-radius:6px;padding:0 24px 0 10px;color:#78889c;font-size:10px}.table-scroll{overflow:auto}.client-table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left;table-layout:auto}.client-table th{font-size:10px;letter-spacing:.1px;background:#f9fafc;color:#7b8a9e;height:34px;font-weight:550;border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6;padding:0 12px}.client-table td{height:61px;padding:9px 12px;border-bottom:1px solid #f0f3f7;font-size:11px;color:#64768d}.client-table tr:last-child td{border-bottom:0}.client-table tbody tr{cursor:pointer;transition:background .13s}.client-table tbody tr:hover{background:#f5f9ff}.client-table tbody tr:focus-visible{outline:2px solid #3477dc;outline-offset:-2px}.client-table .star-col{width:40px;padding-left:18px}.client-table td:first-child{padding-left:18px;padding-right:1px;width:40px}.client-name{font-size:12px;font-weight:700;color:#263d59;display:block;margin-bottom:5px;letter-spacing:-.1px}.client-owner{color:#96a2b1;font-size:10px}.client-owner span{color:#c3cbd5;margin:0 5px}.star-button{padding:4px;color:#cbd4df}.star-button svg{width:15px;height:15px}.star-button.on{color:#e7b243}.star-button.on svg{fill:#f2c762}.badges{display:flex;gap:4px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;padding:4px 6px;border-radius:4px;font-size:9px;font-weight:600;background:#f1f4f8;color:#75849a;line-height:1.1;white-space:nowrap}.badge.blue{color:#4c78b6;background:#edf3fc}.badge.purple{color:#8064ad;background:#f2eef9}.badge.green{color:#428673;background:#ecf7f1}.badge.amber{color:#ad842e;background:#fcf5e8}.badge.red{color:#c26464;background:#fdf0ef}.badge.ghost{color:#7d8ba0;background:white;border:1px solid #e8edf3;padding:3px 5px}.person{display:inline-flex;align-items:center;gap:6px;font-size:10px}.person i{font-style:normal;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#eef2f8;font-size:9px;color:#7b8ca6}.work-link{display:flex;align-items:center;gap:6px;font-size:10px}.work-link i{width:5px;height:5px;border-radius:50%;background:#cca55f}.work-link.done{color:#b0bac7}.work-link.done i{background:#bfccd8}.row-arrow{width:20px}.row-arrow svg{height:13px;width:13px;color:#bac5d3}.table-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);min-height:45px;padding:12px 22px;color:#9ba8b8;font-size:10px}.table-footer>span:first-child{color:#71849b}.subtle-note{display:flex;gap:6px;align-items:center;margin-top:15px;color:#a1adbc;font-size:10px}.subtle-note svg{width:11px;height:11px}.empty{padding:65px 20px;text-align:center;color:#7f91a8}.empty>span{justify-content:center;margin-bottom:16px}.empty h3{margin-bottom:8px}.empty p{font-size:12px;margin-bottom:20px}dialog{border:0;padding:0;color:var(--ink);box-shadow:0 20px 70px #10233f2b}dialog::backdrop{background:#182c494d;backdrop-filter:blur(2px)}dialog[open]{animation:appear .18s ease-out}@keyframes appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.drawer{position:fixed;inset:0 0 0 auto;margin:0;width:610px;max-width:100%;height:100dvh;max-height:100dvh;overflow:hidden;border-radius:16px 0 0 16px}.drawer[open]{display:flex;flex-direction:column}.drawer-top{padding:24px 28px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex:none}.drawer-top .eyebrow{font-size:9px;margin-bottom:7px}.drawer-top h2{font-size:22px}.drawer-breadcrumb{font-size:11px;color:#7a8ca3}.drawer-breadcrumb span{margin:0 10px;color:#c3cbd6}.drawer-hero{display:flex;gap:15px;align-items:center;padding:7px 28px 26px}.client-monogram{width:56px;height:56px;display:grid;place-items:center;font-size:22px;font-weight:700;border-radius:14px;background:#edf4ff;color:#4677b9;flex:none}.detail-title-line{display:flex;align-items:center;gap:7px}.detail-title-line h2{font-size:22px}.drawer-hero p{font-size:11px;color:#8a99ac;margin:8px 0 9px}.detail-more-wrap{margin-left:auto;align-self:flex-start;position:relative}.small-menu{min-width:150px}.small-menu>button{font-size:12px}.danger-text{color:var(--red)!important}.detail-tabs{display:flex;gap:28px;padding:0 28px;border-bottom:1px solid var(--line);flex:none}.detail-tabs button{border-bottom:2px solid transparent;padding:15px 2px;color:#8392a6;font-size:12px}.detail-tabs button.selected{border-color:var(--blue);color:var(--blue);font-weight:700}.drawer-body{overflow-y:auto;padding:26px 28px;flex:1}.drawer-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:16px 28px;background:#fff;gap:10px;flex:none}.drawer-footer>span{font-size:10px;color:#94a1b3}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 24px;margin-bottom:28px}.info-grid .wide{grid-column:1/-1}.info-grid dt{font-size:10px;color:#8b9aad;margin-bottom:9px}.info-grid dd{font-size:12px;line-height:1.6;margin:0;color:#334c69;word-break:break-word}.info-grid dd.dim{color:#a9b3c1}.detail-section{margin-top:20px;border:1px solid var(--line);border-radius:8px;overflow:hidden}.detail-section summary{padding:16px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;cursor:pointer;list-style:none}.detail-section summary span{color:#94a2b4;font-size:10px;font-weight:400}.details-content{padding:5px 17px 18px}.details-content p{font-size:12px;color:#70839a;line-height:1.8}.detail-section .info-grid{margin:10px 0 0}.detail-section summary::after{content:'⌄';margin-left:8px;color:#8c9aae}.note-box{background:#f7f9fc;padding:14px;border-radius:7px;margin-bottom:10px}.note-box p{font-size:12px;color:#4d6581}.note-box small{display:block;margin-top:7px;font-size:10px}.inline-note{display:flex;gap:7px}.inline-note input{flex:1;min-width:0;border:1px solid var(--line);border-radius:6px;padding:9px;font-size:12px}.inline-note button{font-size:11px;white-space:nowrap}.field{margin-bottom:20px}.field>label{display:block;font-size:11px;font-weight:600;color:#4b627f;margin-bottom:9px}.field em{font-style:normal;font-size:9px;color:#4f7bb9;margin-left:4px;font-weight:500}.field>input,.field>select,.field>textarea,.date-fields input,.password-field input{border:1px solid #dce4ef;border-radius:6px;padding:11px 12px;width:100%;outline:none;color:#344f6d;background:white;min-height:40px;font-size:12px}.field input::placeholder{color:#a8b4c3}.field input:focus,.field select:focus,.date-fields input:focus{border-color:#7b9fdf;box-shadow:0 0 0 2px #edf4ff}.field small{display:block;margin-top:7px;line-height:1.6;font-size:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-lead{color:#8998ac;font-size:12px;line-height:1.8;margin-bottom:28px}.form-details{border-top:1px solid var(--line);margin-top:6px}.form-details summary{cursor:pointer;display:flex;align-items:center;gap:9px;list-style:none;padding:20px 0;font-size:12px;color:#46617f;font-weight:600}.form-details summary>span{font-size:10px;color:#97a5b6;font-weight:400}.form-details .chevron{margin-left:auto;font-size:15px}.form-details .details-content{padding:5px 0}.password-field{display:flex;position:relative}.password-field input{padding-right:40px}.password-field button{position:absolute;right:8px;top:10px;color:#8d9cb0}.password-field svg{width:18px;height:18px}.date-fields{display:flex;align-items:center;gap:7px;font-size:11px;color:#95a3b5}.date-fields input{width:54px;text-align:center;padding:10px 6px}.date-fields input:first-child{width:80px}.form-error{color:#c04448;font-size:12px;line-height:1.7;background:#fff2f1;border-radius:6px;padding:12px}.error-field{border-color:#d66!important}#client-form{display:flex;flex-direction:column;min-height:0;flex:1}.form-body{padding-top:5px}.confirm-dialog{border-radius:14px;max-width:380px;width:calc(100% - 40px);padding:30px;text-align:center}.confirm-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#fff0ef;color:#c75d5d;margin:0 auto 20px}.confirm-dialog h2{font-size:20px;margin-bottom:12px}.confirm-dialog p{font-size:12px;line-height:1.8;margin-bottom:12px}.confirm-actions{display:flex;gap:10px;margin-top:25px}.confirm-actions .button{flex:1}.muted{color:#8999ad;font-size:11px}.import-dialog{border-radius:14px;width:1000px;max-width:calc(100vw - 70px);max-height:90dvh;margin:auto}.import-dialog[open]{display:flex;flex-direction:column}.steps{display:flex;align-items:center;gap:14px;padding:0 28px 22px;color:#a9b5c4;border-bottom:1px solid var(--line);flex:none}.steps>span{display:flex;align-items:center;gap:7px;font-size:11px;white-space:nowrap}.steps b{width:23px;height:23px;display:grid;place-items:center;background:#f0f3f7;color:#9caabc;border-radius:50%;font-size:10px}.steps i{height:1px;background:#e5eaf1;width:40px}.steps .current{color:#2563b8;font-weight:650}.steps .current b{background:var(--blue);color:white}.steps .complete b{background:#edf5ff;color:#4280cf}.import-body{padding:27px 28px;overflow:auto;min-height:0}.upload-zone{border:1px dashed #bccfe9;border-radius:10px;background:#f7faff;padding:30px 20px;text-align:center}.upload-icon{display:flex;justify-content:center;color:#6b96ce;margin-bottom:17px}.upload-icon svg{width:34px;height:34px;stroke-width:1.3}.upload-zone h3{font-size:17px;margin-bottom:10px}.upload-zone p{font-size:11px;color:#91a1b5;line-height:1.8;margin-bottom:20px}.upload-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.import-note{display:flex;justify-content:space-between;align-items:center;padding:17px 0 0;gap:16px;font-size:11px;color:#93a2b6}.link-button{color:#4b7dba;text-decoration:none;font-size:11px;display:inline-flex;align-items:center;gap:5px}.import-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:21px}.import-summary h3{font-size:17px;margin-bottom:7px}.import-summary p{color:#8193a9;font-size:11px}.summary-badges{display:flex;gap:8px}.summary-badges .badge{font-size:10px;padding:7px 9px}.import-table{width:100%;border-collapse:collapse;font-size:12px;min-width:540px}.import-table th{background:#f6f8fb;text-align:left;font-size:10px;font-weight:500;color:#8395ab;padding:10px}.import-table td{border-bottom:1px solid var(--line);padding:14px 10px;color:#55708e;vertical-align:middle}.import-table td strong{display:block;font-size:12px;color:#304e70;margin-bottom:4px}.import-table td small{font-size:10px}.import-table input[type=checkbox]{accent-color:var(--blue);width:14px;height:14px}.import-table .invalid{background:#fffdf9}.inline-error{font-size:10px;color:#b47f40;margin-top:5px}.import-options{display:flex;gap:7px;align-items:center;margin:0 0 13px;font-size:11px;color:#6f85a0}.import-select{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#6b819b;font-size:11px}.import-select select{border:1px solid var(--line);padding:7px;border-radius:5px;color:#6b819b;font-size:11px}.result-hero{padding:32px 15px;text-align:center}.success-icon{width:55px;height:55px;display:grid;place-items:center;background:#eaf7f1;border-radius:50%;margin:0 auto 19px;color:#268977}.result-hero h2{font-size:24px;margin-bottom:10px}.result-hero p{color:#92a1b3;font-size:12px;margin-bottom:28px}.result-list{text-align:left;border:1px solid var(--line);border-radius:8px;margin:auto;max-width:440px;overflow:hidden}.result-list div{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid var(--line);font-size:12px}.result-list div:last-child{border:0}.misc-dialog{border-radius:13px;width:650px;max-width:calc(100vw - 32px);max-height:90dvh}.misc-dialog .drawer-top{border-bottom:1px solid var(--line)}.misc-body{padding:25px 28px;line-height:1.8;overflow:auto}.misc-body p{font-size:12px;color:#7f91a8;margin-bottom:16px}.misc-body h3{margin:12px 0 6px}.misc-body .button{margin-top:10px}.context-banner{display:flex;align-items:center;gap:15px;padding:20px 23px;background:#edf4ff;border:1px solid #dee9f8;border-radius:10px;margin-bottom:24px}.context-icon{color:#6895c8}.context-banner strong{font-size:13px}.context-banner p{font-size:11px;color:#7f96b3;margin-top:6px}.context-banner>.badge{margin-left:auto}.section-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:19px 23px;gap:15px}.section-heading h2{font-size:13px}.item-row{display:flex;align-items:center;gap:15px;padding:20px 23px;border-bottom:1px solid #edf1f6}.item-row:last-child{border-bottom:0}.item-file{width:39px;height:44px;display:grid;place-items:center;background:#f0f4fa;color:#7895bb;border-radius:7px;flex:none}.item-info{flex:1;min-width:0}.item-info h3{font-size:13px;margin-bottom:7px}.item-info p{font-size:10px;color:#99a8b9}.item-info p span{margin:0 7px;color:#cad2dd}.item-info .badge{margin-top:8px}.item-row .button{font-size:11px;min-height:32px;padding:8px 12px}.month-switch{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid var(--line);border-radius:7px;padding:8px}.month-switch button{color:#8498b2;font-size:18px}.month-switch strong{font-size:12px}.work-steps{padding:0 0 24px;border:0}.work-steps>span{font-size:12px}.payroll-numbers{display:flex;gap:30px;margin:20px 0;padding:20px;border-radius:8px;background:#f5f8fc}.payroll-numbers strong{font-size:20px;color:#355a86;display:block}.payroll-numbers span{font-size:10px;color:#8295ae}.mini-table{width:100%;border-collapse:collapse;font-size:11px}.mini-table th{text-align:left;background:#f5f8fc;color:#93a2b6;font-weight:500;padding:9px}.mini-table td{padding:11px 9px;border-bottom:1px solid var(--line)}.mini-table input{width:100px;max-width:100%;border:1px solid #dee7f1;border-radius:5px;padding:7px;text-align:right;font-size:11px}.task-check{width:19px;height:19px;border:1px solid #ccd8e6;border-radius:50%;flex:none;padding:1px;color:white}.task-check.complete{background:#438a7c;border-color:#438a7c}.task-check svg{width:14px;height:14px}.task-row.complete .item-info h3{text-decoration:line-through;color:#a9b4c1}.task-row .badge{margin:0}.toast{position:fixed;bottom:25px;left:calc(50% + 70px);transform:translateX(-50%);z-index:1000;background:#203852;color:white;border-radius:9px;box-shadow:0 8px 30px #10243d33;display:flex;align-items:center;gap:12px;padding:15px 18px;font-size:12px;max-width:calc(100vw - 32px);min-width:250px}.toast>span[data-icon]{color:#99d5bc}.toast svg{width:17px;height:17px}.toast button{font-size:11px;color:#a9cbff;white-space:nowrap}.toast-close{margin-left:auto;font-size:19px!important;color:#adb9c8!important}.toast>span:nth-child(2){flex:1}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.guide-card{background:#f5f8fc;border:1px solid #e6edf5;border-radius:9px;padding:17px}.guide-card b{font-size:10px;color:#7a9bc7}.guide-card h3{font-size:13px;margin:5px 0 8px}.guide-card p{font-size:11px;margin:0}.guide-warning{font-size:11px;color:#8a99ac;margin-top:20px;padding:15px;background:#fafbfc;border-radius:7px}.empty-small{padding:38px 20px;text-align:center;color:#8d9eb3;font-size:12px}.pill-count{font-size:10px;color:#8a9ab0;margin-left:5px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1450px){.page{padding-top:42px}.client-table td{height:65px}.client-table th{height:36px}.client-name{font-size:13px}.client-table td{font-size:12px}.badge{font-size:10px}.work-link{font-size:11px}.list-toolbar{padding-top:22px;padding-bottom:22px}}
@media(max-width:1190px){.sidebar{width:185px;padding-left:10px;padding-right:10px}.brand{margin-left:11px}.brand img{width:137px}main{margin-left:185px}.page{padding:28px 24px}.topbar{padding:0 24px}.owner-col{display:none}.filter-controls select{max-width:102px;padding-right:5px}.search-field{width:280px}.type-col{max-width:180px}.badges{gap:3px}.badge{padding:4px}.client-table td{padding-left:10px;padding-right:10px}}
@media(max-width:980px){.sidebar{width:76px;padding:25px 10px 0}.brand{margin:0 2px 30px;overflow:hidden;height:40px;width:52px}.brand img{max-width:none;width:145px;height:40px;object-fit:contain;object-position:left}.office,.nav-label,.nav-item>span:not([data-icon]),.nav-item>b,.profile>div{display:none}.nav-item{justify-content:center;padding:13px}.profile{padding:18px 7px}.sidebar-foot .nav-item{margin-bottom:5px}main{margin-left:76px}.topbar{height:65px}.page{padding:29px 24px}.filter-controls select{font-size:10px}.list-toolbar{flex-wrap:wrap}.search-field{width:100%}.filter-controls{width:100%}.filter-controls select{max-width:none;flex:1}.business-col{display:none}.client-table .type-col{width:190px}.today{font-size:10px}.top-right{gap:15px}.toast{left:calc(50% + 38px)}}
@media(max-width:640px){.prototype-bar{padding:0 14px;height:30px;font-size:9px}.prototype-bar button{font-size:9px}.bar-note{display:none}.sidebar{top:auto;bottom:0;width:100%;height:62px;background:#fff;flex-direction:row;padding:0 8px;border-top:1px solid var(--line);border-right:0}.sidebar .brand,.sidebar .sidebar-foot{display:none}.sidebar nav{display:flex;width:100%;align-items:center;justify-content:space-around}.nav-item{flex-direction:column;gap:4px;min-height:50px;margin:0;width:72px;font-size:9px;border-radius:7px;padding:6px 0}.nav-item>span:not([data-icon]){display:block}.nav-item svg{width:19px;height:19px}.nav-item.active{background:#f0f5fe}.nav-item>b{display:none}main{margin-left:0;padding-bottom:62px}.topbar{height:56px;padding:0 18px}.top-right .today{display:none}.breadcrumb{font-size:10px}.top-right{gap:8px}.top-right>.avatar{display:none}.page{padding:25px 17px 20px}.page-heading{gap:9px;margin-bottom:23px}.page-heading p{font-size:11px;margin-top:7px}.eyebrow{font-size:9px;margin-bottom:7px}h1{font-size:25px}h1>span{font-size:20px}.button{font-size:11px;padding:9px 11px;min-height:36px}.button-arrow{display:none}.page-heading .button svg{width:14px;height:14px}.page-heading .button{gap:5px}.list-panel{border-radius:9px}.list-tabs{padding:0 15px;gap:20px;height:49px}.list-tabs>button{font-size:11px}.list-tabs>button>span:not([data-icon]){font-size:9px}.list-toolbar{padding:14px 14px;gap:10px}.search-field{height:36px;min-width:0}.search-field kbd{display:none}.filter-controls{gap:5px}.filter-controls select{padding:0 5px;height:30px;font-size:9px;min-width:0}.client-table .star-col{width:28px;padding-left:9px}.client-table td:first-child{padding-left:8px;width:27px;padding-right:1px}.client-table td{height:65px;padding:10px 8px}.client-table th{font-size:9px;padding:0 8px}.client-table .type-col{width:auto;max-width:145px}.client-table .type-col .badges{gap:3px;max-width:125px}.client-table .type-col .badge{font-size:8px;padding:3px 4px}.client-table .type-col .badge.ghost{display:none}.client-name{font-size:12px}.client-owner{font-size:9px}.client-table .work-col{display:none}.client-table .row-arrow{padding-left:0;padding-right:5px;width:12px}.table-footer{font-size:9px;padding:12px 14px}.table-footer>span:last-child{display:none}.subtle-note{font-size:9px;align-items:flex-start;line-height:1.6}.star-button svg{width:13px;height:13px}.drawer{width:100%;border-radius:0;max-height:100dvh}.drawer-top{padding:20px 20px 17px}.drawer-hero{padding:5px 20px 23px;gap:12px}.detail-title-line h2{font-size:21px}.client-monogram{width:49px;height:49px;font-size:21px}.drawer-body{padding:23px 20px}.drawer-footer{padding:14px 20px}.drawer-footer>span{max-width:160px;font-size:9px;line-height:1.6}.detail-tabs{padding:0 20px;gap:25px}.detail-tabs button{font-size:11px}.form-grid{gap:0 13px}.field{margin-bottom:19px}.field input,.field select,.date-fields input,.password-field input{font-size:14px}.field label{font-size:11px}.form-details summary{font-size:11px;gap:5px}.form-details summary>span{font-size:9px}.import-dialog{width:100%;height:100dvh;max-height:100dvh;max-width:100%;border-radius:0}.import-body{padding:22px 20px}.steps{padding:0 20px 20px;gap:9px}.steps i{width:20px}.steps>span{font-size:10px;gap:5px}.steps b{width:21px;height:21px}.import-summary{align-items:flex-start;flex-direction:column;gap:13px}.import-summary h3{font-size:16px}.import-summary p{font-size:10px}.summary-badges{gap:5px}.summary-badges .badge{font-size:9px;padding:6px}.import-table{min-width:480px}.upload-zone{padding:32px 15px}.upload-zone h3{font-size:16px}.upload-zone p{font-size:10px}.upload-actions{flex-direction:column;align-items:stretch;margin:0 15px}.import-note{font-size:10px;line-height:1.7;align-items:flex-start;flex-direction:column;gap:9px}.result-hero{padding:24px 0}.result-hero h2{font-size:21px}.misc-body{padding:20px;max-height:calc(90dvh - 85px)}.misc-dialog .drawer-top{padding:20px}.misc-dialog h2{font-size:18px}.guide-grid{grid-template-columns:1fr}.guide-card{padding:14px}.context-banner{padding:17px 15px;gap:10px}.context-banner strong{font-size:12px}.context-banner p{font-size:10px}.context-banner>.badge{font-size:8px}.item-row{padding:17px 15px;gap:10px;flex-wrap:wrap}.item-file{width:32px;height:37px}.item-info h3{font-size:12px}.item-info p{font-size:9px;line-height:1.6}.item-row .button{font-size:10px;padding:7px 9px;min-height:30px}.section-heading{padding:17px 15px}.section-heading .muted{font-size:9px}.month-switch{padding:5px;gap:9px}.month-switch strong{font-size:10px}.work-steps{padding-left:0}.task-row .badge{font-size:8px}.toast{left:50%;bottom:80px;padding:13px;font-size:11px;min-width:0;width:max-content;max-width:calc(100vw - 30px)}.payroll-numbers{gap:20px;padding:15px}.mini-table{font-size:10px}.mini-table th,.mini-table td{padding:8px 5px}.mini-table input{width:87px}.form-body{padding-top:5px}}
:root{--muted:#65758a}
.nav-item{font-size:14px}.office strong{font-size:13px}.page-heading p{font-size:13px}.button{font-size:13px}.topbar{height:68px}.page{padding-top:29px}.page-heading{margin-bottom:23px}
.list-tabs>button{font-size:13px}.list-tabs{height:52px}.search-field input{font-size:13px}.filter-controls select{font-size:12px;color:#62758c}.list-toolbar{padding-top:16px;padding-bottom:16px}
.client-table th{font-size:11px}.client-table td{height:57px;font-size:12px}.client-name{font-size:14px}.client-owner{font-size:11px;color:#78879a}.badge{font-size:10px}.person,.work-link{font-size:11px}.table-footer{font-size:11px}
.info-grid dt{font-size:12px;color:#718198}.info-grid dd{font-size:14px}.detail-tabs button,.detail-section summary{font-size:13px}.field>label{font-size:12px}.field input,.field select,.date-fields input,.password-field input{font-size:14px}
.import-table th{font-size:11px}.import-table td strong{font-size:13px}.import-table td small{font-size:11px}.import-summary p,.import-select,.import-options,.upload-zone p,.import-note,.link-button{font-size:12px}.item-info p{font-size:12px;color:#74869c}.misc-body p{font-size:13px}
@media(max-width:640px){.nav-item{font-size:11px}.page{padding:23px 16px 20px}.page-heading p{font-size:12px}.button{font-size:12px}.topbar{height:56px}.list-tabs>button{font-size:12px}.filter-controls select{font-size:11px}.client-table td{height:63px}.client-name{font-size:14px}.client-owner{font-size:11px}.client-table .type-col .badge{font-size:9px}.client-table .type-col .badges{max-width:115px}.field input,.field select,.date-fields input,.password-field input{font-size:16px}.detail-tabs button{font-size:12px}.import-table{min-width:450px}.item-info p{font-size:11px}}


/* UX-01 client feedback: separate columns and service-specific detail tabs. */
.client-table{min-width:830px}.client-table th,.client-table td{padding-left:11px;padding-right:11px}.client-table td{height:54px}.client-table .client-name{margin:0}.client-table .client-name-col{min-width:140px}.client-table .representative-col{min-width:80px;color:#425a74}.client-table .business-col{display:table-cell!important;min-width:136px}.client-table .kind-col,.client-table .tax-col{min-width:70px}.client-table .service-col{min-width:94px}.client-table .owner-col{display:table-cell!important;min-width:90px}.client-table .badge{font-size:11px;padding:5px 7px}.table-scroll{overscroll-behavior-x:contain}.drawer#client-dialog{width:760px;max-width:100%}.detail-tabs{gap:25px;overflow-x:auto;scrollbar-width:thin}.detail-tabs button{flex:none;white-space:nowrap}.contact-card .section-heading{padding:15px 17px;border:0}.contact-card .section-heading h3{font-size:14px}.contact-card .info-grid{gap:19px 20px;margin-top:9px}.detail-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:22px}.detail-intro h3{font-size:18px;margin-bottom:8px}.detail-intro p{font-size:12px;line-height:1.8;color:#76869b}.detail-intro>.button{flex:none}.detail-card{border:1px solid #e4eaf2;border-radius:9px;padding:21px;margin:18px 0;background:white}.detail-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.detail-card-heading h3{font-size:14px;font-weight:700}.detail-card-heading p{font-size:11px;margin-top:6px;color:#8190a4}.detail-card .info-grid{gap:20px 26px;margin:0}.detail-card .info-grid dd{font-size:13px}.detail-card .info-grid dt{font-size:11px}.plain-value{font-size:13px;color:#425b77;line-height:1.9;white-space:pre-wrap}.section-note{font-size:11px;color:#8492a4;line-height:1.8;margin-top:15px}.period-picker{display:flex;gap:12px;align-items:center;margin-bottom:17px;font-size:12px}.period-picker label{color:#657a93}.period-picker select{border:1px solid #dbe4ef;border-radius:6px;padding:8px;color:#344f70;background:white}.period-picker>span{font-size:10px;color:#8999ae;margin-left:auto}.headcount-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#f6f9fd;border-radius:8px;padding:19px 0;margin-bottom:18px}.headcount-grid>div{border-right:1px solid #e1e9f3;text-align:center}.headcount-grid>div:last-child{border:0}.headcount-grid span{font-size:11px;color:#798ba2;display:block;margin-bottom:9px}.headcount-grid strong{font-size:24px;font-weight:650}.headcount-grid small{font-size:11px;margin-left:4px;font-weight:400}.detail-actions,.form-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.form-section-title{font-size:14px!important;margin:10px 0 18px!important}.field textarea{font:inherit;width:100%;border:1px solid #dce5ef;border-radius:7px;padding:11px;resize:vertical;min-height:88px;color:#3e5876}.roster-filters{display:flex;gap:7px;margin-bottom:20px}.collection-banner{display:flex;gap:18px;align-items:center;justify-content:space-between;background:#eff5ff;border:1px solid #dce8f9;border-radius:9px;padding:18px}.collection-banner strong{font-size:13px;color:#3a6394}.collection-banner p{font-size:11px;color:#7c92ad;line-height:1.8;margin-top:6px}.collection-banner .button{flex:none;font-size:12px}.collection-source{font-size:11px;color:#8999ab;line-height:1.7;margin:12px 0 20px}.account-notice{background:#f5f8fc;border-radius:7px;padding:13px 16px;line-height:1.8;font-size:11px;color:#7b8ba0}.service-url{display:block;font-size:12px;color:#4075b7;overflow-wrap:anywhere;margin:0 0 23px}.service-url span{margin-left:5px}.secret-value{display:flex;align-items:center;gap:12px;overflow-wrap:anywhere}.secret-value>span{overflow-wrap:anywhere;min-width:0}.secret-value .link-button{flex:none;font-size:11px}.account-footer{border-top:1px solid #edf1f6;margin-top:20px;padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:12px}.account-footer>span{font-size:10px;color:#94a0b1}.account-footer .button{padding:8px 12px;min-height:33px;font-size:11px}.account-empty{font-size:12px;color:#95a2b3;padding:4px 0}.account-memo{font-size:11px;color:#8695a9;margin-top:18px;white-space:pre-wrap}.account-card .detail-card-heading{margin-bottom:12px}
@media(max-width:640px){.client-table{min-width:760px}.client-table td,.client-table th{padding:11px 9px}.client-table td{height:53px}.client-table .client-name{font-size:13px}.client-table .client-name-col{min-width:125px;position:sticky;left:0;background:#fff;z-index:1}.client-table th.client-name-col{background:#f9fafc}.client-table .badge{font-size:10px}.client-table .business-col{min-width:125px}.drawer#client-dialog{width:100%}.detail-tabs{gap:22px;padding:0 20px}.detail-tabs button{font-size:12px}.detail-card{padding:17px}.detail-card .info-grid{gap:19px 16px}.detail-intro{gap:12px}.detail-intro h3{font-size:17px}.detail-intro p{font-size:11px}.detail-intro .button{font-size:11px}.period-picker{flex-wrap:wrap;gap:9px}.period-picker>span{margin-left:0;width:100%}.headcount-grid strong{font-size:21px}.collection-banner{flex-direction:column;align-items:stretch;padding:17px;gap:14px}.collection-banner .button{align-self:flex-start}.roster-filters{gap:5px}.roster-filters .button{padding:8px 10px;font-size:11px}.detail-card .mini-table{font-size:10px}.account-card .info-grid{grid-template-columns:1fr}.service-url{font-size:11px}.account-footer>span{font-size:10px}.contact-card .info-grid{grid-template-columns:1fr 1fr}.detail-actions .button{font-size:11px}}