*{box-sizing:border-box}html,body{color:#17202a;background:#f4f6f8;margin:0;padding:0;font-family:Arial,Noto Sans KR,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.global-brand{background:#fff;border-bottom:1px solid #dce3e9;align-items:center;height:82px;padding:10px 30px;display:flex}.global-brand-link{align-items:center;gap:14px;display:flex}.global-brand-logo{width:58px;height:58px}.global-brand span{gap:2px;font-size:18px;display:grid}.global-brand small{letter-spacing:.08em;color:#687580;font-size:11px}:is(body:has(.shell)>.global-brand,body:has(.login-wrap)>.global-brand){display:none}.mobile-nav{color:#fff;background:#12385b;display:none}.mobile-nav summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;list-style:none;display:flex}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav-brand{align-items:center;gap:10px;min-width:0;display:flex}.mobile-nav-brand img{flex:none;width:42px;height:42px}.mobile-nav-brand b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mobile-nav-toggle{white-space:nowrap;border:1px solid #ffffff73;border-radius:8px;padding:8px 10px;font-weight:700}.mobile-nav nav{border-top:1px solid #fff3;padding:8px 14px 16px;display:grid}.mobile-nav nav>a{color:#eef6fc;border-bottom:1px solid #ffffff1f;padding:13px 12px}.mobile-nav-user{color:#cfe0ed;justify-content:space-between;gap:10px;padding:10px 12px;display:flex}.mobile-nav-user small{font-weight:700}.mobile-nav form{padding-top:12px}.mobile-nav form button{color:#12385b;background:#fff;border:1px solid #ffffff73;border-radius:8px;width:100%;padding:11px;font-weight:700}.shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#12385b;padding:28px 20px}.brand{align-items:center;gap:12px;margin-bottom:32px;font-size:18px;font-weight:800;display:flex}.brand img{flex:none;width:58px;height:58px}.brand span{line-height:1.25}.nav{gap:8px;display:grid}.nav a{color:#dce8f2;border-radius:9px;padding:12px 14px}.nav a:hover{color:#fff;background:#204c73}.main{padding:30px}.topbar{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.card{background:#fff;border:1px solid #e1e6eb;border-radius:14px;padding:20px;box-shadow:0 2px 8px #00000008}.card h3{color:#5f6b76;margin:0 0 8px;font-size:15px}.metric{font-size:30px;font-weight:800}.grid2{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.dashboard-feed-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.dashboard-feed-grid>.card{flex-direction:column;min-width:0;display:flex}.dashboard-feed-grid .list{flex:1}.dashboard-feed-grid .board-view-all{margin-top:12px}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid #edf0f2;padding:12px 0}.login-wrap{background:#eef3f7;place-items:center;min-height:100vh;display:grid}.login{background:#fff;border-radius:16px;width:min(420px,92vw);padding:34px;box-shadow:0 12px 40px #102d461f}.login h1{margin:0 0 4px}.login p{color:#66727d}.login-brand{align-items:center;gap:16px;margin-bottom:20px;display:flex}.login-brand img{width:72px;height:72px}.login-brand small{color:#687580;letter-spacing:.05em}.field{border:1px solid #ccd5dd;border-radius:9px;width:100%;margin:8px 0 14px;padding:13px 14px}.primary{color:#fff;cursor:pointer;background:#12385b;border:0;border-radius:9px;width:100%;padding:13px;font-weight:700}.error{color:#a62828;background:#fff1f1;border-radius:8px;margin-bottom:12px;padding:10px}.paste-image-help{color:#687580;margin:-8px 0 12px;font-size:13px}.paste-image-preview,.content-image-gallery{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:14px 0;display:grid}.paste-image-preview figure,.content-image-gallery figure{background:#f8fafb;border:1px solid #dce3e9;border-radius:10px;margin:0;padding:8px}.paste-image-preview img,.content-image-gallery img{object-fit:contain;background:#fff;border-radius:6px;width:100%;max-height:420px;display:block}.paste-image-preview button{width:100%;margin-top:8px}@media (max-width:900px){body:has(>.mobile-nav)>.global-brand{display:none}.mobile-nav{z-index:1000;display:block;position:sticky;top:0;box-shadow:0 2px 8px #00000029}.shell{grid-template-columns:1fr}.sidebar{display:none}.cards{grid-template-columns:1fr 1fr}.grid2,.dashboard-feed-grid{grid-template-columns:1fr}}@media (max-width:560px){.cards{grid-template-columns:1fr}.main{padding:18px}.global-brand{height:70px;padding:8px 18px}.global-brand-logo{width:50px;height:50px}}@media print{@page{size:A4;margin:14mm}html,body{color:#000;background:#fff}body>.global-brand{border-bottom:1.5px solid #0047bb;height:24mm;margin-bottom:7mm;padding:0 0 5mm;display:flex!important}.global-brand-logo{width:18mm;height:18mm}.global-brand span{font-size:15pt}.global-brand small{font-size:8pt}.shell{min-height:auto;display:block}.sidebar,.mobile-nav,.topbar form,button{display:none!important}.main{padding:0}.topbar{margin-bottom:8mm}.card{box-shadow:none;break-inside:avoid;border:1px solid #c8cdd2;border-radius:4px}a{text-decoration:none}}.employee-admin-scroll{overflow-x:auto}.employee-admin-grid{grid-template-columns:200px 220px 170px 180px 110px 130px 100px 70px;align-items:center;gap:10px;min-width:1150px;display:grid}.employee-admin-head{text-align:center;border-bottom:1px solid #dce3e9;padding:10px 0}.employee-admin-row{border-bottom:1px solid #edf0f2;padding:10px 0}.employee-admin-row input,.employee-admin-row select,.employee-admin-row button{width:100%;min-width:0;height:38px}.employee-admin-row small{white-space:nowrap;text-overflow:ellipsis;margin-top:3px;display:block;overflow:hidden}.employee-login-id{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;display:grid}.employee-login-id small{margin:0;overflow:visible}.approval-people-grid{grid-template-columns:1fr 1fr;gap:16px;margin:12px 0 20px;display:grid}.approval-people-panel{background:#f8fafb;border:1px solid #dce3e9;border-radius:12px;min-width:0;padding:16px}.approval-people-panel h3{margin:0 0 4px}.approval-people-panel>p{color:#687580;margin:0 0 8px;font-size:14px}.approval-employee-list{background:#fff;border:1px solid #dce3e9;border-radius:9px;max-height:220px;margin-bottom:12px;overflow-y:auto}.approval-employee-list>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0f2;border-radius:0;justify-content:space-between;gap:12px;width:100%;padding:10px 12px;display:flex}.approval-employee-list>button:hover{background:#eef5fb}.approval-employee-list>button b{color:#12385b;white-space:nowrap}.approval-selected-list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.approval-selected-list li{background:#fff;border:1px solid #dce3e9;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;display:flex}.approval-selected-list li.empty{color:#687580;justify-content:center}.approval-person-actions{gap:4px;display:flex}.approval-selected-list button{padding:5px 8px}@media (max-width:900px){.approval-people-grid{grid-template-columns:1fr}}.duty-time-fields{border:1px solid #dce3e9;border-radius:12px;grid-template-columns:minmax(130px,1fr) auto minmax(130px,1fr) auto;align-items:center;gap:8px 10px;margin:0;padding:14px;display:grid}.duty-time-fields legend{padding:0 6px;font-weight:700}.duty-time-fields label{min-width:0}.duty-time-fields .field{margin:6px 0 0}.duty-time-fields strong{color:#12385b;text-align:center;background:#eef5fb;border-radius:8px;grid-column:1/-1;padding:10px 12px}@media (max-width:560px){.duty-time-fields{grid-template-columns:1fr}.duty-time-fields>span{display:none}}.employee-filter-card{margin-bottom:18px}.employee-filter{grid-template-columns:minmax(0,1fr) 220px 90px;align-items:center;gap:8px;display:grid}.employee-filter .field{min-width:0;margin:0}.employee-filter button{height:45px}.employee-department-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.employee-department-card,.employee-directory-row{min-width:0}.employee-directory-row small{overflow-wrap:anywhere;word-break:break-word;color:#687580;display:block}.department-admin-head,.department-admin-row{grid-template-columns:minmax(150px,1fr) 90px 90px 100px 70px;align-items:center;gap:8px;display:grid}.department-admin-head{text-align:center;color:#687580;border-bottom:1px solid #dce3e9;padding:0 0 8px;font-size:13px}.department-admin-row{border-bottom:1px solid #edf0f2;padding:8px 0}.department-admin-row label{min-width:0}.department-admin-row label>span,.department-member-count>span{display:none}.department-admin-row input,.department-admin-row select,.department-admin-row button{width:100%;min-width:0;height:40px}.department-member-count{text-align:center;color:#12385b}@media (max-width:900px){.employee-department-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.employee-filter{grid-template-columns:1fr}.employee-filter button{width:100%}.employee-department-grid{grid-template-columns:1fr}.employee-department-card{width:100%}.department-admin-head{display:none}.department-admin-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:14px 0}.department-admin-row label>span,.department-member-count>span{color:#687580;margin-bottom:5px;font-size:12px;display:block}.department-admin-row>label:first-of-type{grid-column:1/-1}.department-member-count{text-align:left}.department-admin-row button{align-self:end}}.board-summary-card{flex-direction:column;min-width:0;display:flex}.board-summary-card h2{margin:0}.board-recent-posts{margin:8px 0 14px}.board-recent-posts li{padding:10px 0}.board-recent-posts a{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.board-recent-posts b{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.board-recent-posts small{color:#687580;white-space:nowrap;flex:none}.board-empty-post{color:#687580}.board-view-all{color:#12385b;margin-top:auto;font-weight:700}.save-feedback{z-index:2000;color:#fff;text-align:center;border-radius:12px;min-width:260px;max-width:calc(100vw - 32px);padding:16px 24px;font-size:17px;font-weight:800;animation:.2s ease-out save-feedback-in;position:fixed;top:96px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #00000047}.save-feedback.is-loading{background:#12385b}.save-feedback.is-success{background:#1d7a46}.save-feedback span{margin-right:5px;display:inline-block}@keyframes save-feedback-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:560px){.save-feedback{width:calc(100vw - 36px);top:82px}}@media print{.save-feedback{display:none!important}}.employee-admin-limited-grid{grid-template-columns:minmax(220px,1fr) 190px 120px 70px;align-items:center;gap:10px;min-width:720px;display:grid}.employee-admin-limited-grid input,.employee-admin-limited-grid select,.employee-admin-limited-grid button{width:100%;min-width:0;height:38px}.employee-admin-limited-grid small{color:#687580;margin-top:3px;display:block}.attachment-link-form{grid-template-columns:minmax(160px,.7fr) minmax(260px,1.5fr) auto;align-items:center;gap:8px;margin-bottom:14px;display:grid}.attachment-link-form input{width:100%;min-width:0;padding:10px 12px}.attachment-link-row{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.attachment-link-row>a{min-width:0}.attachment-link-row small{text-overflow:ellipsis;white-space:nowrap;color:#687580;max-width:680px;display:block;overflow:hidden}@media (max-width:560px){.attachment-link-form{grid-template-columns:1fr}.attachment-link-form button{width:100%}.attachment-link-row{align-items:flex-start}.attachment-link-row small{max-width:65vw}}.dashboard-shell{background:linear-gradient(145deg,#f8fbff 0%,#edf6ff 45%,#fff7fb 100%)}.dashboard-shell .sidebar{background:linear-gradient(#0d3f70 0%,#0a2f56 58%,#082747 100%);position:relative;overflow:hidden;box-shadow:8px 0 28px #0f375a14}.dashboard-shell .sidebar:after{content:"";background:#2a8bff1f;border-radius:50%;width:220px;height:220px;position:absolute;bottom:120px;left:-80px}.dashboard-shell .nav a{border:1px solid #0000;transition:all .2s}.dashboard-shell .nav a:hover,.dashboard-shell .nav a:first-child{color:#fff;background:linear-gradient(90deg,#1976d2,#208cf1);border-color:#ffffff26;transform:translate(2px);box-shadow:0 8px 18px #1067be3d}.sidebar-message{color:#9fc5e6;z-index:1;border-top:1px solid #ffffff21;padding-top:18px;font-size:13px;line-height:1.65;position:absolute;bottom:28px;left:20px;right:20px}.dashboard-main{width:100%;max-width:1700px;margin:0 auto;padding:34px 36px 30px}.dashboard-hero{background:linear-gradient(115deg,#fffffff0,#daefffe6 62%,#f0faffd9);border-bottom:1px solid #5496cd1f;justify-content:space-between;align-items:center;gap:24px;margin:-34px -36px 24px;padding:32px 36px 26px;display:flex;position:relative;overflow:hidden}.dashboard-hero:after{content:"";background:radial-gradient(circle,#65bdff38,#65bdff00 70%);border-radius:50%;width:350px;height:350px;position:absolute;top:-100px;right:18%}.dashboard-hero>div{z-index:1;position:relative}.eyebrow{letter-spacing:.08em;color:#6e84a0;margin-bottom:7px;font-size:12px;font-weight:800}.dashboard-hero h1{color:#082b51;letter-spacing:-.04em;margin:0;font-size:36px}.dashboard-hero h1 span{font-size:28px}.dashboard-greeting{color:#60758e;margin-top:10px;font-size:16px}.topbar-actions{align-items:center;gap:10px;display:flex}.role-chip{background:linear-gradient(135deg,#effff6,#e5fff2);border:1px solid #cde9dd;border-radius:14px;align-items:center;gap:9px;min-width:170px;padding:10px 13px;display:flex;box-shadow:0 5px 15px #188b5214}.role-icon{background:#c9f6dc;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.role-chip small,.role-chip b{display:block}.role-chip small{color:#718096;font-size:11px}.role-chip b{color:#0d8b55;font-size:15px}.role-arrow{color:#0d8b55;margin-left:auto;font-size:24px}.logout-btn{color:#17395f;cursor:pointer;background:#fff;border:1px solid #dbe4ee;border-radius:14px;height:60px;padding:0 18px;font-weight:800;box-shadow:0 5px 15px #1c41640f}.dashboard-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metric-card{border:1px solid #b4c7db80;border-radius:18px;align-items:center;gap:15px;min-height:145px;padding:20px;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 22px #204a6e12}.metric-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #204a6e21}.metric-blue{background:linear-gradient(135deg,#f7fbff,#edf6ff)}.metric-orange{background:linear-gradient(135deg,#fffaf4,#fff2e2)}.metric-purple{background:linear-gradient(135deg,#fbf9ff,#f2edff)}.metric-green{background:linear-gradient(135deg,#f7fff9,#eafff1)}.metric-icon{background:#fffc;border-radius:18px;place-items:center;width:64px;height:64px;font-size:30px;display:grid;box-shadow:inset 0 0 0 1px #fffc}.metric-copy{gap:3px;display:grid}.metric-copy>b{color:#1a3655;font-size:15px}.metric-copy>strong{color:#0b2746;font-size:32px;line-height:1.1}.metric-copy>small{color:#768aa1;font-size:12px}.metric-arrow{color:#7ea1c1;font-size:26px;position:absolute;top:18px;right:18px}.metric-blue .metric-icon{background:#dceeff}.metric-orange .metric-icon{background:#ffe7c5}.metric-purple .metric-icon{background:#e8ddff}.metric-green .metric-icon{background:#d7f7e3}.colorful-feeds{margin-top:20px}.feed-card{border-top-width:4px;border-radius:18px;min-height:340px;padding:22px;box-shadow:0 10px 26px #274c7012}.feed-notice{border-top-color:#ff6b7d}.feed-free{border-top-color:#30c778}.feed-calendar{border-top-color:#7d62e8}.feed-heading{grid-template-columns:auto 1fr auto;align-items:center;gap:11px;margin-bottom:10px;display:grid}.feed-heading h2{color:#0c2d50;margin:0 0 3px;font-size:22px}.feed-heading p{color:#8190a2;margin:0;font-size:12px}.feed-icon{border-radius:14px;place-items:center;width:48px;height:48px;font-size:24px;display:grid}.feed-notice .feed-icon{background:#ffe8eb}.feed-free .feed-icon{background:#def9e9}.feed-calendar .feed-icon{background:#ece8ff}.feed-more{white-space:nowrap;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:800}.feed-notice .feed-more{color:#e54b61;background:#fff0f2}.feed-free .feed-more{color:#159956;background:#e8fbf0}.feed-calendar .feed-more{color:#6653d6;background:#f0edff}.feed-card .list li{padding:12px 2px}.feed-card .list li>a{justify-content:space-between;align-items:center;gap:12px;display:flex}.feed-card .list li>a>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.feed-card .list small{color:#8090a4;white-space:nowrap}.schedule-list li>a{justify-content:flex-start!important}.date-badge{color:#5d4bc6;background:#f4f2ff;border-radius:10px;flex:none;place-items:center;width:50px;min-height:40px;padding:5px 6px;font-size:12px;font-weight:800;display:grid}.dashboard-banner{background:linear-gradient(105deg,#dff0ff,#eef8ff 55%,#d7ebff);border:1px solid #c9e2f6;border-radius:18px;justify-content:space-between;align-items:center;gap:24px;margin-top:20px;padding:22px 28px;display:flex;overflow:hidden;box-shadow:0 8px 20px #265e8c12}.dashboard-banner div{gap:6px;display:grid}.dashboard-banner b{color:#0d3a68;font-size:20px;line-height:1.35}.dashboard-banner span{color:#6d8297;font-size:12px}.dashboard-banner strong{color:#176fc1;white-space:nowrap;font-size:22px;font-style:italic}@media (max-width:1100px){.dashboard-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-feed-grid{grid-template-columns:1fr}.dashboard-hero{align-items:flex-start}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}.feed-card{min-height:auto}}@media (max-width:900px){.dashboard-main{padding:24px 18px}.dashboard-hero{margin:-24px -18px 20px;padding:24px 18px}.sidebar-message{display:none}}@media (max-width:650px){.dashboard-hero{display:grid}.topbar-actions{justify-content:flex-start}.dashboard-metric-grid{grid-template-columns:1fr}.dashboard-hero h1{font-size:29px}.role-chip{min-width:150px}.logout-btn{height:58px}.feed-heading{grid-template-columns:auto 1fr}.feed-more{grid-column:1/-1;width:max-content}.dashboard-banner{display:grid}.dashboard-banner strong{font-size:18px}}
body:not(:has(.dashboard-shell)):not(:has(.login-wrap)){background:linear-gradient(145deg,#f7fbff 0%,#f3f8ff 45%,#fff8fb 100%)}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .global-brand{color:#fff;background:linear-gradient(90deg,#0d3f70 0%,#155b9a 55%,#1f79c5 100%);border-bottom:0;box-shadow:0 8px 24px #0d3f7029}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .global-brand small{color:#d9ecff}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .global-brand-link{color:#fff}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .main{max-width:1500px;margin:0 auto;padding:34px}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .main>a:first-child{color:#1764a7;background:#e8f3ff;border-radius:999px;align-items:center;gap:6px;margin-bottom:8px;padding:8px 12px;font-weight:700;display:inline-flex}:is(body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .main>h1,body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .topbar h1){color:#0d3155;letter-spacing:-.03em}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .main>h1{margin:8px 0 24px;padding-left:18px;position:relative}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .main>h1:before{content:"";background:linear-gradient(#1685ef,#6b5ee8);border-radius:999px;width:6px;position:absolute;top:5px;bottom:5px;left:0}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .card{background:#fffffff0;border:1px solid #a3bed86b;border-radius:18px;box-shadow:0 10px 30px #20496f14}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .card h2{color:#123f69;letter-spacing:-.02em}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .cards>.card:nth-child(4n+1){background:linear-gradient(145deg,#fff 30%,#edf6ff 100%)}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .cards>a.card:nth-child(4n+1){background:linear-gradient(145deg,#fff 30%,#edf6ff 100%)}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .cards>.card:nth-child(4n+2){background:linear-gradient(145deg,#fff 30%,#fff5e9 100%)}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .cards>a.card:nth-child(4n+2){background:linear-gradient(145deg,#fff 30%,#fff5e9 100%)}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .cards>.card:nth-child(4n+3){background:linear-gradient(145deg,#fff 30%,#f4efff 100%)}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .cards>a.card:nth-child(4n+3){background:linear-gradient(145deg,#fff 30%,#f4efff 100%)}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .cards>.card:nth-child(4n+4){background:linear-gradient(145deg,#fff 30%,#ebfbf3 100%)}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .cards>a.card:nth-child(4n+4){background:linear-gradient(145deg,#fff 30%,#ebfbf3 100%)}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) button{color:#174a76;cursor:pointer;background:linear-gradient(#fff,#f5f9fd);border:1px solid #c9d8e7;border-radius:10px;padding:9px 14px;font-weight:700;transition:all .18s;box-shadow:0 2px 7px #1e45690f}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) button:hover{border-color:#77afe0;transform:translateY(-1px);box-shadow:0 6px 15px #1e5c911f}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .primary{color:#fff;background:linear-gradient(135deg,#126bc0,#5b5edb);border:0;box-shadow:0 8px 18px #2c58b438}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .field{background:#fbfdff;border-color:#c9d9e8;border-radius:11px;transition:border-color .18s,box-shadow .18s,background .18s}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) input:not([type=checkbox]):not([type=radio]){background:#fbfdff;border-color:#c9d9e8;border-radius:11px;transition:border-color .18s,box-shadow .18s,background .18s}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) select{background:#fbfdff;border-color:#c9d9e8;border-radius:11px;transition:border-color .18s,box-shadow .18s,background .18s}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) textarea{background:#fbfdff;border-color:#c9d9e8;border-radius:11px;transition:border-color .18s,box-shadow .18s,background .18s}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .field:focus{background:#fff;border-color:#4094db;outline:none;box-shadow:0 0 0 4px #4094db1f}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) input:focus{background:#fff;border-color:#4094db;outline:none;box-shadow:0 0 0 4px #4094db1f}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) select:focus{background:#fff;border-color:#4094db;outline:none;box-shadow:0 0 0 4px #4094db1f}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) textarea:focus{background:#fff;border-color:#4094db;outline:none;box-shadow:0 0 0 4px #4094db1f}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .list li{border-bottom-color:#e8eef5}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .list li>a{border-radius:9px;transition:all .16s}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .list li>a:hover{color:#0c66b2;background:#f0f7ff}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .list small{color:#70849a}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .grid2>.card:nth-child(4n+1){border-top:4px solid #3e91df}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .grid2>.card:nth-child(4n+2){border-top:4px solid #16ad70}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .grid2>.card:nth-child(4n+3){border-top:4px solid #7b63d9}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .grid2>.card:nth-child(4n+4){border-top:4px solid #ef9c2e}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) table{background:#fff;border-radius:12px;overflow:hidden}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) thead{color:#16446d;background:linear-gradient(90deg,#e9f4ff,#f2efff)}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) th{font-weight:800}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) tbody tr:hover{background:#f7fbff}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .approval-people-panel{background:linear-gradient(145deg,#f8fcff,#f5f3ff);border-color:#ccdeed}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .approval-employee-list>button:hover{background:#eaf5ff}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .approval-selected-list li{border-left:4px solid #5a72d8}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .duty-time-fields{background:linear-gradient(135deg,#f7fbff,#f4f8ff);border-color:#c9dceb}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .duty-time-fields strong{color:#254f89;background:linear-gradient(90deg,#e8f4ff,#eeeaff)}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .employee-department-card:nth-child(4n+1){border-top:4px solid #3e91df}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .employee-department-card:nth-child(4n+2){border-top:4px solid #16ad70}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .employee-department-card:nth-child(4n+3){border-top:4px solid #8a67da}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .employee-department-card:nth-child(4n+4){border-top:4px solid #ef9c2e}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .board-summary-card:nth-child(odd){border-top:4px solid #3e91df}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .board-summary-card:nth-child(2n){border-top:4px solid #18a96e}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .board-view-all{color:#126db9}:is(body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .content-image-gallery figure,body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .paste-image-preview figure){background:linear-gradient(145deg,#f7fbff,#fff);border-color:#cbdceb}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) hr{border:0;border-top:1px solid #e1eaf2}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) details>summary{color:#155f9e;font-weight:700}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .error{border-left:4px solid #df4f5d;box-shadow:0 5px 14px #b42d3c14}@media (max-width:900px){body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .main{padding:22px 18px}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .global-brand{display:none}}@media print{body:not(:has(.dashboard-shell)):not(:has(.login-wrap)){background:#fff}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .card{box-shadow:none;background:#fff;border-color:#c8cdd2}body:not(:has(.dashboard-shell)):not(:has(.login-wrap)) .main>h1:before{display:none}}
.action-confirm-backdrop{z-index:5000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#152b447a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.action-confirm-modal{text-align:center;background:#fff;border:1px solid #14497a14;border-radius:22px;width:min(460px,100vw - 32px);padding:30px;animation:.18s ease-out confirm-pop;box-shadow:0 28px 80px #0d2f5647}.action-confirm-icon{color:#0f66e8;background:linear-gradient(145deg,#e8f1ff,#d7e6ff);border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto 18px;font-size:30px;font-weight:900;display:grid}.action-confirm-modal.is-danger .action-confirm-icon{color:#d82435;background:linear-gradient(145deg,#ffe9eb,#ffd8dc)}.action-confirm-modal h2{color:#102f52;margin:0 0 10px;font-size:25px}.action-confirm-modal p{color:#596b7d;margin:0;line-height:1.65}.action-confirm-target{color:#244d72;background:#f3f7fb;border-radius:999px;margin-top:16px;padding:8px 13px;font-size:14px;font-weight:800;display:inline-block}.action-confirm-modal.is-danger .action-confirm-target{color:#b52432;background:#fff1f2}.action-confirm-buttons{grid-template-columns:1fr 1.25fr;gap:12px;margin-top:24px;display:grid}.action-confirm-buttons button{cursor:pointer;border:1px solid #cfdbe7;border-radius:12px;min-height:48px;font-weight:800}.action-confirm-cancel{color:#38546d;background:#fff}.action-confirm-ok{color:#fff;background:linear-gradient(135deg,#2377f3,#0958d8);box-shadow:0 10px 24px #0f66e833;border:0!important}.action-confirm-modal.is-danger .action-confirm-ok{background:linear-gradient(135deg,#ff5264,#d91e32);box-shadow:0 10px 24px #d91e3233}@keyframes confirm-pop{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:560px){.action-confirm-modal{border-radius:18px;padding:24px 20px}.action-confirm-buttons{grid-template-columns:1fr}.action-confirm-cancel{order:2}.action-confirm-ok{order:1}}@media print{.action-confirm-backdrop{display:none!important}}