:root{--ink:#182544;--muted:#748199;--brand:#172b85;--brand-soft:#eaf0ff;--border:#e2e7f1;--bg:#f5f7fc;--red:#b74747;--amber:#956b16;--purple:#65519b;--shadow:0 5px 24px #182b8505;font-family:'Noto Sans KR',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink);font-synthesis:none} *{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #79b9ed;outline-offset:3px}button{color:inherit}a{color:var(--brand)}svg{width:19px;height:19px;flex-shrink:0;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}h1{font-size:27px;font-weight:800;letter-spacing:-1.2px;line-height:1.4}h2{font-size:16px;font-weight:700;letter-spacing:-.4px}h3{font-size:15px}small{font-size:11px}button{border:0;background:none}strong{font-weight:700}.muted{color:var(--muted)}.tiny{font-size:11px}.mono{font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)} .demo-bar{height:40px;background:#edf2ff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;color:#4b5f8b;font-size:11px;border-bottom:1px solid #dbe4f5;gap:10px}.demo-bar b{font-size:10px;background:#dce6ff;padding:3px 7px;border-radius:4px;margin-right:9px;letter-spacing:.2px}.text-button{font-size:12px;color:var(--brand);padding:5px 8px;font-weight:600}.text-button:hover{text-decoration:underline}.demo-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 40px)}.sidebar{background:white;border-right:1px solid var(--border);padding:30px 16px 20px;display:flex;flex-direction:column;gap:26px}.brand{display:flex;align-items:center;gap:10px;padding:0 12px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;background:var(--brand);color:white;border-radius:11px}.brand-mark svg{width:21px;height:21px}.brand-name{font-size:19px;letter-spacing:-.8px;font-weight:800}.brand-sub{font-size:10px;letter-spacing:1.1px;color:var(--muted);margin-top:-3px}.workspace{margin:0 9px;padding:12px;background:var(--bg);border:1px solid var(--border);border-radius:9px;display:flex;align-items:center;gap:10px}.workspace-icon{display:grid;place-items:center;background:white;border:1px solid var(--border);width:30px;height:30px;border-radius:8px}.workspace p{font-size:11px;color:var(--muted)}.workspace strong{font-size:12px}.nav-title{font-size:10px;color:#8392ad;letter-spacing:.8px;padding:0 15px;margin-bottom:8px}.nav{display:flex;flex-direction:column;gap:4px}.nav-button{display:flex;align-items:center;gap:12px;width:100%;padding:11px 14px;border-radius:8px;text-align:left;font-size:13px;color:#687891;min-height:43px}.nav-button:hover{background:#f1f5fc}.nav-button.active{background:var(--brand-soft);color:var(--brand);font-weight:700}.nav-button .count{margin-left:auto;font-size:10px;min-width:20px;display:grid;place-items:center;border-radius:5px;background:#f3e8d2;color:var(--amber);height:20px}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:10px}.sidebar-note{border-radius:9px;border:1px solid var(--border);padding:13px;font-size:11px;color:var(--muted);margin:0 7px}.sidebar-note strong{display:block;color:#52668e;margin-bottom:3px}.slack-nav{border:1px solid var(--border);margin:0 6px;width:calc(100% - 12px);color:var(--ink)}.main{min-width:0}.topbar{height:79px;background:#ffffffd9;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:16px}.breadcrumb{color:#8190aa;font-size:12px}.breadcrumb strong{color:#536789;font-weight:500}.role-controls{display:flex;align-items:center;gap:16px}.role-switch{display:flex;padding:3px;border:1px solid var(--border);border-radius:8px;background:#f3f6fc}.role-switch button{padding:6px 12px;border-radius:5px;font-size:11px;color:var(--muted);white-space:nowrap}.role-switch button.active{background:white;box-shadow:0 1px 4px #162b8514;color:var(--ink);font-weight:700}.profile{display:flex;align-items:center;gap:9px;font-size:12px}.avatar{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:50%;background:#edf1fa;color:#576d99;font-size:11px;font-weight:700;flex-shrink:0}.avatar.large{width:42px;height:42px;font-size:14px}.avatar.green{background:#e4edff;color:#244a99}.profile small{color:var(--muted);display:block;font-size:10px}.profile-select{border:0;max-width:110px;background:transparent;font-size:12px;padding:2px}.content{padding:31px 36px 40px;max-width:1540px;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}.eyebrow{font-size:10px;color:var(--brand);font-weight:700;letter-spacing:1.2px;margin-bottom:7px}.subtitle{color:var(--muted);font-size:12px;margin-top:7px}.head-actions{display:flex;gap:8px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--border);background:white;border-radius:7px;padding:9px 13px;font-size:12px;font-weight:600;white-space:nowrap;min-height:37px;transition:background .15s,transform .15s}.btn:hover{background:#edf2fb}.btn.primary{background:var(--brand);border-color:var(--brand);color:white}.btn.primary:hover{background:#10226f}.btn.soft{background:var(--brand-soft);color:var(--brand);border-color:transparent}.btn.small{padding:5px 10px;min-height:29px;font-size:11px}.btn.danger{color:var(--red);border-color:#eed3d3}.btn svg{width:15px;height:15px}.date-label{display:flex;align-items:center;gap:7px;font-size:11px;color:#6b7d9d;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}.stat{background:white;border:1px solid var(--border);border-radius:11px;padding:19px 19px 17px;box-shadow:var(--shadow)}.stat-head{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.stat-head .icon-box{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--brand-soft);color:var(--brand)}.stat.amber .icon-box{background:#fcf3df;color:var(--amber)}.stat.purple .icon-box{background:#f0ecf8;color:var(--purple)}.stat-value{font-size:30px;font-weight:700;letter-spacing:-1px;margin:7px 0 5px;line-height:1.4}.stat-value em{font-style:normal;font-size:13px;font-weight:400;color:var(--muted);margin-left:5px;letter-spacing:0}.stat-note{font-size:10px;color:var(--muted)}.stat-note.accent{color:var(--brand)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:21px}.stack{display:flex;flex-direction:column;gap:21px}.panel{background:white;border:1px solid var(--border);border-radius:11px;overflow:hidden;box-shadow:var(--shadow)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:19px 21px;border-bottom:1px solid #edf0f7}.panel-header>div{display:flex;gap:9px;align-items:center}.panel-body{padding:21px}.panel-subtitle{font-size:11px;color:var(--muted);margin-top:4px}.tag{font-size:10px;display:inline-flex;align-items:center;gap:4px;padding:3px 7px;white-space:nowrap;border-radius:5px;line-height:1.5;font-weight:500}.tag.green{background:#e9f4ed;color:#377c59}.tag.amber{background:#fff3d8;color:#997120}.tag.blue{background:#ebf2fc;color:#5477a2}.tag.purple{background:#f1edf8;color:#7e65a3}.tag.gray{background:#f0f3f2;color:#7d8c84}.tag.red{background:#fbecec;color:#b95f5f}.pill-count{color:var(--brand);background:var(--brand-soft);font-size:11px;min-width:22px;padding:1px 6px;border-radius:5px;font-weight:700}.task-tabs{display:flex;gap:20px;padding:0 21px;border-bottom:1px solid var(--border);font-size:12px}.task-tabs button{padding:13px 0;color:var(--muted);border-bottom:2px solid transparent}.task-tabs button.active{border-color:var(--brand);color:var(--brand);font-weight:700}.task-list .task-row{border-bottom:1px solid #eff2f8;padding:15px 21px;display:flex;align-items:center;gap:12px;min-height:79px}.task-list .task-row:last-child{border:0}.task-info{min-width:0;flex:1}.task-name{font-size:12px;font-weight:600;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.task-detail{font-size:11px;color:var(--muted);margin-top:3px}.empty{padding:40px 20px;text-align:center;color:var(--muted);font-size:12px}.empty svg{width:29px;height:29px;color:#9aadd0;display:block;margin:0 auto 10px}.footer-note{padding:12px 21px;background:#fbfcff;color:var(--muted);font-size:10px;border-top:1px solid #edf0f7}.week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:17px}.day{text-align:center;font-size:10px;color:var(--muted);border-radius:8px;padding:7px 0}.day b{display:block;font-size:13px;margin:5px 0;color:#526e99}.day.today{background:var(--brand);color:#c4d9f7}.day.today b{color:white}.day i{display:block;margin:auto;width:4px;height:4px;border-radius:50%;background:#8eacd7}.day.today i{background:white}.person-line{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #eff2f8}.person-line:last-child{border:0}.person-line .tag{margin-left:auto}.person-line strong{font-size:12px}.person-line p{font-size:10px;color:var(--muted)}.bar-line{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-bottom:8px}.track{height:7px;border-radius:10px;background:#eef2f9;overflow:hidden}.track span{display:block;height:100%;border-radius:10px;background:#2885c4}.dept-bar{margin-bottom:19px}.dept-bar:last-child{margin-bottom:0}.link-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:15px 0;border-bottom:1px solid var(--border)}.link-row:last-child{border:0}.flow-strip{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;flex-wrap:wrap;margin-top:25px}.flow-strip span{border:1px solid var(--border);padding:7px 12px;background:white;border-radius:6px}.flow-strip svg{width:13px;height:13px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th{text-align:left;font-size:10px;font-weight:500;color:var(--muted);background:#f8faff;padding:12px 17px;border-bottom:1px solid var(--border)}td{padding:14px 17px;border-bottom:1px solid #eef2f9}tr:last-child td{border-bottom:0}td .person{display:flex;gap:9px;align-items:center}td .person strong{font-size:12px;display:block}td .person small{color:var(--muted);font-size:10px}.num{font-variant-numeric:tabular-nums;text-align:right}.balance{font-weight:700;color:var(--brand)}.toolbar{padding:15px 20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--border)}.input,.select{border:1px solid #dce4f1;background:white;border-radius:7px;padding:9px 11px;font-size:12px;color:var(--ink);min-height:39px}.input{width:100%}.search{max-width:240px}.select{min-width:110px}.toolbar .spacer{margin-left:auto}.notice{padding:13px 16px;border:1px solid #dbe6fa;border-radius:8px;background:#f0f5ff;color:#526f9a;font-size:12px;margin-bottom:20px;display:flex;gap:9px}.notice.amber{background:#fdf7e9;border-color:#eee3c8;color:#8c7748}.notice p{margin-top:3px;font-size:11px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.request-card{background:white;border:1px solid var(--border);border-radius:10px;padding:21px}.card-head{display:flex;align-items:center;gap:10px;margin-bottom:19px}.card-head .tag{margin-left:auto}.request-card .date-range{font-size:17px;font-weight:700;letter-spacing:-.6px;margin:10px 0}.keyval{display:flex;justify-content:space-between;gap:14px;font-size:12px;padding:6px 0}.keyval>span{color:var(--muted)}.card-actions{display:flex;gap:8px;margin-top:17px;border-top:1px solid var(--border);padding-top:17px}.card-actions .btn{flex:1}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-label{font-size:11px;color:var(--muted);padding:12px;text-align:center;border-bottom:1px solid var(--border)}.calendar-cell{min-height:105px;border-right:1px solid #edf1f8;border-bottom:1px solid #edf1f8;padding:8px;min-width:0}.calendar-cell:nth-child(7n){border-right:0}.calendar-cell.off{background:#fafcff}.calendar-date{font-size:11px;color:#61789b;display:inline-grid;place-items:center;width:23px;height:23px;margin-bottom:6px}.calendar-date.today{background:var(--brand);color:white;border-radius:50%}.event{background:#eaf1ff;color:#37619c;border-radius:4px;font-size:10px;padding:4px 6px;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event.purple{background:#f0ecf7;color:#7a65a0}.slack-window{background:white;border:1px solid #dedbe2;border-radius:12px;overflow:hidden;display:grid;grid-template-columns:170px minmax(0,1fr);min-height:620px}.slack-sidebar{background:#3c163f;color:#d5bfd7;padding:22px 13px;display:flex;flex-direction:column;gap:18px}.slack-sidebar h3{color:white;font-size:15px;padding:0 7px}.slack-sidebar .slack-item{font-size:12px;padding:7px 9px;border-radius:5px}.slack-sidebar .slack-item.active{background:#176b8b;color:white}.slack-sidebar .tiny{color:#b492b7;margin:10px 7px 5px}.slack-main{min-width:0}.slack-heading{padding:16px 24px;font-size:16px;font-weight:700;border-bottom:1px solid #ebe9ed;display:flex;gap:10px;align-items:center}.slack-bot-icon{background:var(--brand);color:white;width:28px;height:28px;display:grid;place-items:center;border-radius:6px}.slack-tabs{display:flex;gap:24px;padding:0 24px;border-bottom:1px solid #e4e2e7}.slack-tabs button{padding:12px 0;font-size:12px;color:#7d7582;border-bottom:2px solid transparent}.slack-tabs button.active{border-color:#6b3970;color:#422748;font-weight:700}.slack-body{padding:26px;max-width:820px}.slack-body h2{font-size:21px;margin:0 0 5px}.slack-body p{font-size:12px;color:#6f6b72}.slack-divider{height:1px;background:#e7e4e8;margin:22px 0}.slack-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:23px 0}.slack-metric{font-size:11px;color:#827a85}.slack-metric strong{font-size:21px;display:block;color:#302733;margin-top:3px}.slack-card{border:1px solid #e6e1e8;border-left:3px solid #2885c4;border-radius:6px;padding:15px;margin:12px 0}.slack-card h3{font-size:13px;margin-bottom:6px}.slack-card .btn{margin-top:12px;margin-right:5px}.slack-card .keyval{max-width:470px}.slack-message{display:flex;align-items:flex-start;gap:11px;padding:15px 0;border-bottom:1px solid #eeecf0}.slack-message-body{min-width:0;font-size:12px}.slack-message-body strong{font-size:12px}.slack-message-body small{font-size:10px;color:#918694;margin-left:9px}.slack-message-body p{margin-top:4px;white-space:pre-line}.connection-chips{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}.connection-chip{border:1px solid var(--border);background:white;display:flex;gap:8px;align-items:center;border-radius:6px;padding:7px 11px;font-size:11px}.dot{width:6px;height:6px;border-radius:50%;background:#c79c48;display:inline-block}.audit-line{display:flex;gap:13px;padding:17px 21px;border-bottom:1px solid #edf1f8}.audit-line svg{color:#7896bd;margin-top:3px}.audit-line strong{font-size:12px}.audit-line p{font-size:11px;color:var(--muted);margin-top:4px}.audit-line small{display:block;font-size:10px;color:#8c9ab1;margin-top:6px}.footer{margin-top:30px;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#929fb5} dialog{padding:0;border:1px solid var(--border);border-radius:14px;box-shadow:0 24px 80px #14275530;width:min(550px,calc(100vw - 32px));color:var(--ink);max-height:90vh}dialog::backdrop{background:#0c173c60;backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 17px;border-bottom:1px solid var(--border)}.modal-head h2{font-size:19px}.close{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;color:var(--muted)}.close:hover{background:var(--bg)}.modal-body{padding:23px 24px;overflow-y:auto;max-height:72vh}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding-top:20px;margin-top:20px;border-top:1px solid var(--border)}.field{margin-bottom:16px}.field>label{display:block;font-size:12px;font-weight:600;margin-bottom:7px}.field label small{font-weight:400;color:var(--muted);margin-left:4px}.field .select{width:100%}.field .help{font-size:10px;color:var(--muted);margin-top:5px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.estimate{background:#eff5ff;border:1px solid #dfe9fa;border-radius:8px;padding:15px;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.estimate strong{font-size:18px;color:var(--brand)}.error{color:var(--red);font-size:12px;margin-top:12px;min-height:0}.file-preview{border:1px dashed #cbd8f0;border-radius:8px;background:#f7faff;padding:24px;text-align:center;margin:16px 0}.file-preview svg{width:30px;height:30px;color:#7f9fc7;margin-bottom:8px}.file-preview h3{font-size:13px}.file-preview p{font-size:10px;margin-top:7px;color:var(--muted)}.steps{counter-reset:step;display:flex;flex-direction:column;gap:18px}.step{display:flex;gap:13px;font-size:12px}.step:before{counter-increment:step;content:counter(step);width:25px;height:25px;background:var(--brand-soft);color:var(--brand);border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-weight:700}.step p{font-size:11px;color:var(--muted);margin-top:3px}#toast{position:fixed;bottom:27px;left:50%;transform:translate(-50%,20px);background:#172b85;color:white;padding:13px 20px;border-radius:9px;font-size:12px;box-shadow:0 7px 30px #172b8522;max-width:90vw;z-index:20;opacity:0;pointer-events:none;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)} @media(min-width:1600px){.content{padding-top:40px}.sidebar{padding-top:34px}} @media(max-width:1150px){.shell{grid-template-columns:190px minmax(0,1fr)}.content{padding:25px}.topbar{padding:0 25px}.dashboard-grid{grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr)}.role-controls{gap:9px}.breadcrumb{display:none}.topbar{justify-content:flex-end}.stat{padding:15px}.stat-value{font-size:26px}.brand-name{font-size:17px}} @media(max-width:950px){.shell{grid-template-columns:170px minmax(0,1fr)}.sidebar{padding:24px 9px}.brand{padding:0 9px;gap:6px}.brand-sub{font-size:8px}.brand-mark{width:29px;height:29px}.brand-name{font-size:16px}.workspace{padding:10px 7px;margin:0 5px}.workspace-icon{display:none}.nav-button{font-size:12px;gap:9px;padding:10px}.content{padding:22px}.dashboard-grid{grid-template-columns:1fr}.stats{gap:10px}.stat-head{font-size:10px}.stat-note{font-size:9px}.stat-head .icon-box{width:25px;height:25px}.stat-head svg{width:15px;height:15px}.page-head{align-items:flex-start}.date-label{display:none}.cards{grid-template-columns:1fr}h1{font-size:24px}.profile small{display:none}.slack-window{grid-template-columns:130px minmax(0,1fr)}.slack-body{padding:20px}.slack-metrics{gap:10px}} @media(max-width:680px){.demo-bar{height:auto;min-height:48px;padding:9px 14px;font-size:9px;align-items:flex-start}.demo-actions{gap:2px}.demo-actions .text-button{font-size:10px;padding:2px 5px}.demo-bar b{font-size:9px;margin-right:5px}.shell{display:block;min-height:calc(100vh - 48px)}.sidebar{padding:13px 14px 0;border-right:0;border-bottom:1px solid var(--border);gap:13px}.brand{padding:0}.brand-sub{display:none}.brand-name{font-size:18px}.workspace,.nav-title,.sidebar-note{display:none}.nav{flex-direction:row;overflow:auto;gap:3px;padding-bottom:11px}.nav-button{font-size:11px;white-space:nowrap;flex:0 0 auto;width:auto;padding:8px 10px;min-height:34px}.nav-button svg{width:15px;height:15px}.nav-button .count{font-size:9px;min-width:17px;height:17px}.sidebar-bottom{position:absolute;right:13px;top:62px;margin:0}.slack-nav{padding:6px 8px;font-size:10px;min-height:31px;margin:0;width:auto}.topbar{height:auto;min-height:62px;padding:10px 15px;justify-content:space-between}.role-controls{width:100%;justify-content:space-between;gap:6px}.role-switch button{font-size:10px;padding:5px 8px}.profile{gap:6px;font-size:10px}.profile .avatar{width:25px;height:25px;font-size:9px}.profile-select{font-size:10px;width:82px}.content{padding:24px 16px 30px}.page-head{gap:10px;flex-wrap:wrap;margin-bottom:21px}.head-actions{margin-left:auto}.page-head .btn{padding:7px 10px;font-size:11px}h1{font-size:24px}.subtitle{font-size:11px}.stats{grid-template-columns:1fr 1fr;gap:11px;margin-bottom:18px}.stat{padding:15px}.stat-head{font-size:11px}.stat-value{font-size:27px}.stat-note{font-size:10px}.dashboard-grid,.stack{gap:18px}.panel-header{padding:16px}.panel-body{padding:16px}.task-list .task-row{padding:13px 15px;gap:9px}.task-tabs{padding:0 16px;gap:17px}.task-tabs button{font-size:11px}.task-name{font-size:11px}.task-detail{font-size:10px}.task-row .avatar{width:29px;height:29px;font-size:10px}.task-row .btn{padding:5px 8px;font-size:10px}.request-card{padding:17px}.slack-window{grid-template-columns:1fr;min-height:570px}.slack-sidebar{display:none}.slack-body{padding:18px}.slack-metrics{grid-template-columns:repeat(3,1fr);gap:8px}.slack-metric{font-size:10px}.slack-metric strong{font-size:19px}.slack-body h2{font-size:18px}.calendar-cell{min-height:79px;padding:3px}.calendar-label{padding:10px 3px}.event{font-size:8px;padding:3px 2px}.calendar-date{font-size:10px}.toolbar{padding:13px;gap:8px}.search{max-width:none;flex:1;min-width:100px}.select{min-width:90px;padding:8px;font-size:11px}.toolbar .spacer{margin:0}.footer{font-size:9px}.modal-body{padding:20px}.modal-head{padding:18px 20px}.field-grid{gap:10px}.flow-strip{font-size:9px;gap:5px}.flow-strip span{padding:6px 8px}.panel-header h2{font-size:14px}} @media(min-width:681px){.sidebar{position:sticky;top:0;height:calc(100vh - 40px);align-self:start;overflow-y:auto;padding-top:23px;gap:19px}.sidebar-note{display:none}.nav{gap:2px}.nav-button{padding-top:8px;padding-bottom:8px;min-height:37px}.workspace{padding:10px}.sidebar-bottom{gap:8px}} @media(min-width:681px) and (min-height:900px){.sidebar-note{display:block}} /* Blockmedia identity: official wordmark + shared vacation-bot artwork. */ .shell{grid-template-columns:236px minmax(0,1fr)} .brand{padding:0 12px;min-height:42px} .brand-wordmark{width:100%;height:auto;max-width:184px;display:block;object-fit:contain} .workspace{gap:10px;background:linear-gradient(135deg,#f2f6ff,#fffaf0);padding:12px 10px} .workspace strong{font-size:13px;color:#172b85;letter-spacing:-.4px} .workspace p{font-size:10px;margin-top:3px} .vacation-icon{width:48px;height:48px;object-fit:contain;flex-shrink:0;display:block} .page-title-group{display:flex;align-items:center;gap:17px;min-width:0} .page-mascot{width:70px;height:70px;filter:drop-shadow(0 5px 7px #172b8510)} .nav-button.active{box-shadow:inset 3px 0 #172b85;border-radius:4px 9px 9px 4px} .btn.primary{box-shadow:0 3px 8px #172b8514} .stat:first-child{border-top:3px solid #172b85;padding-top:17px} .track span{background:linear-gradient(90deg,#172b85,#1478b9)} .eyebrow{letter-spacing:1.4px;color:#106eb4} .slack-nav{background:#f8faff;white-space:nowrap;gap:8px;padding-inline:10px} .slack-nav svg:last-child{margin-left:auto} .slack-sidebar .slack-item.active{display:flex;align-items:center;gap:6px;padding:7px 5px} .slack-item .vacation-icon{width:25px;height:25px} .slack-item.active span{font-size:11px;white-space:nowrap} .slack-bot-icon{background:#f3f6ff;width:42px;height:42px;border:1px solid #e4eaf7;border-radius:9px;flex-shrink:0;padding:3px} .slack-bot-icon .vacation-icon{width:100%;height:100%} .slack-heading{gap:11px} @media(max-width:1150px){.shell{grid-template-columns:210px minmax(0,1fr)}.brand{padding:0 9px}.page-title-group{gap:12px}.page-mascot{width:58px;height:58px}.workspace{margin:0 5px}.workspace .vacation-icon{width:40px;height:40px}.workspace strong{font-size:12px}} @media(min-width:681px) and (max-width:950px){.shell{grid-template-columns:184px minmax(0,1fr)}.workspace{padding:9px 7px;gap:6px}.workspace .vacation-icon{width:33px;height:33px}.workspace strong{font-size:11px}.workspace p{font-size:9px}.slack-window{grid-template-columns:150px minmax(0,1fr)}} @media(max-width:680px){.shell{display:block}.brand{min-height:33px;padding:0}.brand-wordmark{width:151px;height:auto}.workspace{display:none}.sidebar-bottom{top:62px}.page-title-group{gap:12px}.page-mascot{width:52px;height:52px}.page-title-group h1{font-size:23px}.slack-heading{padding:14px 17px;font-size:15px}.slack-bot-icon{width:38px;height:38px}.nav-button.active{box-shadow:inset 0 -2px #172b85;border-radius:7px}.stat:first-child{padding-top:13px}} /* Work schedules and unambiguous 24-hour leave selection. */ .work-banner{display:flex;align-items:center;gap:12px;padding:14px 17px;background:white;border:1px solid var(--border);border-radius:10px;margin-bottom:18px;font-size:12px}.work-banner>svg{color:var(--brand)}.work-banner>div{flex:1}.work-banner p{font-size:11px;color:var(--muted);margin-top:3px}.work-banner .tag{align-self:flex-start}.request-zone{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#f4f7fd;border-radius:8px;margin-bottom:17px;font-size:12px}.request-zone svg{color:var(--brand)}.request-zone p{font-size:11px;color:var(--muted)}.timing-help{font-size:10px;color:var(--muted);margin:-6px 0 15px}.schedule-hint{font-size:11px;color:#597093;padding:12px 14px;border:1px solid var(--border);border-radius:8px;margin-bottom:14px;line-height:1.8}.schedule-hint b{color:var(--ink)}.schedule-hint span{color:var(--muted)}.estimate.invalid{color:#a14a40;background:#fff5f2;border-color:#f0d6cf}.time-breakdown{margin:10px 0 20px}.time-detail{font-size:11px;color:#5d7194;background:#f6f8fc;border-radius:6px;padding:9px 11px;margin:10px 0;overflow-wrap:anywhere}.time-detail p{font-size:11px;line-height:1.8}.time-detail b{color:#293f69;margin-right:5px}.calculation-line{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:11px;color:var(--muted)}.calculation-line b{color:var(--brand)}.work-table small{display:block;color:var(--muted);margin-top:4px}.work-actions{display:flex;gap:6px}.weekday-options{display:flex;gap:7px;flex-wrap:wrap}.weekday-options label{cursor:pointer;position:relative}.weekday-options input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.weekday-options span{display:grid;place-items:center;width:42px;height:37px;background:#f3f6fb;border:1px solid var(--border);border-radius:7px;font-size:12px}.weekday-options input:checked+span{background:var(--brand);color:white;border-color:var(--brand)}.weekday-options input:focus-visible+span{outline:3px solid #79b9ed;outline-offset:2px}.check-label{display:flex;align-items:center;gap:8px;font-size:12px;margin:4px 0 12px}.check-label input{accent-color:var(--brand)}.exception-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--border);font-size:12px}.exception-row p{font-size:11px;color:var(--muted)}#work-profile-form>.field,#work-exception-form>.field{margin-top:16px}.request-card .date-range{font-size:16px;overflow-wrap:anywhere}.slack-card .keyval strong{text-align:right;overflow-wrap:anywhere}.keyval strong{overflow-wrap:anywhere}.time-detail p+b{display:block} @media(max-width:680px){.work-banner{align-items:flex-start;font-size:11px}.work-banner .tag{display:none}.work-banner p{font-size:10px}.weekday-options{gap:6px}.weekday-options span{width:34px}.request-card .date-range{font-size:14px}.head-actions .select{max-width:240px}.work-actions{flex-direction:column}.time-detail{font-size:10px}.time-detail p{font-size:10px}} #request-form .modal-foot{position:sticky;bottom:-23px;background:#fff;padding:14px 0 8px;z-index:2;box-shadow:0 -8px 14px #ffffffee} @media(max-width:680px){#request-form .modal-foot{bottom:-20px}} /* A bounded hour grid replaces the long native time menu in leave requests. */ .time-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer;background:white;color:var(--ink)}.time-trigger svg{width:17px;height:17px;stroke:var(--brand);stroke-width:1.6;fill:none}.time-trigger:hover{border-color:#889bcb;background:#fafbff}.time-trigger:focus-visible{outline:3px solid #b3d6ff;outline-offset:2px} .time-picker-layer{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:16px;background:#172b853b;backdrop-filter:blur(2px);border-radius:14px}.time-picker{width:min(340px,100%);max-height:100%;overflow:auto;padding:22px;background:white;border:1px solid var(--border);border-radius:16px;box-shadow:0 16px 50px #172b8529}.time-picker header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.time-picker h3{font-size:17px;margin:0 0 5px}.time-picker header p{font-size:11px;color:var(--muted);margin:0}.time-picker .close{font-size:23px;line-height:1}.hour-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.hour-grid button{height:40px;border-radius:8px;background:#f4f6fb;border:1px solid transparent;font-size:14px;font-variant-numeric:tabular-nums;color:var(--ink)}.hour-grid small{font-size:9px;margin-left:2px;color:var(--muted)}.hour-grid button:hover,.midnight-choice:hover,.minute-options button:hover{border-color:#9eadd6;background:#edf1fc}.hour-grid button[aria-pressed="true"],.minute-options button[aria-pressed="true"]{background:var(--brand);color:white}.hour-grid button[aria-pressed="true"] small{color:#d6defb}.time-picker button:focus-visible{outline:3px solid #8ebbf4;outline-offset:2px}.midnight-choice{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border);border-radius:8px;padding:11px 13px;margin-top:12px;font-size:12px;color:var(--ink)}.midnight-choice span{font-size:10px;color:var(--muted)}.midnight-choice[aria-pressed="true"]{background:var(--brand-soft);border-color:var(--brand)}.minute-options{display:flex;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.minute-options button{flex:1;border:1px solid var(--border);padding:8px 3px;border-radius:7px;font-size:12px}.minute-options button:disabled{opacity:.4;cursor:default}.time-apply{width:100%;margin-top:16px;justify-content:center} @media(max-width:400px){.time-picker{padding:18px}.hour-grid{gap:5px}.hour-grid button{font-size:13px}.hour-grid small{font-size:8px}} /* Morning and afternoon stay visible together, with no long time menu. */ .hour-period+.hour-period{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.hour-period h4{font-size:12px;color:var(--brand);margin:0 0 9px}.time-trigger .mono{white-space:normal;line-height:1.5}.time-trigger svg{flex-shrink:0;margin-left:5px} .reporting-form{border:1px solid var(--border);border-radius:10px;padding:16px;margin:16px 0 20px;background:#fbfcff}.reporting-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.reporting-heading h3{font-size:14px}.reporting-form>.tiny{line-height:1.7;margin-bottom:12px}.reporting-form>.tiny:last-child{margin:10px 0 0}.reporting-form .field-grid{margin-top:14px}.reporting-form .select{min-width:0;font-size:11px;padding-left:9px;padding-right:6px}.reporting-admin{display:flex;align-items:center;gap:7px;font-size:11px;color:#52678f;margin:0 0 12px}.reporting-admin svg{width:14px;height:14px}.cc-picker{background:white;border:1px solid var(--border);border-radius:7px}.cc-picker summary{cursor:pointer;display:flex;align-items:center;gap:7px;padding:11px;font-size:11px;list-style:none}.cc-picker summary::-webkit-details-marker{display:none}.cc-picker summary b{white-space:nowrap}.cc-picker summary span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.cc-picker summary small{color:var(--brand);white-space:nowrap}.cc-options{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;border-top:1px solid var(--border);padding:10px;max-height:200px;overflow:auto}.cc-options label{display:flex;align-items:center;gap:7px;font-size:11px;padding:7px 0;cursor:pointer}.cc-options input{accent-color:var(--brand)}.cc-options small{display:block;font-size:9px;color:var(--muted);margin-top:2px}.cc-options label:has(input:disabled){opacity:.4;cursor:default}.approval-trail{border:1px solid var(--border);border-radius:8px;margin:14px 0;overflow:hidden;background:#fcfdff}.approval-step{display:flex;align-items:center;gap:9px;padding:11px 12px;font-size:11px;border-bottom:1px solid #edf1f8}.approval-step>div{flex:1}.approval-step b{font-size:12px}.approval-step small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.step-number{display:grid;place-items:center;border:1px solid var(--border);background:white;width:22px;height:22px;border-radius:50%;color:var(--brand);font-size:10px}.report-recipients{font-size:10px;padding:11px 12px;line-height:1.9;overflow-wrap:anywhere;color:#536a90}.report-recipients>span{color:var(--muted);margin-right:7px}.approver-select{max-width:170px}.flow-strip{flex-wrap:wrap} @media(max-width:400px){.reporting-form{padding:12px}.reporting-form .field-grid{grid-template-columns:1fr;gap:0}.approver-select{width:114px}} /* Employee profiles */ .profiles-panel{max-width:760px;width:100%;box-sizing:border-box}.people-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.person-card{display:flex;align-items:center;flex-direction:column;gap:9px;padding:22px 12px;border:1px solid #dce3f0;border-radius:16px;background:#fff;color:#192a4b;cursor:pointer;font:inherit}.person-card:hover{background:#f5f7ff}.person-card span{font-size:14px}.person-photo{width:88px;height:88px;object-fit:cover;border-radius:50%;flex-shrink:0}.person-placeholder{display:grid;place-items:center;background:#eef2ff;color:#263b94;font-size:28px!important}.person-heading{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:20px 0}.person-details{display:grid;gap:18px}.person-details dt{font-size:13px;color:#73809b;margin-bottom:6px}.person-details dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.profiles-panel .field{margin-bottom:16px}.profiles-panel input[type=file]{max-width:100%}.profiles-panel .page-head{flex-wrap:wrap;gap:10px}@media(max-width:520px){.people-grid{grid-template-columns:1fr}.profiles-panel .field-grid{grid-template-columns:1fr}} .profile-leave{display:flex;flex-direction:column;gap:6px;margin:12px 0;font-size:13px}.profile-leave small{color:#73809b}.leave-badge{background:#fff3df;color:#865400;padding:5px 10px;border-radius:8px}.leave-none{color:#63718b} .org-root{display:flex;align-items:center;justify-content:center;gap:16px;background:#1d2e87;color:white;border-radius:14px;padding:24px;margin:20px 0 30px;position:relative}.org-root:after{content:'';position:absolute;height:30px;width:2px;background:#dce3f0;bottom:-30px;left:50%}.org-departments{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.org-dept{border:1px solid #dce3f0;border-radius:14px;overflow:hidden}.org-dept h3{margin:0;padding:16px;background:#f2f5ff;color:#243779;font-size:16px}.org-dept h3 small{font-size:12px;font-weight:400}.org-members{display:grid;gap:8px;padding:12px}.org-member{display:flex;align-items:center;gap:12px;text-align:left;background:white;border:1px solid transparent;border-radius:10px;padding:10px;cursor:pointer;color:#192a4b;font:inherit;width:100%}.org-member:hover,.org-member:focus-visible{background:#f5f7ff;border-color:#bec9ec}.org-member .person-photo{width:44px;height:44px;font-size:18px!important}.org-member small{display:block;font-size:12px;margin-top:5px;color:#73809b}.org-member .org-away{color:#865400}@media(max-width:520px){.org-departments{grid-template-columns:1fr}} /* Connected organization tree */ dialog:has(.org-panel){width:min(1400px,96vw);max-width:96vw}.org-panel{max-width:none}.org-canvas{overflow:auto;background:#f7f9fd;border:1px solid #e2e7f2;border-radius:18px;padding:28px 18px}.org-tree{width:max-content;min-width:100%;text-align:center}.org-company{display:flex;flex-direction:column;gap:6px;width:220px;margin:auto;background:#1d2e87;color:#fff;padding:20px;border-radius:12px;box-sizing:border-box}.org-leadership{position:relative;padding-top:0;width:240px;margin:auto}.org-leadership:before{display:none}.org-leadership .org-member{border:1px solid #bdc9e2;box-shadow:0 3px 8px #1e32720a}.org-branches{display:flex;justify-content:center;padding-top:44px;position:relative}.org-branches:before{content:'';position:absolute;top:0;left:50%;height:22px;border-left:2px solid #b8c6df}.org-branch{width:220px;flex-shrink:0;padding:0 12px;position:relative;box-sizing:content-box}.org-branch:before{content:'';position:absolute;left:0;right:0;top:-22px;border-top:2px solid #b8c6df}.org-branch:first-child:before{left:50%}.org-branch:last-child:before{right:50%}.org-branch:after{content:'';position:absolute;top:-22px;height:22px;left:50%;border-left:2px solid #b8c6df}.org-branch h3{font-size:16px;margin:0;background:#eaf0ff;border:1px solid #c7d3ee;padding:15px;border-radius:10px;color:#243779}.org-branch h3 small{font-size:12px;font-weight:400}.org-member-tree{list-style:none;text-align:left;margin:0 0 0 15px;padding:10px 0 0 16px;border-left:2px solid #b8c6df}.org-member-tree li{position:relative;margin:12px 0}.org-member-tree li:before{content:'';position:absolute;left:-16px;top:32px;width:16px;border-top:2px solid #b8c6df}.org-member-tree .org-member{border:1px solid #dbe3f2;padding:10px;box-shadow:0 2px 5px #172b8505}.org-member-tree .person-photo{width:34px;height:34px}.org-member-tree small{line-height:1.5}.org-tree .org-member span{min-width:0;overflow-wrap:anywhere}@media(max-width:600px){dialog:has(.org-panel){width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}.org-panel{padding:18px!important}.org-canvas{padding:22px 12px;max-height:65dvh;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.org-branch{width:190px;padding:0 10px}.org-tree{width:max-content;min-width:100%}.org-company{width:190px}.org-leadership{width:210px}.org-panel .page-head{margin-bottom:12px}.org-panel .field{position:sticky;top:0;background:#fff;z-index:1;padding:8px 0}.org-panel input[type=search]{font-size:16px}.org-member-tree .org-member{min-height:56px}.org-pan-hint{display:block}} .contract-summary{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;padding:16px;background:#f6f8fc;border-radius:10px}#contract-draft-form .field{margin-top:16px}#contract-draft-form textarea{width:100%;box-sizing:border-box} .org-zoom-controls{display:flex;align-items:center;gap:8px;margin:8px 0 12px}.org-zoom-controls output{min-width:48px;text-align:center;font-size:13px;font-variant-numeric:tabular-nums}.org-zoom-controls .btn{min-width:40px;min-height:40px}.org-canvas{touch-action:none;padding:0;max-height:65dvh;overscroll-behavior:contain}.org-canvas #org-departments{position:relative;margin:0 auto;min-width:0}.org-canvas .org-tree{position:absolute;top:0;left:0;min-width:0;padding:24px;box-sizing:border-box;transform-origin:0 0;user-select:none;-webkit-user-select:none}.org-canvas .person-photo{-webkit-user-drag:none} /* One scroll surface: fixed controls, flexible tree viewport. */ dialog:has(.org-panel){height:94dvh;max-height:94dvh;overflow:hidden;box-sizing:border-box;padding:0} .org-panel{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:20px!important;box-sizing:border-box} .org-panel>.page-head{flex:none;margin:0 0 12px}.org-panel>.field{flex:none;position:static;margin:0;padding:0}.org-panel>.org-pan-hint{flex:none;margin:6px 0 0}.org-panel>.org-zoom-controls{flex:none;flex-wrap:wrap;margin:8px 0 12px} .org-panel>.org-canvas{flex:1;min-height:0;max-height:none;cursor:grab}.org-canvas.dragging{cursor:grabbing}.org-panel>.modal-foot{flex:none;margin:10px 0 0;padding:0;border:0}.org-panel>#org-status:empty{display:none} @media(max-width:600px){dialog:has(.org-panel){height:100dvh;max-height:100dvh}.org-panel{padding:12px!important}.org-panel>.page-head{margin-bottom:8px}.org-zoom-controls{gap:6px}.org-zoom-controls .btn{padding:8px 10px}} .org-panel.modal-body{max-height:none} /* Keep approval controls and results in one readable desktop workspace. */ .content:has(>.approvals-workspace){max-width:1200px} .approvals-workspace{background:#fff;border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:0 4px 18px #172b8505} .approvals-workspace>.page-head{margin-bottom:24px;gap:20px;align-items:center}.approvals-workspace .eyebrow{display:none}.approvals-workspace .page-mascot{width:56px;height:56px}.approvals-workspace .subtitle{margin-top:8px}.approvals-workspace .head-actions{flex-shrink:0} .approval-results{border-top:1px solid var(--border);padding-top:20px}.approval-results-heading{display:flex;align-items:center;gap:8px;margin-bottom:16px}.approval-results-heading h2{font-size:15px;margin:0}.approval-results-heading>span{font-size:12px;color:var(--muted);background:#f1f4fa;padding:3px 8px;border-radius:12px} .approval-results .cards>.empty{grid-column:1/-1;background:#f8faff;border-radius:12px;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px}.content>.footer{justify-content:flex-end} @media(max-width:600px){.approvals-workspace{padding:18px;border-radius:12px}.approvals-workspace>.page-head{align-items:flex-start;gap:14px}.approval-results .cards>.empty{min-height:180px}} .manager-home{max-width:1200px;margin:auto}.manager-home .eyebrow{display:none}.manager-home>.page-head{margin-bottom:24px}.workspace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.workspace-card{display:flex;flex-direction:column;align-items:flex-start;padding:28px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 18px #172b8505}.workspace-symbol{display:grid;place-items:center;width:48px;height:48px;background:#eef2ff;color:var(--brand);border-radius:12px;margin-bottom:20px}.workspace-symbol svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7}.workspace-card h2{font-size:21px;margin:0 0 12px}.workspace-card p{font-size:13px;line-height:1.7;color:var(--muted);margin:0;min-height:44px}.workspace-card ul{padding-left:18px;margin:20px 0 28px;font-size:13px;line-height:2.2;flex:1}.workspace-card>.btn{width:100%;justify-content:space-between;margin-top:10px;min-height:44px}.workspace-card>.tiny{margin-top:-14px;margin-bottom:4px}@media(max-width:1000px){.workspace-grid{grid-template-columns:1fr}.workspace-card{padding:22px}.workspace-card p{min-height:0}.workspace-card ul{margin:12px 0}.workspace-card>.tiny{margin-top:0}} /* Employee entry separates personal work, approvals, and protected HR/ERP administration. */ .employee-workspace{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100dvh}.employee-sidebar{background:#fff;border-right:1px solid #e0e6f2;padding:28px 20px}.employee-sidebar nav{display:grid;gap:12px;margin-top:36px}.employee-sidebar .btn{justify-content:flex-start;text-align:left;white-space:normal}.employee-workspace .employee-page{width:100%;max-width:1200px;min-width:0;padding:32px}.access-footer{font-size:12px;opacity:.7} @media(max-width:760px){.employee-workspace{grid-template-columns:1fr}.employee-sidebar{padding:16px;border-right:0;border-bottom:1px solid #e0e6f2}.employee-sidebar>img{width:150px}.employee-sidebar nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.employee-workspace .employee-page{padding:20px}.employee-workspace .page-head{flex-wrap:wrap;gap:16px}} .employee-workspace .employee-page>section{background:#fff;border:1px solid #e0e6f2;border-radius:18px;padding:24px;margin:20px 0}.employee-workspace .employee-page>h1{margin:32px 0 20px}.employee-workspace .employee-page h2{margin-bottom:16px}.employee-sidebar a{text-decoration:none}.employee-workspace .request-card{margin-top:16px} .contract-records{padding:20px;background:#f5f7ff;border:1px solid #dce4f5;border-radius:14px;margin:20px 0 28px}.contract-record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0}.contract-record-grid dt{font-size:12px;color:#7483a1;margin-bottom:4px}.contract-record-grid dd{margin:0;font-weight:600;overflow-wrap:anywhere}.contract-auto-note{color:#5274a7;font-size:12px;margin-top:5px}@media(max-width:640px){.contract-record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} .contract-sign-document{background:white;border:1px solid #dce4f5;padding:28px;margin:20px 0}.contract-sign-document p{white-space:pre-wrap;line-height:1.8;margin:18px 0}.contract-sign-document h2{text-align:center}.contract-sign-detail details{overflow-wrap:anywhere}.contract-sign-detail form{margin-top:24px}.contract-envelope-list{margin:24px 0} #modal:has(#contract-draft-form),#modal:has(.contract-sign-detail),#modal:has(.contract-envelope-list){width:min(960px,94vw);max-width:94vw} .notification-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 16px} .notification-tabs .btn{width:auto;min-width:88px;min-height:44px;padding:10px 24px;white-space:nowrap;font-size:14px;line-height:1.4} .notification-settings{display:flex;flex-wrap:wrap;gap:16px;margin:20px 0 10px} .notification-setting{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#fff;border:1px solid var(--border);border-radius:12px} .notification-setting small{color:var(--muted);min-width:28px} .channel-switch{position:relative;width:88px;height:40px;flex:none;border:2px solid #d8dce4;border-radius:24px;background:#c74040;color:white;padding:0;cursor:pointer} .channel-switch span{position:absolute;right:9px;top:9px;font-size:13px;font-weight:700;line-height:18px} .channel-switch i{position:absolute;left:3px;top:3px;width:30px;height:30px;border-radius:50%;background:white;box-shadow:0 1px 4px #0002;transition:transform .15s} .channel-switch.is-on{background:#248a4d}.channel-switch.is-on i{transform:translateX(48px)}.channel-switch.is-on span{left:10px;right:auto} .channel-switch:focus-visible{outline:3px solid #78b7ed;outline-offset:3px}.channel-switch:disabled{cursor:default;opacity:.65} /* Compact notification switches */ .notification-settings{gap:10px;margin:16px 0 8px} .notification-setting{gap:10px;padding:10px 14px;border-radius:10px} .notification-setting strong{font-size:13px} .channel-switch{width:92px;height:32px;border:1px solid #cbd5e5;background:#e0e7f1;color:#424b5b} .channel-switch span{right:8px;top:6px;font-size:11px;line-height:18px;white-space:nowrap} .channel-switch i{left:3px;top:3px;width:24px;height:24px;box-shadow:0 1px 3px #17274b20} .channel-switch.is-on{background:#1d2e87;border-color:#1d2e87;color:#fff} .channel-switch.is-on i{transform:translateX(60px)} .channel-switch.is-on span{left:8px;right:auto} dialog:has(.security-history){width:min(1120px,94vw);max-width:94vw;max-height:90dvh} dialog:has(.security-history) .modal-body{overflow-y:auto;overflow-x:hidden;min-width:0} .security-history{width:100%;min-width:0;margin-top:16px} .security-history table{width:100%;table-layout:fixed;white-space:normal} .security-history th,.security-history td{white-space:normal;overflow-wrap:anywhere;word-break:normal;padding:14px 12px;vertical-align:top;line-height:1.6} .security-history th{position:sticky;top:0;background:#f8faff;z-index:1} @media(max-width:640px){ dialog:has(.security-history){width:96vw;max-width:96vw} .security-history table,.security-history tbody,.security-history tr,.security-history td{display:block;width:100%} .security-history thead,.security-history colgroup{display:none} .security-history tr{padding:12px 0;border-bottom:1px solid var(--border)} .security-history td{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px;padding:5px 0;border:0;box-sizing:border-box} .security-history td:before{content:attr(data-label);font-weight:600;color:var(--muted)} .security-history td small{grid-column:2}.security-history td br{display:none} } .cc-select{margin:16px 0}.cc-selected{display:flex;flex-wrap:wrap;gap:8px;min-height:54px;padding:12px;border:1px solid #dce3ef;border-radius:12px;background:#f8faff}.cc-selected .cc-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;background:#e8edff;color:#1d2e87;white-space:nowrap}.cc-selected [hidden]{display:none!important}.cc-chip button{border:0;background:transparent;color:inherit;cursor:pointer;font-size:20px;min-width:28px;min-height:28px}.cc-select select{width:100%;min-height:44px} #modal:has(.certificate-body){width:min(920px,94vw)}.certificate-body{max-height:78dvh;overflow-y:auto}.certificate-list{display:grid;gap:14px;margin-top:14px}.certificate-heading,.certificate-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.certificate-note{white-space:pre-wrap;overflow-wrap:anywhere}.certificate-actions{margin:12px 0}.certificate-body form{margin:12px 0}.certificate-body .request-card{overflow-wrap:anywhere} /* Department heads own a shared connector; peer cards never connect to one another vertically. */ /* Shared branch spine: vertically placed peers do not report to each other. */ .org-branch.org-structured{width:280px;padding:0 18px}.org-structured h3{margin:0;min-height:54px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px}.org-dept-head{width:100%;padding-top:18px;position:relative}.org-dept-head:before{content:'';position:absolute;top:0;left:50%;height:18px;border-left:2px solid #aebfdd}.org-dept-head .org-member{border:2px solid #aabce3;background:#f0f4ff;min-height:112px;padding:14px}.org-peer-group{position:relative;margin:0 0 0 22px;padding:20px 0 0 22px}.org-peer-group:before{content:'';position:absolute;top:0;bottom:0;left:0;border-left:2px solid #b8c6df}.org-peer-label{font-size:11px;color:#647596;margin:0 0 12px;text-align:left}.org-peer-list{list-style:none;padding:0;margin:0;display:grid;gap:16px}.org-peer-node{position:relative;min-width:0}.org-peer-node:before{content:'';position:absolute;top:44px;left:-22px;width:22px;border-top:2px solid #b8c6df}.org-peer-node:last-child:after{content:'';position:absolute;top:46px;bottom:0;left:-22px;width:2px;background:#f7f9fd}.org-peer-node .org-member{position:relative;border:1px solid #cbd7ea;min-height:90px;padding:12px;font-size:14px}.org-structured .org-member small{line-height:1.5;font-size:12px;word-break:keep-all;overflow-wrap:anywhere}.org-structured .person-photo{width:44px;height:44px;flex-shrink:0}.org-leadership{width:280px}.org-leadership .org-member{min-height:96px;padding:16px}.org-tree .org-member strong{font-size:15px}.org-structured .org-member:focus-visible{outline:3px solid #4964ad;outline-offset:2px} .org-panel>[hidden]{display:none!important}.org-search-results{flex:1;min-height:0;overflow:auto;margin-top:16px;border:1px solid #dce3ef;border-radius:14px;background:#fff;padding:12px}.org-result-heading,.org-result-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(180px,2fr) minmax(120px,1fr);gap:16px;align-items:center;text-align:left;padding:16px;width:100%;box-sizing:border-box}.org-result-heading{color:#647596;font-size:13px;background:#f5f7fc;position:sticky;top:0}.org-result-row{border:0;border-bottom:1px solid #e4e9f2;background:white;color:#192a4b;font:inherit;cursor:pointer;overflow-wrap:anywhere}.org-result-row:hover,.org-result-row:focus-visible{background:#edf2ff;outline:2px solid #4964ad;outline-offset:-2px}@media(max-width:600px){.org-result-heading,.org-result-row{grid-template-columns:76px minmax(0,1.5fr) minmax(0,1fr);gap:10px;padding:14px 8px;font-size:13px}.org-search-results{padding:8px}.org-result-heading{font-size:12px}} .notification-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:22px 0 16px}.notification-toolbar .notification-tabs,.notification-toolbar .notification-settings{margin:0;gap:8px}.notification-toolbar .notification-setting{padding:0;border:0;background:transparent;gap:6px}.notification-toolbar .notification-tabs .btn,.notification-toolbar .channel-switch{width:144px;min-width:144px;height:44px;min-height:44px;box-sizing:border-box}.notification-toolbar .channel-switch{border-radius:10px}.notification-toolbar .channel-switch span,.notification-toolbar .channel-switch.is-on span{left:10px;right:auto;top:13px;font-size:12px;line-height:16px}.notification-toolbar .channel-switch i,.notification-toolbar .channel-switch.is-on i{width:28px;height:28px;left:auto;right:7px;top:6px;transform:none}.notification-toolbar .notification-settings{margin-left:auto}@media(max-width:700px){.notification-toolbar{gap:12px}.notification-toolbar .notification-tabs{width:100%}.notification-toolbar .notification-tabs .btn{flex:1;min-width:0;width:auto}.notification-toolbar .notification-settings{width:100%;justify-content:flex-end}.notification-toolbar .notification-setting{flex:1;min-width:0}.notification-toolbar .channel-switch{width:100%;min-width:0}} .notification-toolbar .channel-switch:not(.is-on) i{left:7px;right:auto}.notification-toolbar .channel-switch:not(.is-on) span{left:auto;right:10px} .contract-preview-dialog{width:min(980px,96vw);height:94dvh;max-height:94dvh;box-sizing:border-box;padding:18px}.contract-preview-dialog[open]{display:flex;flex-direction:column}.contract-preview-dialog iframe{width:100%;flex:1;min-height:0;border:1px solid #dce3ef;background:#fff}.contract-preview-dialog .modal-head{flex:none;padding:0 0 12px}.contract-preview-dialog h2{font-size:20px} #certificate-form [hidden]{display:none!important} /* Employee landing dashboard and administrator bulletin. */ .dashboard-welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:24px 0}.dashboard-welcome h1{font-size:28px;margin:8px 0 12px}.dashboard-welcome p{color:#73809b}.dashboard-welcome .eyebrow{color:#1272b9;font-weight:700;letter-spacing:.15em;font-size:12px}.dashboard-section{background:white;border:1px solid #e0e6f2;border-radius:18px;padding:24px;margin-bottom:24px;min-width:0}.dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.employee-page .dashboard-heading h2{font-size:20px;margin:0}.employee-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.employee-stat{font:inherit;text-align:left;display:flex;flex-direction:column;gap:14px;border:1px solid #e0e6f2;border-radius:14px;background:#f5f7ff;padding:20px;cursor:pointer;color:#192a4b;min-width:0}.employee-stat strong{font-size:24px;color:#1d2e87;overflow-wrap:anywhere}.employee-stat small{color:#73809b;font-size:12px}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px}.dashboard-upcoming{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;font-size:13px}.dashboard-upcoming>span{padding:8px;background:#f5f7ff;border-radius:8px}.dashboard-upcoming p{margin:0}.certificate-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;border-bottom:1px solid #e0e6f2;padding-bottom:20px;margin-bottom:12px}.certificate-summary div{display:flex;flex-direction:column;gap:6px}.certificate-summary strong{font-size:28px;color:#1d2e87}.certificate-summary span{font-size:13px;color:#73809b}.dashboard-list-row,.bulletin-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:0;border-bottom:1px solid #e0e6f2;background:white;padding:16px 0;text-align:left;color:#192a4b;font:inherit;cursor:pointer;overflow-wrap:anywhere}.dashboard-list-row>span:first-child{min-width:0}.dashboard-list-row small{display:block;color:#73809b;font-size:12px;margin-top:8px}.dashboard-list-row:hover,.bulletin-row:hover{background:#f5f7ff}.dashboard-list-row:focus-visible,.bulletin-row:focus-visible,.employee-stat:focus-visible{outline:2px solid #4964ad;outline-offset:2px}.bulletin-list{margin-top:16px}.bulletin-row small{flex-shrink:0;color:#73809b;font-size:12px}.bulletin-content{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;padding:20px 0}.bulletin-editor{min-height:260px;line-height:1.7}.bulletin-body h3{overflow-wrap:anywhere}.bulletin-body .setup-check{margin:16px 0}.dashboard-columns .empty{padding:24px 0} @media(max-width:900px){.dashboard-columns{grid-template-columns:1fr;gap:0}}@media(max-width:520px){.dashboard-welcome{align-items:flex-start;flex-direction:column}.dashboard-welcome h1{font-size:24px}.dashboard-section{padding:18px}.employee-stats{grid-template-columns:1fr 1fr;gap:10px}.employee-stat{padding:14px;gap:10px}.employee-stat strong{font-size:20px}.employee-stat>span{font-size:13px}.dashboard-heading{flex-wrap:wrap}.bulletin-row{align-items:flex-start;flex-direction:column}.employee-workspace .employee-page{padding:16px}.bulletin-editor{min-height:220px}} @font-face{font-family:ContractSignature;src:url('/fonts/NanumPenScript-Regular.ttf') format('truetype');font-display:swap}.signature-pad{display:block;width:100%;max-width:600px;height:auto;aspect-ratio:10/3;border:1px solid #c7d3ee;border-radius:12px;background:#fff;touch-action:none;margin:12px 0;cursor:crosshair}.signature-typed{font-family:ContractSignature,cursive;font-size:56px;line-height:1.4;color:#192a4b;display:block;overflow-wrap:anywhere}.signature-preview{min-height:120px;border:1px solid #c7d3ee;border-radius:12px;padding:16px;margin:16px 0}.signature-records{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.signature-records>div{border:1px solid #c7d3ee;border-radius:12px;padding:16px;min-width:0}.signature-drawing{display:block;width:100%;max-width:600px;height:auto}.contract-sign-detail [hidden]{display:none!important}.contract-sign-detail .field{margin-top:16px}@media(max-width:600px){.signature-records{grid-template-columns:1fr}.signature-typed{font-size:44px}} .org-profile-popup{width:min(600px,calc(100vw - 32px));max-height:90dvh;overflow:auto}.org-profile-popup .modal-body{max-height:none;overflow:visible}.org-profile-popup .person-details{overflow-wrap:anywhere}.profile-dismiss-hint{margin-top:18px;color:var(--muted)}@media(max-width:600px){.org-profile-popup .modal-body{padding:20px}.org-profile-popup .person-heading{gap:16px}.org-profile-popup .person-heading .person-photo{width:80px;height:80px;flex-shrink:0}} .contract-sign-document{position:relative;isolation:isolate}.contract-sign-document::before{content:'';position:absolute;inset:0;background:url('/assets/document-watermark.png') center/ min(38%,300px) auto no-repeat;opacity:.08;z-index:-1;pointer-events:none} .payroll-editor{grid-column:1/-1;min-width:0;border:1px solid var(--border);border-radius:10px;padding:16px}.payroll-editor legend{font-weight:600}.payroll-input-row{display:grid;grid-template-columns:1fr 1fr 2fr auto;align-items:end;gap:10px;margin:12px 0}.payroll-input-row label{min-width:0;font-size:13px}.payroll-input-row input{margin-top:6px;width:100%;box-sizing:border-box}@media(max-width:600px){.payroll-input-row{grid-template-columns:1fr 1fr;border-bottom:1px solid var(--border);padding-bottom:14px}.payroll-input-row label:nth-child(3){grid-column:1/-1}.payroll-input-row button{justify-self:end;grid-column:2}} .staff-table-settings{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:14px}.staff-table-settings .btn{white-space:nowrap}@media(max-width:600px){.panel-header:has(.staff-table-settings){flex-wrap:wrap;gap:12px}.staff-table-settings{justify-content:flex-start;gap:10px}} .signature-request-actions{margin-top:24px;margin-bottom:20px}.contract-envelope-list:empty{display:none} /* Employee navigation pages reuse content without dialog positioning or close controls. */ .employee-route-page{background:#fff;border:1px solid #e0e6f2;border-radius:18px;min-width:0;margin:24px 0;overflow:hidden} .employee-route-page>.modal-body,.employee-route-page>.modal-head{padding:24px;max-height:none;overflow:visible} .employee-route-page [data-cert-close],.employee-route-page [data-profile-close],.employee-route-page [data-close]{display:none} .employee-route-page .profiles-panel,.employee-route-page .org-panel{width:100%;max-width:none;min-width:0;box-sizing:border-box} .employee-route-page .org-canvas{max-width:100%;height:65vh;min-height:360px} .employee-sidebar a.btn{text-decoration:none;display:block;text-align:left} @media(max-width:640px){.employee-route-page>.modal-body,.employee-route-page>.modal-head{padding:16px}.employee-route-page .modal-foot{flex-wrap:wrap}.employee-route-page .org-canvas{min-height:300px}} .employee-menu-toggle,.employee-menu-backdrop{display:none} .employee-brand{max-width:300px} @media(max-width:760px){ .employee-sidebar{position:relative;display:flex;align-items:center;justify-content:flex-start;padding:14px 20px;min-height:78px} .employee-sidebar .employee-brand{width:250px;max-width:calc(100vw - 40px);margin:0} .employee-menu-toggle{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));z-index:1002;display:grid;place-items:center;box-sizing:border-box;width:56px;height:56px;min-width:56px;min-height:56px;margin:0;padding:0;border:1px solid #dbe2f1;border-radius:50%;background:#fff;color:var(--brand);box-shadow:0 6px 24px #172b8533;cursor:pointer;appearance:none} .employee-menu-toggle svg{display:block;width:24px;height:24px;margin:0;flex:none} .employee-menu-toggle:focus-visible{outline:3px solid #78b9ed;outline-offset:3px} .employee-menu-toggle[aria-expanded="true"]{background:var(--brand);color:white} .employee-sidebar nav{display:none;position:fixed;z-index:1001;right:max(16px,env(safe-area-inset-right));bottom:calc(88px + env(safe-area-inset-bottom));width:min(320px,calc(100vw - 32px));max-height:calc(100dvh - 116px - env(safe-area-inset-bottom));margin:0;padding:16px;gap:8px;background:#fff;border:1px solid #dbe2f1;border-radius:20px;box-shadow:0 12px 40px #172b8533;overflow-y:auto;overscroll-behavior:contain} .employee-sidebar.menu-open nav{display:grid;grid-template-columns:1fr} .employee-sidebar nav .btn{width:100%;min-height:44px} .employee-sidebar.menu-open .employee-menu-backdrop{display:block;position:fixed;inset:0;z-index:1000;border:0;border-radius:0;background:#14234555;width:100%;height:100%;margin:0;padding:0} body.employee-menu-visible{overflow:hidden} .employee-workspace .employee-page{padding-bottom:100px} } .brand-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:160px;padding:32px;text-align:center;color:var(--muted)}.brand-loading img{display:block;width:80px;max-width:70vw;height:auto;animation:brand-loading-pulse 1.8s ease-in-out infinite}#app>.brand-loading{min-height:100dvh}@keyframes brand-loading-pulse{0%,100%{opacity:.25}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.brand-loading img{animation:none;opacity:1}} .brand-seasonal{gap:4px;padding:0;display:flex;align-items:center;width:100%}.brand-seasonal-symbol{width:48px;height:48px;object-fit:contain;flex-shrink:0}/* Crop the original 384px symbol area from the 1800px-wide asset. Keep width and offset paired at every breakpoint. */ .brand-lettering{display:block;overflow:hidden;flex:1;min-width:0;position:relative;aspect-ratio:1416 / 450}.brand-lettering img{position:absolute;width:127.118644%;max-width:none;height:auto;left:-27.118644%;top:50%;transform:translateY(-50%)} .loading-hexagon{display:block;position:relative;width:80px;height:80px;isolation:isolate} .brand-loading .loading-hexagon img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;animation:none} .brand-loading .loading-core{clip-path:polygon(39% 38%,60% 38%,60% 62%,39% 62%)} .brand-loading .loading-hexagon .loading-face{animation:hexagon-face-pulse 1.2s ease-in-out infinite;animation-delay:var(--phase)} .loading-face-0{clip-path:polygon(50% 0%,100% 0%,100% 21.13%,50% 50%)} .loading-face-1{clip-path:polygon(50% 50%,100% 21.13%,100% 78.87%)} .loading-face-2{clip-path:polygon(50% 50%,100% 78.87%,100% 100%,50% 100%)} .loading-face-3{clip-path:polygon(50% 50%,50% 100%,0% 100%,0% 78.87%)} .loading-face-4{clip-path:polygon(50% 50%,0% 78.87%,0% 21.13%)} .loading-face-5{clip-path:polygon(50% 50%,0% 21.13%,0% 0%,50% 0%)} .loading-face{mask-image:radial-gradient(circle at 50% 50%,transparent 0 16%,black 17%);-webkit-mask-image:radial-gradient(circle at 50% 50%,transparent 0 16%,black 17%)} @keyframes hexagon-face-pulse{0%,100%{opacity:.12}35%{opacity:1}65%{opacity:.35}} @media(prefers-reduced-motion:reduce){.brand-loading .loading-hexagon .loading-face{animation:none;opacity:1}} .staff-table-settings #staff-sort{width:auto;min-width:100px;margin:0} .request-filters{display:flex;gap:16px;flex-wrap:wrap;margin:24px 0 16px}.request-filters label{display:grid;gap:8px;font-size:14px;font-weight:600}.request-filters label:first-child{flex:1;min-width:220px}.request-filters input,.request-filters select{min-height:44px;font-size:15px}.request-list{display:grid;gap:12px;margin-top:16px}.request-list-item{border:1px solid var(--border);border-radius:12px;background:white}.request-list-item[hidden]{display:none}.request-list-item summary{display:grid;grid-template-columns:minmax(150px,1fr) minmax(210px,1.4fr) minmax(100px,.7fr) 24px;gap:20px;align-items:center;padding:20px 24px;cursor:pointer;list-style:none}.request-list-item summary::-webkit-details-marker{display:none}.request-list-item summary strong{display:block;font-size:16px;color:#192a4b}.request-list-item summary small{display:block;font-size:14px;color:#526581;margin-top:6px}.request-list-item summary .tag{font-size:13px;white-space:normal}.request-list-item[open] summary{border-bottom:1px solid var(--border);background:#f6f8fe;border-radius:12px 12px 0 0}.request-list-item[open] .request-expand{transform:rotate(180deg)}.request-expanded{padding:0 20px 20px}.request-expanded .request-card{border:0;box-shadow:none;margin:0}.request-list-item summary:focus-visible{outline:3px solid #78b9ed;outline-offset:2px}@media(max-width:680px){.request-list-item summary{grid-template-columns:1fr auto;gap:12px;padding:16px}.request-period{grid-column:1;grid-row:2}.request-expand{display:none}.request-filters label{width:100%}.request-expanded{padding:0 8px 12px}} .nav a.nav-button{text-decoration:none}.main #admin-route-page{background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden} .employee-sidebar .employee-menu-logout{order:1000;margin-top:12px;padding-top:16px;border-color:transparent;border-top:1px solid #e0e6f2;border-radius:0;color:#6d7d99;font-size:14px;box-shadow:none;background:transparent} /* Department columns are connectors, not full-height cards. */ .org-canvas .org-branches > section.org-branch{background:transparent;border:0;border-radius:0;box-shadow:none} @media(max-width:600px){.org-canvas .org-branches > section.org-branch:last-child{background:#f7f9fd}} /* Keep the scaled tree inside its own two-axis scroll viewport. */ .org-canvas{overscroll-behavior:none;overflow:auto;isolation:isolate}.org-canvas #org-departments{overflow:hidden;flex:none}.org-canvas .org-tree,.org-canvas .org-member{touch-action:none} /* A routed page has no fixed flex parent height: never let the viewport grow with the zoomed tree. */ .employee-route-page .org-panel>.org-canvas{flex:0 0 auto;height:65dvh;min-height:0;max-height:65dvh} dialog.leave-application{width:min(620px,calc(100vw - 24px));border-radius:12px;color:#1d1c1d;border:1px solid #d4d4d4;max-height:92dvh}.leave-application .modal-body{padding:28px 28px 0;max-height:86dvh;overflow:auto}.leave-application h2{font-size:24px;line-height:1.35;margin:0 0 20px;font-weight:750;color:#1d1c1d}.leave-application p{font-size:14px;line-height:1.6;color:#5e5d60}.leave-application form{margin-top:24px}.leave-application .field-grid{display:block}.leave-application .field{display:block;position:relative;margin:0 0 24px;font-size:16px;font-weight:700;color:#1d1c1d}.leave-application .field[hidden]{display:none!important}.leave-application .field>label{font-size:16px;font-weight:700;color:#1d1c1d;margin-bottom:8px}.leave-application .input,.leave-application .select,.leave-date-trigger{display:block;box-sizing:border-box;width:100%;min-height:46px;margin-top:8px;padding:10px 12px;border:1px solid #868686;border-radius:5px;background:white;color:#1d1c1d;font-family:inherit;font-size:16px;font-weight:400;line-height:1.45;box-shadow:none}.leave-application .input:focus,.leave-application .select:focus,.leave-date-trigger:focus-visible{outline:3px solid #91c9e8;outline-offset:2px;border-color:#1264a3}.leave-application .setup-check{font-size:14px;font-weight:400;margin:20px 0}.leave-application .modal-foot{position:sticky;bottom:0;background:white;margin:20px -28px 0;padding:18px 28px;z-index:5;border-top:1px solid #ddd}.leave-application .btn{border-radius:5px;min-height:40px;font-weight:700}.leave-application .btn.primary{background:#007a5a;border-color:#007a5a;box-shadow:none}.leave-application .btn.primary:hover{background:#006c50}.leave-application .leave-date-value{display:none}.leave-date-trigger{text-align:left;cursor:pointer;font-weight:400}.leave-date-trigger:disabled{color:#666;background:#f6f6f6;cursor:default}.leave-calendar{margin-top:10px;border:1px solid #ddd;border-radius:8px;background:#fff;padding:14px;box-shadow:0 6px 24px #00000015;font-weight:400}.leave-calendar[hidden]{display:none}.leave-calendar-head{display:flex;align-items:center;gap:6px;margin-bottom:16px}.leave-calendar-head strong{flex:1;text-align:center;font-size:17px}.leave-calendar button{font:inherit;color:#1d1c1d;background:white;border:0;cursor:pointer;border-radius:4px;min-height:38px;min-width:34px}.leave-calendar button:hover{background:#edf5fa}.leave-calendar button:focus-visible{outline:2px solid #1264a3;outline-offset:-2px}.leave-calendar-week,.leave-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center}.leave-calendar-week{font-weight:700;font-size:14px;padding-bottom:10px}.leave-calendar-grid button{border:1px solid #e3e3e3;border-radius:0;min-height:42px}.leave-calendar-grid [aria-pressed=true]{background:#1264a3;color:white}.leave-calendar-grid .is-today{font-weight:800;text-decoration:underline;text-underline-offset:5px}.leave-calendar button:disabled{color:#bbb;background:#fafafa;cursor:default}.leave-calendar-bottom{display:flex;justify-content:space-between;margin-top:10px}@media(max-width:600px){dialog.leave-application{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;margin:0;border-radius:0}.leave-application .modal-body{max-height:100dvh;box-sizing:border-box;padding:22px 20px 0}.leave-application .modal-foot{margin-left:-20px;margin-right:-20px;padding:16px 20px calc(16px + env(safe-area-inset-bottom))}.leave-application .field{margin-bottom:22px}} .hr-menu-icon{flex:none;display:inline-block;vertical-align:middle;overflow:visible}.sidebar .nav-button .hr-menu-icon{width:32px;height:32px;stroke:none;fill:none;flex-shrink:0}.employee-sidebar nav>.btn:has(.hr-menu-icon){display:flex;align-items:center;gap:12px;text-align:left}.employee-sidebar .hr-menu-icon{width:32px;height:32px}@media(max-width:600px){.sidebar .nav-button .hr-menu-icon,.employee-sidebar .hr-menu-icon{width:28px;height:28px}} .leave-application button[type=submit]:disabled{background:#ddd;border-color:#ddd;color:#777;cursor:not-allowed;box-shadow:none} /* Administrator and developer mobile workspace */ .admin-menu-toggle,.admin-mobile-menu{display:none} @media(max-width:760px){ .admin-responsive .demo-bar{display:none} .admin-responsive .shell{display:block;min-height:100dvh} .admin-responsive .sidebar{display:block;padding:14px 18px;border:0;border-bottom:1px solid var(--border);background:#fff;min-height:0} .admin-responsive .sidebar>div{display:none} .admin-responsive .sidebar .brand{width:230px;max-width:100%;padding:0;margin:0;gap:8px} .admin-responsive .sidebar .brand-seasonal-symbol{width:40px;height:44px;object-fit:contain;flex:none} .admin-responsive .sidebar .brand-lettering{min-width:0;flex:1} .admin-responsive .sidebar .brand-lettering img{height:auto} .admin-responsive .topbar{height:auto;min-height:58px;padding:12px 18px;flex-wrap:wrap;gap:8px} .admin-responsive .breadcrumb{display:block;font-size:12px} .admin-responsive .profile{font-size:12px}.admin-responsive .profile small{font-size:11px} .admin-responsive .content{width:100%;max-width:100%;padding:22px 16px calc(100px + env(safe-area-inset-bottom));box-sizing:border-box} .admin-responsive .page-head{align-items:flex-start;flex-wrap:wrap;gap:14px;margin-bottom:20px} .admin-responsive h1{font-size:25px}.admin-responsive h2{font-size:18px} .admin-responsive .subtitle{font-size:14px;line-height:1.6} .admin-responsive .head-actions{flex-wrap:wrap;max-width:100%} .admin-responsive .panel-header{padding:18px 16px;flex-wrap:wrap} .admin-responsive .panel-header>div{flex-wrap:wrap;max-width:100%} .admin-responsive .panel-body{padding:16px} .admin-responsive .btn{min-height:44px;font-size:14px;white-space:normal} .admin-responsive .input,.admin-responsive .select{font-size:16px;min-height:44px;max-width:100%} .admin-responsive .staff-table-settings{width:100%;justify-content:flex-start} .admin-responsive .staff-table-settings .tiny{flex-basis:100%;font-size:12px} .admin-responsive .table-wrap:has(.mobile-records){overflow:visible} .admin-responsive table.mobile-records{display:block;width:100%;min-width:0;table-layout:auto} .admin-responsive .mobile-records thead{display:none} .admin-responsive .mobile-records tbody{display:block;padding:0 16px} .admin-responsive .mobile-records tr.mobile-record{display:grid;grid-template-columns:minmax(0,1fr);padding:18px 0;border-bottom:1px solid var(--border);gap:12px;background:transparent} .admin-responsive .mobile-records tr[hidden]{display:none} .admin-responsive .mobile-records td{display:block;min-width:0;width:auto;max-width:100%;padding:0;border:0;white-space:normal;text-align:left;overflow-wrap:anywhere;font-size:14px;background:transparent} .admin-responsive .mobile-records td::before{content:attr(data-label);display:block;color:#657590;font-size:12px;margin-bottom:5px;font-weight:500} .admin-responsive .mobile-records td:first-child strong{font-size:18px} .admin-responsive .mobile-records .setup-sub{font-size:12px;line-height:1.5;margin-top:4px} .admin-responsive .mobile-records td.record-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px} .admin-responsive .mobile-records td.record-actions::before{display:none} .admin-responsive .record-actions .btn{flex:1 1 calc(50% - 8px);margin:0} .admin-responsive .tag{font-size:12px} .admin-menu-toggle{display:flex;align-items:center;justify-content:center;gap:8px;position:fixed;right:18px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:1000;min-height:52px;padding:0 20px;border-radius:28px;background:var(--brand);color:#fff;box-shadow:0 5px 20px #182a8540;font-size:15px;font-weight:700;border:0} dialog.admin-mobile-menu[open]{display:block;position:fixed;inset:auto 12px calc(16px + env(safe-area-inset-bottom)) auto;margin:0;width:min(360px,calc(100vw - 24px));max-width:none;max-height:85dvh;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;padding:18px;border:1px solid var(--border);border-radius:20px;background:#fff;color:var(--ink)} .admin-mobile-menu::backdrop{background:#14234566} .admin-menu-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:18px} .admin-mobile-menu .nav{display:flex;flex-direction:column;overflow:visible;gap:4px} .admin-mobile-menu .nav-button{min-height:48px;white-space:normal;width:100%;font-size:14px} .admin-mobile-menu .hr-menu-icon{width:26px;height:26px} .admin-mobile-account{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid var(--border);margin-top:16px;padding-top:16px} .admin-mobile-account .text-button{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px;border-radius:8px;background:#f3f5fb;text-align:center;font-size:13px} } .layout-block-group{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.layout-block-group>[hidden]{display:none!important}.layout-block-group>.page-head,.layout-block-group>.footer,.layout-block-group>.layout-edit-launch{grid-column:1/-1}.layout-edit-launch{margin-bottom:18px;justify-self:start}.layout-editor{width:min(1100px,95vw);max-height:90dvh;overflow:auto;padding:24px;border:1px solid #d9e1ee;border-radius:18px;color:#192a4b}.layout-editor::backdrop{background:#14234577}.layout-editor-head{display:flex;justify-content:space-between;gap:16px}.layout-editor p{margin:12px 0;font-size:14px}.layout-editor-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.layout-edit-row{border:1px solid #d9e1ee;padding:14px;margin-top:12px;border-radius:12px;background:#f7f9fd}.layout-edit-row>label{display:grid;gap:6px}.layout-edit-row input:not([type=checkbox]){width:100%;box-sizing:border-box;min-height:42px;padding:8px;border:1px solid #bbc9e1;border-radius:6px;font:inherit}.layout-edit-row>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}.layout-editor-foot{display:flex;gap:10px;flex-wrap:wrap;position:sticky;bottom:-24px;background:white;padding:16px 0}.layout-preview-bar{position:sticky;top:0;background:#fff1cc;z-index:1200;padding:12px;display:flex;justify-content:space-between;gap:12px}.layout-editor .btn{min-height:44px}.layout-status{color:#1b6453}.nav>[hidden],#employee-navigation>[hidden]{display:none!important}@media(max-width:760px){.layout-block-group,.layout-editor-columns{grid-template-columns:1fr}.layout-editor{padding:16px;width:96vw}.layout-editor-foot{bottom:-16px}.layout-editor-foot .btn{flex:1 1 45%}} .layout-block-group>.page-head{order:-10}.layout-block-group>.layout-edit-launch{order:-20}.layout-block-group>.footer{order:10000} .staff-search-bar{padding:18px 20px;border-bottom:1px solid var(--border)}.staff-search-bar>label{display:block;font-weight:600;font-size:14px;margin-bottom:8px}.staff-search-bar>div{display:flex;align-items:center;gap:8px}.staff-search-bar .input{flex:1;min-width:0;margin:0;max-width:480px}.staff-search-bar p{font-size:13px;color:var(--muted);margin-top:10px}.staff-more{display:flex;justify-content:center;padding:16px}.staff-more:has(button[hidden]){display:none}.staff-search-empty{padding:24px 16px;text-align:center;color:var(--muted)}.staff-directory [hidden]{display:none!important} .layout-drag-handle{display:flex;align-items:center;gap:8px;min-height:44px;min-width:44px;padding:8px 12px;margin-bottom:10px;border:1px solid #c6d3e9;border-radius:8px;background:#edf3ff;color:#25418c;font:inherit;font-size:13px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.layout-drag-handle>span:first-child{font-size:24px;line-height:1}.layout-drag-handle:focus-visible{outline:3px solid #78b9ed;outline-offset:2px}.layout-dragging{opacity:.5;outline:2px dashed #537bc5}.layout-is-dragging,.layout-is-dragging .layout-drag-handle{cursor:grabbing;user-select:none}.layout-edit-row{position:relative}.layout-drop-before::before,.layout-drop-after::after{content:'';position:absolute;left:0;right:0;height:4px;background:#2163d0;border-radius:4px;pointer-events:none}.layout-drop-before::before{top:-9px}.layout-drop-after::after{bottom:-9px}.layout-editor{overscroll-behavior:contain} .staff-pagination{display:flex;align-items:center;justify-content:center;gap:20px;padding:18px;border-top:1px solid var(--border)}.staff-pagination .btn{min-width:72px;min-height:44px}.staff-pagination [role=status]{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;min-width:44px;text-align:center}.staff-pagination .btn:disabled{opacity:.4;cursor:default}.staff-search-bar{scroll-margin-top:16px} .staff-compact-list{padding:0 18px}.staff-compact-item{border-bottom:1px solid var(--border)}.staff-compact-item:last-child{border-bottom:0}.staff-compact-item>summary{display:flex;align-items:center;gap:12px;min-height:70px;padding:12px 0;box-sizing:border-box;cursor:pointer;list-style:none}.staff-compact-item>summary::-webkit-details-marker{display:none}.staff-list-avatar{width:36px;height:36px;display:grid;place-items:center;flex:none;border-radius:50%;background:#edf2fc;color:#4d6898;font-size:12px;font-weight:600}.staff-list-identity{min-width:0;flex:1}.staff-list-identity strong{display:block;font-size:15px;line-height:1.5}.staff-list-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12px;line-height:1.6}.staff-list-chevron{width:24px;text-align:center;flex:none;font-size:22px;color:#627899}.staff-compact-item[open] .staff-list-chevron{transform:rotate(180deg)}.staff-compact-item[open] .staff-list-identity small{white-space:normal;overflow-wrap:anywhere}.staff-compact-item>summary:focus-visible{outline:3px solid #78b9ed;outline-offset:2px;border-radius:8px}.staff-expanded-card{background:#f6f8fd;border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:16px}.staff-expanded-card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}.staff-expanded-card dt{font-size:12px;color:var(--muted);margin-bottom:5px}.staff-expanded-card dd{margin:0;font-size:14px;font-weight:600}.staff-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.staff-card-actions .btn{min-height:40px}@media(max-width:760px){.staff-compact-list{padding:0 14px}.staff-expanded-card dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.staff-card-actions{display:grid;grid-template-columns:1fr 1fr}.staff-card-actions .btn{width:100%;min-height:44px}} .permission-dialog{width:min(720px,calc(100vw - 24px));max-height:90dvh;overflow:auto;padding:24px;border:1px solid var(--border);border-radius:16px;color:var(--ink)}.permission-dialog::backdrop{background:#14234566}.permission-dialog>header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.permission-dialog header p{font-size:12px;color:var(--muted);margin-top:5px}.permission-description{font-size:14px;line-height:1.6;margin:12px 0;color:#536789}.permission-dialog .field{margin:20px 0 12px}.permission-dialog .input{font-size:16px;min-height:44px}.permission-dialog .btn{min-height:44px;white-space:nowrap}.permission-list{display:grid;gap:10px}.permission-person{border:1px solid var(--border);border-radius:10px;padding:14px}.permission-person-summary{display:flex;align-items:center;gap:12px}.permission-person-summary>div{flex:1;min-width:0}.permission-person-summary strong{font-size:15px}.permission-person-summary small{display:block;font-size:12px;color:var(--muted);margin-top:4px;overflow-wrap:anywhere}.permission-confirm{padding-top:14px;margin-top:14px;border-top:1px solid var(--border);font-size:14px;line-height:1.6}.permission-confirm p{margin-bottom:12px}.permission-confirm .btn{margin-right:8px}.permission-history{margin-top:18px;font-size:13px}.permission-history summary{cursor:pointer;padding:12px 0}.permission-history p{padding:10px 0;border-bottom:1px solid var(--border)}.permission-history small{display:block;color:var(--muted);margin-top:4px}.permission-result{margin-top:14px;font-size:14px}.permission-dialog [hidden]{display:none!important}@media(max-width:600px){.permission-dialog{padding:18px}.permission-person-summary{gap:8px}.permission-person-summary .btn{padding:8px;font-size:12px}.permission-person-summary .tag{font-size:10px}.permission-dialog h2{font-size:21px}} /* Shared function and menu search. */ .has-function-search{position:relative;z-index:20}.topbar.has-function-search{flex-wrap:wrap;height:auto;min-height:79px;padding-top:12px;padding-bottom:12px}.topbar.has-function-search .breadcrumb{min-width:0}.topbar.has-function-search .role-controls{margin-left:auto;flex:none}.employee-page>.page-head.has-function-search{display:flex;align-items:center;justify-content:space-between;gap:16px}.function-search{position:relative;flex:0 1 360px;min-width:220px;margin-left:auto;font-size:14px;text-align:left;line-height:1.5;letter-spacing:normal}.function-search form{display:flex;align-items:center;gap:9px;height:44px;padding:0 12px;background:#fff;border:1px solid #cbd5e7;border-radius:11px;color:#65738d}.function-search form:focus-within{border-color:#344ba2;box-shadow:0 0 0 3px #344ba219}.function-search form>svg{flex:none}.function-search input{width:100%;min-width:0;height:100%;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;font:inherit;font-size:14px;color:#192943;padding:0}.function-search input::placeholder{color:#73819b}.function-search-key{flex:none;font-size:10px;color:#8a94aa;white-space:nowrap}.function-search-popup{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:1100;border:1px solid #dbe2f1;border-radius:13px;background:#fff;box-shadow:0 12px 36px #14234526;overflow:hidden}.function-search-caption{font-size:11px;font-weight:600;letter-spacing:.4px;color:#7b87a1;padding:12px 14px 6px}.function-search [role=listbox]{max-height:min(420px,50dvh);overflow-y:auto;overscroll-behavior:contain;padding:4px 6px 8px}.function-search-result{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:9px 10px;border-radius:8px;text-decoration:none;color:#192943;cursor:pointer;box-sizing:border-box}.function-search-result:hover,.function-search-result[aria-selected=true]{background:#eef2fc;color:#1e318e}.function-search-result>div{min-width:0}.function-search-result strong{display:block;font-size:14px;font-weight:600;overflow-wrap:anywhere}.function-search-result small{display:block;font-size:12px;color:#78849a;line-height:1.6;overflow-wrap:anywhere}.function-search-result>span{font-size:10px;color:#8190aa;white-space:nowrap;flex:none}.function-search-empty{padding:14px;font-size:13px;color:#65738d}.function-search-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.function-search [hidden]{display:none!important} @media(max-width:1150px){.topbar.has-function-search .function-search{margin-left:0;flex:1 1 250px}.function-search-key{display:none}} @media(max-width:760px){.admin-responsive .topbar.has-function-search{gap:12px}.employee-page>.page-head.has-function-search{gap:12px;margin-bottom:22px}.has-function-search>.function-search,.topbar.has-function-search>.function-search{flex:1 0 100%;min-width:0;width:100%;margin-left:0;order:3}.employee-page>.page-head.has-function-search>strong{font-size:15px}.function-search input{font-size:16px}.function-search-popup{top:calc(100% + 6px)}.function-search-result{min-height:62px}} /* Employee home: balance, tasks and notices, with compact secondary details. */ .employee-home-compact{display:flex;flex-direction:column;gap:18px;min-width:0}.employee-home-compact .home-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;background:transparent;border:0;padding:0;margin:0;box-shadow:none}.employee-home-compact .home-topline h1{font-size:21px;font-weight:700;letter-spacing:-.5px;margin:0;color:#192a4b}.home-topline time{font-size:13px;color:#7b879c;white-space:nowrap}.employee-home-compact .home-snapshot{margin:0;border:1px solid #dce4f2;border-radius:16px;background:#fff;padding:22px;min-width:0}.home-leave-balance{display:flex;align-items:center;justify-content:space-between;gap:20px}.home-balance-link{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:6px;min-width:0;border:0;padding:0;background:transparent;color:#192a4b;cursor:pointer;font:inherit}.home-balance-link>span{font-size:14px;color:#65738d}.home-balance-link strong{font-size:34px;color:#1e318f;line-height:1.2;letter-spacing:-.8px;overflow-wrap:anywhere}.employee-home-compact .home-apply{min-height:46px;flex:none;padding:12px 20px;font-size:15px;border-radius:10px}.home-muted{font-size:13px;line-height:1.6;color:#7b879c;margin:12px 0 0}.home-attention{display:grid;gap:6px}.home-leave-balance~.home-attention{margin-top:18px;border-top:1px solid #edf0f7;padding-top:12px}.home-task{width:100%;display:flex;align-items:center;gap:10px;padding:10px 0;min-height:44px;border:0;background:transparent;font:inherit;font-size:14px;text-align:left;color:#465a7a;cursor:pointer}.home-task .hr-menu-icon{width:24px;height:24px;flex:none}.home-task>span:nth-child(2){flex:1}.home-task strong{font-size:15px;color:#243888}.home-task-approval{color:#243888;font-weight:600}.home-task-approval strong{padding:3px 8px;border-radius:6px;background:#eef2ff}.home-next-leave{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:0;background:#f5f7fc;border-radius:9px;padding:11px 12px;margin-top:12px;width:100%;font:inherit;font-size:12px;text-align:left;color:#75829c;cursor:pointer}.home-next-leave strong{color:#263b62;font-size:13px}.home-next-leave>span:last-child{margin-left:auto}.home-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.home-shortcut{display:flex;align-items:center;justify-content:center;gap:8px;min-height:60px;padding:12px 8px;border:1px solid #e0e6f2;border-radius:11px;background:#fff;font:inherit;font-size:14px;font-weight:600;color:#465a7a;cursor:pointer}.home-shortcut .hr-menu-icon{width:28px;height:28px;flex:none}.home-bottom-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:18px;align-items:start}.home-notices,.home-certificates{border:1px solid #e0e6f2;border-radius:14px;background:#fff;min-width:0}.employee-home-compact .home-notices{margin:0;padding:18px}.home-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.employee-page .home-section-heading h2{font-size:16px;margin:0}.home-text-link{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;border:0;background:transparent;color:#7b879c;font:inherit;font-size:12px;cursor:pointer;padding:4px 0}.home-notice-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;padding:11px 0;border:0;border-top:1px solid #f0f2f8;background:transparent;font:inherit;font-size:14px;color:#283c5c;text-align:left;cursor:pointer}.home-notice-row>span{display:flex;align-items:baseline;gap:7px;min-width:0}.home-notice-row strong{font-weight:500;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;line-height:1.6}.home-pinned{color:#3e6da5;font-weight:600;font-size:11px;flex:none}.home-notice-row time{font-size:11px;color:#8b96aa;white-space:nowrap;flex:none}.home-certificates>summary{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;list-style:none;padding:16px 18px;min-height:60px;font-size:14px;font-weight:600;color:#465a7a;cursor:pointer}.home-certificates>summary::-webkit-details-marker{display:none}.home-certificates>summary>small{color:#8b96aa;font-size:12px;font-weight:400}.home-disclosure{margin-left:auto;color:#8b96aa}.home-certificates[open] .home-disclosure{transform:rotate(180deg)}.home-certificates-body{padding:0 18px 8px}.home-certificate-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:54px;border:0;border-top:1px solid #edf0f7;background:transparent;font:inherit;font-size:13px;color:#465a7a;text-align:left;cursor:pointer}.home-certificate-row small{display:block;font-size:11px;color:#8b96aa;margin-top:3px}.employee-home-compact button:focus-visible,.home-certificates>summary:focus-visible{outline:3px solid #7899d8;outline-offset:3px;border-radius:6px}.home-shortcut:hover,.home-task:hover,.home-notice-row:hover,.home-certificate-row:hover{background:#f5f7fc}.home-apply:disabled{opacity:.45;cursor:default} @media(max-width:900px){.home-bottom-grid{grid-template-columns:minmax(0,1fr);gap:14px}}@media(max-width:520px){.employee-home-compact{gap:14px}.employee-home-compact .home-topline h1{font-size:19px}.home-topline time{font-size:12px}.employee-home-compact .home-snapshot{padding:18px}.home-balance-link strong{font-size:32px}.home-leave-balance{gap:12px}.home-shortcuts{gap:8px}.home-shortcut{flex-direction:column;gap:4px;min-height:72px;padding:10px 4px;font-size:12px}.home-shortcut .hr-menu-icon{width:26px;height:26px}.employee-home-compact .home-notices{padding:12px 16px}.home-certificates>summary{padding:14px 16px}.employee-home-compact .home-apply{padding:12px 16px}} .employee-home-compact>.home-shortcuts,.employee-home-compact>.home-bottom-grid{grid-column:1 / -1;order:100} .tax-page{min-width:0}.content>.tax-page{background:#fff;border:1px solid #e0e6f2;border-radius:16px;padding:24px}.tax-page-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tax-page-heading h1{font-size:25px;margin:0;letter-spacing:-.5px}.tax-page-empty{display:flex;align-items:center;flex-direction:column;text-align:center;padding:42px 16px;gap:12px;color:#718099}.tax-page-empty>.hr-menu-icon{width:56px;height:56px}.tax-page .tax-page-empty h2{font-size:17px;margin:0;color:#465a7a;line-height:1.6}.tax-page-empty p{font-size:14px;margin:0;line-height:1.6}@media(max-width:600px){.content>.tax-page{padding:20px 18px}.tax-page-heading h1{font-size:23px}.tax-page-empty{padding:32px 0}.tax-page .tax-page-empty h2{font-size:16px}} .evidence-upload-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.evidence-upload-actions .btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.evidence-camera-button svg{width:20px;height:20px;flex:none}.evidence-upload input[hidden]{display:none!important}.evidence-selection-status{font-size:12px;color:#718099;margin-top:8px}.evidence-selected-files{list-style:none;padding:0;margin:0;display:grid;gap:6px}.evidence-selected-files li{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e0e6f2;border-radius:9px;padding:9px 12px;font-size:13px;background:#f7f9fd}.evidence-selected-files li>span{min-width:0;overflow-wrap:anywhere}.evidence-selected-files small{display:block;font-size:11px;color:#7b879c;margin-top:3px}.evidence-selected-files .btn{min-height:36px;flex:none}.evidence-selection-error{font-size:13px;color:#ba3b48;line-height:1.6;margin:4px 0}.evidence-upload .btn:disabled{opacity:.45;cursor:default}@media(max-width:600px){.evidence-upload-actions{display:grid;grid-template-columns:1fr 1fr}.evidence-upload-actions .btn{width:100%;padding:10px 12px}} /* Evidence: one heading, equal attachment actions, and a consistent bottom action row. */ .evidence-panel{min-width:0}.evidence-empty{padding:16px 0;margin:0 0 16px;color:#718099;font-size:14px}.evidence-panel .evidence-upload>span{display:block;font-size:14px;font-weight:600;margin-bottom:10px}.evidence-upload-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.evidence-upload-actions .btn{width:100%;min-height:48px;font-size:14px;box-sizing:border-box;border-radius:9px}.evidence-upload-actions [aria-pressed=true]{background:#eaf3ff;border-color:#1264a3;color:#1264a3;box-shadow:inset 0 0 0 1px #1264a3}.evidence-panel .btn:focus-visible,.evidence-upload .btn:focus-visible{outline:3px solid #91c9e8;outline-offset:2px}.evidence-format{font-size:12px;color:#7b879c;margin:10px 0}.evidence-panel .evidence-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px;padding-top:18px}.evidence-footer .btn{min-height:44px;min-width:90px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px}.evidence-footer .btn.primary{background:#1264a3;border-color:#1264a3;color:#fff;box-shadow:none}.evidence-footer .btn:disabled{opacity:.4;cursor:default}.evidence-count{font-size:14px;font-weight:600;margin:4px 0 12px;color:#1264a3}.evidence-file-row{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e8edf5}.evidence-file-row>span{min-width:0;overflow-wrap:anywhere;font-size:14px}.evidence-file-row small{display:block;font-size:12px;color:#718099;margin-top:4px}.evidence-file-row>div{display:flex;gap:8px;flex:none}.evidence-file-row .btn{min-height:40px}.evidence-download-settings{font-size:12px;color:#718099;margin:14px 0 20px}.evidence-download-settings summary{cursor:pointer;min-height:36px;display:flex;align-items:center;gap:6px}.evidence-download-settings summary::before{content:'›';font-size:18px}.evidence-download-settings[open] summary::before{transform:rotate(90deg)}.evidence-download-settings p{margin:6px 0 10px}.evidence-selection-status:empty,.evidence-selection-error:empty{display:none}.evidence-panel .error:empty{display:none}@media(max-width:600px){.evidence-footer .btn{flex:1;min-width:0}.evidence-file-row{align-items:flex-start;flex-direction:column}.evidence-file-row>div{align-self:flex-end}} .certificate-field-row{display:flex;align-items:center;gap:8px;margin:8px 0}.certificate-field-row label{flex:1}.certificate-self fieldset{margin:16px 0;padding:16px;border:1px solid #dce2ef;border-radius:12px} .certificate-self .certificate-birth{border:0;padding:0;margin:0 0 16px}.certificate-birth legend{margin-bottom:8px}.certificate-birth-parts{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px;width:100%;max-width:480px}.certificate-birth-parts label{display:flex;flex-direction:row;align-items:center;gap:4px;min-width:0}.certificate-birth-parts .input{box-sizing:border-box;display:block;width:100%;min-width:0;padding:12px 4px;font-size:16px;line-height:1.5;min-height:48px;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:0}.certificate-birth-parts label>span{flex:none;font-size:14px;color:var(--ink)} .certificate-preview-dialog{width:min(900px,94vw);max-width:94vw;height:90dvh;max-height:90dvh;padding:20px;border:1px solid #dce2ef;border-radius:16px;box-sizing:border-box;color:#172442;overflow:hidden}.certificate-preview-dialog[open]{display:flex;flex-direction:column;gap:12px}.certificate-preview-dialog::backdrop{background:rgba(15,23,42,.5)}.certificate-preview-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px}.certificate-preview-dialog h3,.certificate-preview-dialog p{margin:0}.certificate-preview-dialog iframe{width:100%;flex:1;min-height:0;border:1px solid #dce2ef;background:white}.certificate-preview-dialog iframe[hidden]{display:none}@media(max-width:600px){.certificate-preview-dialog{padding:12px;width:96vw;max-width:96vw;height:94dvh;max-height:94dvh}} .certificate-history-item{border:1px solid #dce2ef;border-radius:12px;background:#fff;overflow:hidden}.certificate-history-summary{position:relative;padding:16px 44px 16px 18px;cursor:pointer;list-style:none}.certificate-history-summary::-webkit-details-marker{display:none}.certificate-history-summary::after{content:'⌄';position:absolute;right:18px;top:18px;color:#64748b}.certificate-history-item[open]>.certificate-history-summary::after{transform:rotate(180deg)}.certificate-history-summary:focus-visible{outline:2px solid #1675b8;outline-offset:-3px}.certificate-history-summary small{display:block;margin-top:6px;color:#64748b;font-size:12px}.certificate-history-summary .certificate-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.certificate-history-summary .certificate-heading strong{font-size:15px}.certificate-history-detail{padding:16px 18px;border-top:1px solid #e8ecf3}.certificate-history-detail>p:first-child{margin-top:0}.certificate-history-detail .certificate-actions{margin:14px 0}.certificate-history-detail>small{display:block;color:#64748b} .certificate-self [hidden]{display:none!important} .certificate-preview-pages{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;background:#e9edf3;padding:8px;-webkit-overflow-scrolling:touch}.certificate-preview-pages[hidden]{display:none}.certificate-preview-pages canvas{display:block;width:100%;height:auto;margin:0 auto 12px;background:#fff;box-shadow:0 1px 5px #0002}