*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #4A90D9;--primary-light: #EBF4FF;--primary-dark: #2C6FAC;--bg: #F5F7FA;--surface: #FFFFFF;--border: #E8ECF0;--text-primary: #1A2332;--text-secondary: #6B7A8D;--text-tertiary: #9BA8B5;--sidebar-width: 220px;--header-height: 64px;--radius: 16px;--radius-sm: 10px;--shadow: 0 2px 12px rgba(0,0,0,.06);--shadow-md: 0 4px 20px rgba(0,0,0,.08)}html,body,#root{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,sans-serif;background:var(--bg);color:var(--text-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit}input,select,textarea{font-family:inherit;font-size:inherit}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.sidebar{width:var(--sidebar-width);height:100vh;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:100;transition:transform .3s ease}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:20px 20px 16px;border-bottom:1px solid var(--border)}.logo-icon{font-size:20px}.logo-text{font-size:16px;font-weight:700;color:var(--text-primary)}.sidebar-nav{flex:1;padding:12px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;font-weight:500;transition:background .15s,color .15s}.nav-item:hover{background:var(--primary-light);color:var(--primary)}.nav-item.active{background:var(--primary-light);color:var(--primary);font-weight:600}.nav-icon{font-size:16px;width:20px;text-align:center}.sidebar-footer{padding:16px;border-top:1px solid var(--border)}.sidebar-user{display:flex;align-items:center;gap:10px;background:var(--primary-light);border-radius:var(--radius-sm);padding:10px 12px;margin-bottom:10px}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-info{flex:1;min-width:0}.user-name{font-weight:600;color:var(--text-primary);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{color:var(--primary);font-size:11px;font-weight:500;margin-top:1px}.logout-btn{color:var(--text-secondary);flex-shrink:0;padding:4px;border-radius:6px;transition:background .15s,color .15s;display:flex;align-items:center;justify-content:center}.logout-btn:hover{background:#fee2e2;color:#dc2626}.footer-copy{color:var(--text-tertiary);font-size:11px;text-align:center}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:99}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}}.header{height:var(--header-height);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:flex-end;padding:0 24px;position:sticky;top:0;z-index:50;gap:12px}.menu-btn{display:none;flex-direction:column;gap:5px;margin-right:auto;padding:8px;border-radius:8px;transition:background .15s}.menu-btn:hover{background:var(--primary-light)}.menu-btn span{display:block;width:20px;height:2px;background:var(--text-primary);border-radius:2px}.header-right{display:flex;align-items:center;gap:8px}.icon-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;transition:background .15s}.icon-btn:hover{background:var(--primary-light)}.user-menu{display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 10px;border-radius:20px;position:relative;transition:background .15s}.user-menu:hover{background:var(--primary-light)}.avatar{width:30px;height:30px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.user-name{font-size:14px;font-weight:600;color:var(--text-primary)}.chevron{font-size:10px;color:var(--text-secondary)}.dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;min-width:140px;box-shadow:var(--shadow-md);white-space:nowrap}.dropdown-email{font-size:12px;color:var(--text-secondary)}@media(max-width:768px){.menu-btn{display:flex}.header{justify-content:space-between;padding:0 16px}.user-name{display:none}}.layout{display:flex;min-height:100vh}.sidebar-wrapper{width:var(--sidebar-width);flex-shrink:0}.sidebar-overlay{display:none}.main-area{flex:1;min-width:0;margin-left:var(--sidebar-width);display:flex;flex-direction:column}.page-content{flex:1;padding:28px;max-width:1200px;width:100%}@media(max-width:768px){.sidebar-wrapper{position:fixed;left:0;top:0;height:100vh;z-index:100;transform:translate(-100%);transition:transform .3s ease;width:var(--sidebar-width)}.sidebar-wrapper.open{transform:translate(0)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:99}.sidebar-overlay.open{display:block}.main-area{margin-left:0}.page-content{padding:16px}}.cal-page{display:flex;flex-direction:column;gap:24px}.cal-card-toolbar{display:flex;justify-content:flex-end;margin-bottom:12px}.btn-range-mode{background:#d1fae5;color:#059669;border:1.5px solid #6EE7B7;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:700;transition:background .15s}.btn-range-mode:hover{background:#a7f3d0}.range-mode-bar{display:flex;align-items:center;justify-content:space-between;background:#d1fae5;border:1.5px solid #6EE7B7;border-radius:10px;padding:10px 14px;margin-bottom:12px;gap:12px}.rmb-inner{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#059669}.rmb-dot{width:8px;height:8px;border-radius:50%;background:#059669;flex-shrink:0;animation:pulse 1.2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.rmb-cancel{font-size:12px;font-weight:600;color:#6b7a8d;background:#fff;border:1px solid #D1D5DB;border-radius:8px;padding:4px 12px;white-space:nowrap;flex-shrink:0}.rmb-cancel:hover{background:#f5f7fa}.cal-grid.range-mode-active .cal-cell,.cal-cell.range-cursor{cursor:crosshair}.cal-cell.range-disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.cal-cell.rs-start,.cal-cell.rs-end{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.rs-label{font-size:9px;font-weight:800;color:#ffffffbf;letter-spacing:.1em;line-height:1}.cell-num.range-num{color:#fff!important;background:transparent!important;font-size:16px;font-weight:800}.range-confirm-card{display:flex;flex-direction:column;gap:16px}.rcc-days{display:inline-flex;align-items:center;gap:6px;background:#f0fdf4;color:#059669;font-size:15px;font-weight:800;padding:6px 14px;border-radius:20px;align-self:flex-start;border:1.5px solid #6EE7B7}.rcc-dates{display:flex;align-items:center;gap:8px;background:var(--bg);border-radius:12px;padding:16px}.rcc-date-block{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.rcc-label{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--text-tertiary)}.rcc-big{font-size:26px;font-weight:800;color:var(--text-primary);line-height:1.1}.rcc-dow{font-size:12px;color:var(--text-secondary)}.rcc-arrow{font-size:18px;color:var(--text-tertiary)}.btn-add-vacation{background:#2c5530;color:#fff;border-radius:var(--radius-sm);padding:14px;font-size:15px;font-weight:700;width:100%;text-align:center;transition:background .15s}.btn-add-vacation:hover{background:#1e3a1e}.btn-cancel-range{width:100%;padding:10px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:var(--text-secondary);background:var(--bg);border:1px solid var(--border);transition:background .12s;text-align:center}.btn-cancel-range:hover{background:var(--border)}.picking-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 20px;text-align:center}.picking-icon{opacity:.6}.picking-title{font-size:15px;font-weight:600;color:var(--text-primary)}.picking-sub{font-size:13px;color:#059669;font-weight:600}.cal-top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.cal-date-display{display:flex;flex-direction:column;gap:2px}.cal-month-en{font-size:12px;font-weight:600;letter-spacing:.12em;color:var(--text-tertiary)}.cal-date-row{display:flex;align-items:baseline;gap:6px}.cal-num-big{font-size:52px;font-weight:800;color:var(--text-primary);line-height:1}.cal-sep{font-size:22px;color:var(--text-tertiary);font-weight:300}.cal-year{font-size:22px;color:var(--text-secondary);font-weight:500}.cal-nav-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.btn-today{border:1.5px solid var(--border);border-radius:20px;padding:7px 18px;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--text-secondary);background:var(--surface);transition:all .15s}.btn-today:hover{border-color:var(--primary);color:var(--primary)}.btn-nav{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--border);background:var(--surface);font-size:20px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .15s;line-height:1}.btn-nav:hover{border-color:var(--primary);color:var(--primary)}.cal-layout{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start}.cal-card{background:var(--surface);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.cal-wday{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0;font-size:11px;font-weight:600;color:var(--text-tertiary);letter-spacing:.04em}.cal-wday span:last-child{font-size:13px;font-weight:500;color:var(--text-secondary)}.cal-wday.sun .cal-wday span:last-child,.cal-wday.sun span{color:#ef4444}.cal-wday.sat .cal-wday span:last-child,.cal-wday.sat span{color:var(--primary)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:0}.cal-cell{min-height:72px;padding:10px 6px 6px;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:background .12s;position:relative}.cal-cell:hover{background:var(--bg)}.cal-cell.selected{background:var(--primary-light)}.cal-cell.today .cell-num{background:var(--primary);color:#fff}.cell-num{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:var(--text-primary);transition:background .12s}.cell-num.sun{color:#ef4444}.cell-num.sat{color:var(--primary)}.cell-dots{display:flex;gap:3px;flex-wrap:wrap;justify-content:center}.cell-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.cal-legend-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.leg-item{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-secondary)}.leg-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cal-right{display:flex;flex-direction:column;gap:12px;position:sticky;top:calc(var(--header-height) + 24px)}.right-card{background:var(--surface);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.date-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.dc-date{font-size:16px;font-weight:700;color:var(--text-primary)}.dc-day{font-size:13px;color:var(--text-secondary);margin-top:2px}.dc-badge{background:var(--primary-light);color:var(--primary);font-size:12px;font-weight:700;padding:3px 10px;border-radius:12px}.dc-records{display:flex;flex-direction:column;gap:10px}.dc-record{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;background:var(--bg);border-radius:10px;padding:12px}.dcr-left{display:flex;flex-wrap:wrap;gap:6px;align-items:center;flex:1;min-width:0}.type-pill{font-size:12px;font-weight:700;padding:3px 10px;border-radius:20px;white-space:nowrap}.dcr-hours{font-size:12px;color:var(--text-secondary)}.dcr-note{font-size:12px;color:var(--text-tertiary);word-break:break-all}.dcr-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.dcr-deduct{font-size:14px;font-weight:700;color:#dc2626}.dcr-overtime{font-size:14px;font-weight:700;color:#16a34a}.dcr-btns{display:flex;gap:4px}.dcr-btn{padding:3px 9px;border-radius:6px;font-size:11px;font-weight:600}.dcr-btn.edit{background:var(--primary-light);color:var(--primary)}.dcr-btn.edit:hover{background:#bfdbfe}.dcr-btn.del{background:#fef2f2;color:#dc2626}.dcr-btn.del:hover{background:#fecaca}.dc-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 0 8px;color:var(--text-tertiary);font-size:13px;text-align:center}.qs-row{display:flex;align-items:center;gap:16px}.qs-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.qs-label{font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--text-tertiary);text-transform:uppercase}.qs-val{font-size:26px;font-weight:800;color:var(--text-primary);line-height:1}.qs-val em{font-style:normal;font-size:13px;font-weight:500;color:var(--text-secondary);margin-left:2px}.qs-val.green{color:#16a34a}.qs-divider{width:1px;height:40px;background:var(--border)}.btn-add{background:#2d4a2d;color:#fff;border-radius:var(--radius-sm);padding:14px;font-size:15px;font-weight:700;width:100%;text-align:center;transition:background .15s;letter-spacing:.02em}.btn-add:hover{background:#1e3a1e}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--surface);border-radius:var(--radius);padding:0;width:100%;max-width:460px;box-shadow:var(--shadow-md);overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border)}.modal-header h2{font-size:17px;font-weight:700;color:var(--text-primary)}.modal-close{width:30px;height:30px;border-radius:50%;font-size:14px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:background .12s}.modal-close:hover{background:var(--bg)}.mform{padding:20px 24px 24px;display:flex;flex-direction:column;gap:16px}.mfield{display:flex;flex-direction:column;gap:6px}.mfield label{font-size:13px;font-weight:600;color:var(--text-secondary)}.mfield input,.mfield select{border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:14px;color:var(--text-primary);background:var(--surface);outline:none;transition:border-color .15s}.mfield input:focus,.mfield select:focus{border-color:var(--primary)}.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.type-btn{border:1.5px solid var(--border);border-radius:8px;padding:8px 4px;font-size:13px;font-weight:500;color:var(--text-secondary);background:var(--surface);transition:all .12s;text-align:center}.type-btn:hover{border-color:var(--primary);color:var(--primary)}.type-btn.active{font-weight:700}.hours-input-row{display:flex;align-items:center;gap:8px}.hours-input-row input{flex:1}.hours-input-row span{font-size:14px;color:var(--text-secondary);white-space:nowrap}.deduct-preview{background:var(--bg);border-radius:8px;padding:10px 14px;font-size:13px;color:var(--text-secondary)}.deduct-preview strong{color:var(--text-primary);font-weight:700}.dp-overtime,.dp-overtime strong{color:#16a34a}.range-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.range-label-row label{margin-bottom:0!important}.range-day-badge{font-size:12px;font-weight:700;background:var(--primary-light);color:var(--primary);padding:3px 10px;border-radius:12px}.date-range-row{display:flex;align-items:center;gap:8px}.date-range-row input{flex:1;min-width:0}.range-arrow{font-size:16px;color:var(--text-tertiary);flex-shrink:0}.range-hint{margin-top:6px;font-size:12px;color:var(--text-secondary)}.range-hint strong{color:#dc2626;font-weight:700}.range-hint.muted{color:var(--text-tertiary)}.mform-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.btn-cancel{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:500;color:var(--text-secondary);background:var(--bg);transition:background .12s}.btn-cancel:hover{background:var(--border)}.btn-submit{padding:10px 24px;border-radius:10px;font-size:14px;font-weight:700;background:var(--primary);color:#fff;transition:background .12s}.btn-submit:hover{background:var(--primary-dark)}@media(max-width:1024px){.cal-layout{grid-template-columns:1fr 280px}}@media(max-width:768px){.cal-layout{grid-template-columns:1fr}.cal-right{position:static;order:-1}.cal-num-big{font-size:38px}.cal-year,.cal-sep{font-size:18px}}@media(max-width:480px){.cal-card{padding:16px 12px}.cal-cell{min-height:52px;padding:6px 3px 4px}.cell-num{width:26px;height:26px;font-size:12px}.type-grid{grid-template-columns:repeat(2,1fr)}}.home{display:flex;flex-direction:column;gap:20px}.home-header{margin-bottom:4px}.greeting{font-size:24px;font-weight:700;color:var(--text-primary)}.sub-greeting{color:var(--text-secondary);margin-top:4px}.home-top{display:grid;grid-template-columns:1fr 1fr;gap:20px}.status-content{display:flex;align-items:center;gap:20px}.donut-wrap{position:relative;flex-shrink:0}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.donut-value{display:block;font-size:20px;font-weight:700;color:var(--text-primary);line-height:1.2}.donut-label{font-size:11px;color:var(--text-secondary)}.status-legend{display:flex;flex-direction:column;gap:10px;flex:1}.legend-item{display:flex;align-items:center;gap:8px}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.legend-label{flex:1;color:var(--text-secondary);font-size:13px}.legend-value{font-weight:600;font-size:13px;color:var(--text-primary)}.next-content{display:flex;align-items:center;justify-content:space-between;gap:16px}.next-date{font-size:16px;font-weight:600;color:var(--text-primary)}.next-days{color:var(--text-secondary);font-size:13px;margin-top:4px}.next-range{color:var(--text-tertiary);font-size:12px;margin-top:2px}.dday{background:var(--primary-light);color:var(--primary);font-size:15px;font-weight:700;padding:8px 16px;border-radius:20px;white-space:nowrap;flex-shrink:0}.dday.today{background:var(--primary);color:#fff}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.chart-header .card-title{margin-bottom:0}.year-select{border:1px solid var(--border);border-radius:8px;padding:4px 10px;font-size:13px;color:var(--text-primary);background:var(--surface);cursor:pointer;outline:none}.home-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.info-row:last-child{border-bottom:none}.info-label{color:var(--text-secondary);font-size:13px}.info-value{font-weight:600;font-size:13px;color:var(--text-primary)}.planned-item{display:flex;align-items:center;gap:14px;padding:10px 0}.planned-days{font-size:28px;font-weight:700;color:var(--primary);line-height:1}.planned-date{font-size:13px;font-weight:500;color:var(--text-primary)}.planned-range{font-size:12px;color:var(--text-secondary);margin-top:2px}.recent-list{display:flex;flex-direction:column;gap:2px}.recent-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.recent-item:last-child{border-bottom:none}.recent-date{font-size:13px;color:var(--text-secondary)}.recent-days{font-size:13px;font-weight:600;color:var(--text-primary)}.type-pill-sm{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:12px;white-space:nowrap}.empty-state{color:var(--text-tertiary);font-size:13px;padding:8px 0}@media(max-width:1024px){.home-bottom{grid-template-columns:1fr 1fr}.info-card{grid-column:1 / -1}}@media(max-width:640px){.home-top,.home-bottom{grid-template-columns:1fr}.info-card{grid-column:auto}.greeting{font-size:20px}.status-content{flex-direction:column;align-items:flex-start}}.status-page{display:flex;flex-direction:column;gap:20px}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{background:var(--surface);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.big-donut-wrap{position:relative;display:flex;justify-content:center;margin-bottom:20px}.big-donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.big-donut-val{display:block;font-size:32px;font-weight:800;color:var(--text-primary);line-height:1.1}.big-donut-label{font-size:13px;color:var(--text-secondary)}.donut-stats{display:flex;flex-direction:column;gap:10px}.donut-stat-item{display:flex;align-items:center;gap:10px}.dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.ds-label{flex:1;font-size:13px;color:var(--text-secondary)}.ds-val{font-weight:700;font-size:14px;color:var(--text-primary)}.big-rate{font-size:52px;font-weight:800;color:var(--primary);line-height:1;margin-bottom:12px}.rate-bar{height:10px;background:#e8f2fc;border-radius:5px;overflow:hidden;margin-bottom:8px}.rate-fill{height:100%;background:var(--primary);border-radius:5px;transition:width .6s ease}.rate-desc{font-size:13px;color:var(--text-secondary);margin-bottom:20px}.days-breakdown{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid var(--border)}.breakdown-item{display:flex;justify-content:space-between;align-items:center}.breakdown-label{font-size:13px;color:var(--text-secondary)}.breakdown-val{font-size:15px;font-weight:700}.breakdown-val.used{color:var(--primary)}.breakdown-val.planned{color:#7c3aed}.breakdown-val.remain{color:#16a34a}.upcoming-list{display:flex;flex-direction:column;gap:2px}.upcoming-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--border)}.upcoming-item:last-child{border-bottom:none}.upcoming-date{font-size:15px;font-weight:600;color:var(--text-primary)}.upcoming-range{font-size:13px;color:var(--text-secondary);margin-top:2px}.upcoming-note{font-size:12px;color:var(--text-tertiary);margin-top:2px}.upcoming-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.upcoming-days{font-size:16px;font-weight:700;color:var(--text-primary)}.upcoming-dday{background:var(--primary-light);color:var(--primary);font-size:12px;font-weight:700;padding:3px 10px;border-radius:12px}.type-pill-sm{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:12px}.breakdown-val.overtime{color:#16a34a}.upcoming-dday.today{background:var(--primary);color:#fff}@media(max-width:768px){.status-grid{grid-template-columns:1fr}}.stats-page{display:flex;flex-direction:column;gap:20px}.stat-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.stat-card{background:var(--surface);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);text-align:center}.stat-card.highlight{background:var(--primary)}.stat-card.highlight .stat-label{color:#fffc}.stat-card.highlight .stat-value{color:#fff}.stat-card.highlight .stat-value span{color:#fffc}.stat-label{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.stat-value{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1}.stat-value span{font-size:14px;font-weight:500;color:var(--text-secondary);margin-left:2px}.card{background:var(--surface);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.card-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.usage-bar-wrap{display:flex;align-items:center;gap:12px;margin-bottom:6px}.usage-bar{flex:1;height:12px;background:#e8f2fc;border-radius:6px;overflow:hidden}.usage-fill{height:100%;background:var(--primary);border-radius:6px;transition:width .6s ease}.usage-pct{font-size:14px;font-weight:700;color:var(--primary);min-width:40px;text-align:right}.usage-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--text-tertiary)}.stats-charts{display:grid;grid-template-columns:2fr 1fr;gap:20px}.pie-card{display:flex;flex-direction:column;align-items:center}.year-select{border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:13px;color:var(--text-primary);background:var(--surface);cursor:pointer;outline:none}.insights{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.insight-item{display:flex;align-items:flex-start;gap:12px}.insight-label{font-size:12px;color:var(--text-secondary);margin-bottom:4px}.insight-val{font-size:16px;font-weight:700;color:var(--text-primary)}@media(max-width:1024px){.stat-cards{grid-template-columns:repeat(2,1fr)}.stats-charts{grid-template-columns:1fr}}@media(max-width:640px){.stat-cards{grid-template-columns:repeat(2,1fr)}.insights{grid-template-columns:1fr 1fr}}.settings-page{display:flex;flex-direction:column;gap:20px;max-width:600px}.settings-card{background:var(--surface);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.settings-form{display:flex;flex-direction:column;gap:0}.settings-section{display:flex;flex-direction:column;gap:18px}.settings-divider{height:1px;background:var(--border);margin:24px 0}.section-title{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.section-title.danger{color:#dc2626}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:600;color:var(--text-secondary)}.field input,.field select{border:1px solid var(--border);border-radius:10px;padding:11px 14px;font-size:14px;color:var(--text-primary);outline:none;transition:border-color .15s;background:var(--surface)}.field input:focus{border-color:var(--primary)}.input-suffix{display:flex;align-items:center;gap:8px}.input-suffix input{flex:1}.input-suffix span{font-size:14px;color:var(--text-secondary);white-space:nowrap}.input-suffix.small input{width:70px;text-align:center}.reset-row{display:flex;gap:12px;align-items:center}.field-hint{font-size:12px;color:var(--text-tertiary)}.form-submit{margin-top:28px;display:flex;justify-content:flex-end}.btn-save{background:var(--primary);color:#fff;padding:12px 32px;border-radius:10px;font-size:15px;font-weight:600;transition:background .15s}.btn-save:hover{background:var(--primary-dark)}.btn-save.saved{background:#16a34a}.field-error{font-size:13px;color:#dc2626;background:#fef2f2;border-radius:8px;padding:10px 12px}.field-ok{font-size:13px;color:#16a34a;background:#f0fdf4;border-radius:8px;padding:10px 12px}.section-header-row{display:flex;align-items:center;justify-content:space-between}.btn-add-user{background:var(--primary);color:#fff;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;transition:background .15s}.btn-add-user:hover{background:var(--primary-dark)}.users-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.user-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg);border-radius:10px}.ur-avatar{width:34px;height:34px;border-radius:50%;background:var(--primary);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ur-info{flex:1;display:flex;align-items:center;gap:8px}.ur-name{font-size:14px;font-weight:500;color:var(--text-primary)}.ur-admin-badge{font-size:11px;font-weight:600;color:var(--primary);background:var(--primary-light);padding:2px 8px;border-radius:10px}.ur-me-badge{font-size:11px;font-weight:600;color:var(--text-tertiary);background:var(--border);padding:2px 8px;border-radius:10px}.ur-delete{font-size:12px;font-weight:500;color:#dc2626;background:#fef2f2;padding:5px 12px;border-radius:6px;transition:background .12s}.ur-delete:hover{background:#fecaca}.danger-zone{border:1px solid #FECACA}.danger-desc{font-size:13px;color:var(--text-secondary);margin-bottom:16px;margin-top:-4px}.btn-danger{background:#fef2f2;color:#dc2626;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:600;border:1px solid #FECACA;transition:background .15s}.btn-danger:hover{background:#fecaca}.login-screen{min-height:100vh;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:16px}.login-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:40px 36px;width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:32px}.login-logo{font-size:26px;font-weight:800;color:var(--primary);letter-spacing:-.5px}.login-sub{font-size:14px;color:var(--text-secondary);margin-top:6px}.login-form{display:flex;flex-direction:column;gap:16px}.lf-field{display:flex;flex-direction:column;gap:6px}.lf-field label{font-size:13px;font-weight:500;color:var(--text-secondary)}.lf-field input{border:1.5px solid var(--border);border-radius:10px;padding:12px 14px;font-size:14px;color:var(--text-primary);background:var(--bg);outline:none;transition:border-color .15s}.lf-field input:focus{border-color:var(--primary);background:var(--surface)}.lf-error{font-size:13px;color:#dc2626;background:#fef2f2;border-radius:8px;padding:10px 12px;text-align:center}.lf-submit{background:var(--primary);color:#fff;padding:13px;border-radius:10px;font-size:15px;font-weight:600;width:100%;transition:background .15s,opacity .15s;margin-top:4px}.lf-submit:hover{background:var(--primary-dark)}.lf-submit:disabled{opacity:.6;cursor:not-allowed}.login-toggle{text-align:center;font-size:13px;color:var(--text-secondary);margin-top:20px}.login-toggle button{color:var(--primary);font-weight:600;text-decoration:underline;margin-left:4px}