*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.nav-container{display:flex;flex-direction:column}.nav-screen-title{display:none}.nav-tabs{display:flex;background-color:#fff;border-bottom:2px solid #E8E9F0;box-shadow:0 2px 4px #0000000a;position:sticky;top:64px;z-index:100}.nav-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:14px 8px;text-decoration:none;color:#888;font-size:14px;font-weight:600;border-bottom:3px solid transparent;transition:color .2s,background-color .2s,border-color .2s;cursor:pointer;position:relative}.nav-tab:hover{background-color:#f8f8fc;color:#524fa1}.nav-tab-active{color:#524fa1;border-bottom-color:#524fa1;background-color:#f8f8fc}.nav-tab-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.nav-tab-label{white-space:nowrap;line-height:1}.nav-tab:focus-visible{outline:2px solid #524FA1;outline-offset:-2px;border-radius:4px}@media (max-width: 767px){.nav-screen-title{display:block;text-align:center;font-size:15px;font-weight:700;color:#524fa1;background-color:#fff;padding:10px 16px;border-bottom:1px solid #E8E9F0;position:sticky;top:64px;z-index:101}.nav-tabs{position:fixed;inset:auto 0 0;border-bottom:none;border-top:1px solid #E8E9F0;box-shadow:0 -2px 8px #0000000f;z-index:500;padding-bottom:env(safe-area-inset-bottom,0);background-color:#fff}.nav-tab{flex-direction:column;gap:2px;padding:8px 4px 6px;border-bottom:none;font-size:10px;min-width:0}.nav-tab-active{border-bottom:none;background-color:transparent}.nav-tab-active:before{content:"";position:absolute;top:0;left:20%;right:20%;height:3px;background-color:#524fa1;border-radius:0 0 3px 3px}.nav-tab-icon{width:22px;height:22px}.nav-tab-label{font-size:10px;font-weight:600}}@media (max-width: 374px){.nav-tab{padding:6px 2px 4px}.nav-tab-label{font-size:9px}.nav-tab-icon{width:20px;height:20px}.nav-tab-icon svg{width:20px;height:20px}}@media (min-width: 1024px){.nav-tab{padding:16px 12px;font-size:15px;gap:8px}.nav-tab-icon{width:24px;height:24px}}.group-switcher{position:relative}.group-switcher-single{display:flex;align-items:center}.group-switcher-single .group-switcher-name{font-size:13px;font-weight:500;opacity:.85;white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis}.group-switcher-trigger{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;transition:background-color .2s;white-space:nowrap;max-width:200px}.group-switcher-trigger:hover{background-color:#ffffff40}.group-switcher-trigger:focus-visible{outline:2px solid #fff;outline-offset:2px}.group-switcher-trigger:disabled{opacity:.6;cursor:not-allowed}.group-switcher-trigger .group-switcher-name{overflow:hidden;text-overflow:ellipsis;max-width:150px}.group-switcher-arrow{font-size:9px;transition:transform .2s;flex-shrink:0}.group-switcher-arrow.open{transform:rotate(180deg)}.group-switcher-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:260px;background-color:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;z-index:300;overflow:hidden;animation:groupSwitcherFadeIn .15s ease}@keyframes groupSwitcherFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.group-switcher-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border:none;background:none;cursor:pointer;font:inherit;text-align:left;transition:background-color .15s}.group-switcher-item:hover{background-color:#f2f1fb}.group-switcher-item:focus-visible{outline:2px solid #524FA1;outline-offset:-2px}.group-switcher-item.active{background-color:#524fa10f;cursor:default}.group-switcher-item:disabled{opacity:.5;cursor:not-allowed}.group-switcher-item-info{display:flex;flex-direction:column;gap:2px;min-width:0}.group-switcher-item-name{font-size:14px;font-weight:600;color:#211d57;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-switcher-item-meta{font-size:12px;color:#6b6b89}.group-switcher-item-check{color:#524fa1;font-weight:700;font-size:14px;flex-shrink:0}.group-switcher-divider{height:1px;background-color:#e8e9f0;margin:4px 12px}@media (max-width: 767px){.group-switcher-single .group-switcher-name{display:none}.group-switcher-trigger{padding:5px 10px;font-size:12px;max-width:140px}.group-switcher-trigger .group-switcher-name{max-width:90px}.group-switcher-dropdown{right:-8px;min-width:240px}}.notification-bell-container{position:relative;display:flex;align-items:center}.notification-bell-button{position:relative;background:none;border:none;color:#fff;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.notification-bell-button:hover{background-color:#ffffff26}.notification-bell-button:focus-visible{outline:2px solid #fff;outline-offset:2px}.notification-badge{position:absolute;top:-2px;right:-4px;background-color:#e74c3c;color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1;border:2px solid #524FA1;pointer-events:none}.notification-panel{position:absolute;top:100%;right:0;margin-top:8px;width:360px;max-height:480px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026,0 2px 8px #00000014;z-index:1000;overflow:hidden;display:flex;flex-direction:column;animation:notif-panel-enter .15s ease-out}@keyframes notif-panel-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notification-panel-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #eee;flex-shrink:0}.notification-panel-title{margin:0;font-size:15px;font-weight:700;color:#2e2a5c}.notification-mark-all-btn{background:none;border:none;color:#524fa1;font-size:12px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .15s}.notification-mark-all-btn:hover{background-color:#524fa114}.notification-panel-list{flex:1;overflow-y:auto;max-height:400px}.notification-loading,.notification-empty{padding:32px 16px;text-align:center;color:#888;font-size:13px}.notification-item{display:flex;align-items:flex-start;gap:10px;width:100%;padding:12px 16px;border:none;border-bottom:1px solid #f5f5f5;background:none;cursor:pointer;text-align:left;font-family:inherit;transition:background-color .15s}.notification-item:hover{background-color:#f8f8fc}.notification-item:last-child{border-bottom:none}.notification-unread{background-color:#f0eefb}.notification-unread:hover{background-color:#e8e6f5}.notification-read{opacity:.75}.notification-item-icon{font-size:18px;flex-shrink:0;margin-top:1px}.notification-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.notification-item-title{font-size:13px;font-weight:600;color:#2e2a5c;line-height:1.3}.notification-item-message{font-size:12px;color:#666;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-item-time{font-size:11px;color:#999;margin-top:2px}.notification-unread-dot{width:8px;height:8px;border-radius:50%;background-color:#524fa1;flex-shrink:0;margin-top:4px}@media (max-width: 767px){.notification-panel{position:fixed;inset:auto 8px 72px;width:auto;max-height:50vh;margin-top:0}.notification-bell-button{padding:4px}.notification-badge{border-color:#524fa1}}.dashboard-header{background-color:#524fa1;color:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:200;min-height:56px}.header-brand{display:flex;align-items:center;gap:16px;min-width:0}.dashboard-header h1{margin:0;font-size:20px;white-space:nowrap}.header-screen-title{font-size:14px;font-weight:500;opacity:.85;white-space:nowrap;padding-left:16px;border-left:1px solid rgba(255,255,255,.3)}.user-info{display:flex;align-items:center;gap:12px;flex-shrink:0}.user-info span{font-weight:600;font-size:14px}.logout-button{background-color:#ffffff26;color:#fff;padding:8px 16px;border:1px solid rgba(255,255,255,.4);border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .2s;white-space:nowrap}.logout-button:hover{background-color:#ffffff40}.logout-button:focus-visible{outline:2px solid #fff;outline-offset:2px}@media (max-width: 1024px){.dashboard-header{padding:14px 20px}.dashboard-header h1{font-size:18px}}@media (max-width: 767px){.dashboard-header{padding:10px 16px;min-height:48px}.dashboard-header h1{font-size:16px}.header-screen-title,.user-info span{display:none}.logout-button{padding:6px 12px;font-size:12px}}.event-list-modal{background:#fff;border-radius:16px;max-width:600px;width:90%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #211d5726}.event-list-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #E8E7F5}.event-list-title{font-size:20px;font-weight:700;color:#2e2a5c;margin:0}.event-list-add-button{width:40px;height:40px;border-radius:20px;background:#524fa1;border:none;color:#fff;font-size:24px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #524fa14d;transition:transform .2s,box-shadow .2s}.event-list-add-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #524fa166}.event-list-add-button:active{transform:translateY(0)}.event-list-content{flex:1;overflow-y:auto;padding:16px 20px;min-height:200px}.event-list-items{display:flex;flex-direction:column;gap:12px}.event-list-item{display:flex;align-items:center;background:#fff;border-radius:12px;padding:16px;cursor:pointer;border:1px solid rgba(82,79,161,.08);box-shadow:0 2px 8px #211d5714;transition:transform .2s,box-shadow .2s}.event-list-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #211d571f}.event-list-color-bar{width:4px;height:48px;border-radius:2px;margin-right:14px;flex-shrink:0}.event-list-item-content{flex:1}.event-list-item-title{font-size:16px;font-weight:600;color:#2e2a5c;margin-bottom:6px}.event-list-item-time{display:flex;align-items:center;font-size:14px;color:#6d6a9e;font-weight:500}.event-list-time-icon{font-size:14px;margin-right:6px}.event-list-chevron{font-size:24px;color:#524fa1;font-weight:300;margin-left:8px}.event-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.event-list-empty-icon{font-size:64px;margin-bottom:16px}.event-list-empty-text{font-size:16px;font-weight:600;color:#2e2a5c;margin:0 0 8px}.event-list-empty-subtext{font-size:14px;color:#6d6a9e;margin:0}.event-list-close-button{margin:0 20px 20px;padding:12px;background:#f5f6fa;border:none;border-radius:8px;font-size:15px;font-weight:600;color:#524fa1;cursor:pointer;transition:background .2s}.event-list-close-button:hover{background:#e8e9f0}.calendar-container{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000d;position:relative}.month-title{color:#524fa1;font-size:20px;font-weight:600}.month-nav-button{background-color:#524fa1;color:#fff;border:none;border-radius:6px;padding:6px 12px;cursor:pointer}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.weekday-cell{text-align:center;font-weight:600;color:#666;padding:6px 0}.week-list{display:flex;flex-direction:column;gap:12px}.week-row{border:1px solid #E8E9F0;border-radius:10px;overflow:hidden;position:relative;background:#fff;height:154px}.week-days{display:grid;grid-template-columns:repeat(7,1fr);position:relative;z-index:1;height:100%}.calendar-day{border-right:1px solid #f1f2f6;height:100%;padding:6px;position:relative;overflow:hidden;cursor:pointer;transition:background-color .2s;display:flex;flex-direction:column}.calendar-day:hover{background-color:#524fa10d}.calendar-day *{pointer-events:none}.calendar-day:last-child{border-right:none}.calendar-day.other-month{background-color:#fafafa;color:#999}.calendar-day.today{background-color:#eef2ff}.day-number{font-weight:600;font-size:13px;color:#333}.day-inline-events{margin-top:4px;display:flex;gap:4px}.inline-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.week-events-layer{position:absolute;inset:0;pointer-events:none;z-index:2}.week-event-bar{position:absolute;height:18px;border-radius:4px;color:#fff;font-size:11px;display:flex;align-items:center;padding:0 6px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;box-sizing:border-box;margin:0 2px}.calendar-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px 40px;border-radius:8px;box-shadow:0 4px 20px #0000001a;color:#524fa1;font-weight:600}.event-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#100f2e73;z-index:1200}.event-modal-card{background:#fff;border-radius:16px;padding:24px;width:min(420px,90vw);display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 60px #00000026}.event-modal-subtitle{margin:0;color:#666;font-size:14px}.event-modal-actions{display:flex;justify-content:flex-end}.day-events-modal-overlay{position:fixed;inset:0;background-color:#0f0f2373;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1001}.day-events-modal-card{background-color:#fff;border-radius:16px;width:min(500px,95vw);max-height:80vh;border:1px solid #E8E9F0;box-shadow:0 20px 70px #18103926;display:flex;flex-direction:column}.day-events-modal-header{padding:20px 24px;border-bottom:1px solid #E8E9F0;display:flex;align-items:center;justify-content:space-between}.day-events-modal-header h3{margin:0;font-size:18px;color:#333}.day-events-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.day-events-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.day-event-item{display:flex;gap:12px;padding:12px;border:1px solid #E8E9F0;border-radius:8px;cursor:pointer;transition:background-color .2s,border-color .2s}.day-event-item:hover{background-color:#f9f9fc;border-color:#524fa1}.day-event-color{width:4px;border-radius:2px;flex-shrink:0}.day-event-content{flex:1}.day-event-title{margin:0 0 4px;font-weight:600;color:#333;font-size:15px}.day-event-description{margin:0 0 6px;color:#666;font-size:13px}.day-event-time{margin:0;color:#888;font-size:13px}.day-events-modal-footer{padding:16px 24px;border-top:1px solid #E8E9F0;display:flex;justify-content:flex-end}.dashboard-summary{margin-bottom:16px}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.dashboard-card{display:flex;align-items:flex-start;gap:14px;background:#fff;border-radius:12px;padding:18px 16px;box-shadow:0 2px 8px #0000000f;transition:box-shadow .2s,transform .15s;text-decoration:none;color:inherit;border:1px solid transparent}.dashboard-card:hover{box-shadow:0 4px 16px #0000001a}.dashboard-card-link{cursor:pointer;border:1px dashed #B0AED0;background:#fafaff}.dashboard-card-link:hover{border-color:#524fa1;background:#f2f1fb;transform:translateY(-1px)}.dashboard-card-wide{grid-column:span 2}.dashboard-card-icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background-color:#f5f4fb;border-radius:10px}.dashboard-card-content{display:flex;flex-direction:column;gap:3px;min-width:0}.dashboard-card-value{font-size:28px;font-weight:800;color:#2e2a5c;line-height:1.1}.dashboard-card-value-text{font-size:20px;font-weight:700}.dashboard-card-label{font-size:13px;font-weight:600;color:#6d6a9e}.dashboard-card-action{color:#524fa1;font-size:15px;font-weight:700}.dashboard-card-detail{font-size:12px;color:#999}.dashboard-card-shift-badge{display:inline-block;padding:2px 10px;border-radius:6px;font-size:12px;font-weight:700;width:fit-content}.dashboard-card-shift-badge.day{background-color:#2e7d321f;color:#2e7d32;border:1px solid rgba(46,125,50,.3)}.dashboard-card-shift-badge.night{background-color:#e651001f;color:#e65100;border:1px solid rgba(230,81,0,.3)}.dashboard-card-status{font-size:15px;font-weight:700;display:inline-block;padding:2px 10px;border-radius:6px;width:fit-content}.dashboard-card-status.submitted{background-color:#2e7d321f;color:#2e7d32}.dashboard-card-status.partial{background-color:#ff98001f;color:#e65100}.dashboard-card-status.not-submitted{background-color:#b71c1c1f;color:#b71c1c}.dashboard-help-message{margin-top:10px;padding:12px 16px;background-color:#fff8e1;border:1px solid #FFE082;border-radius:8px;font-size:13px;color:#5d4037;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dashboard-help-message p{margin:0;flex:1;min-width:200px}.dashboard-help-link{display:inline-block;padding:6px 16px;background:#524fa1;color:#fff;border-radius:6px;font-size:13px;font-weight:600;text-decoration:none;transition:background-color .2s}.dashboard-help-link:hover{background-color:#3e3b80}@media (max-width: 768px){.dashboard-cards{grid-template-columns:repeat(2,1fr)}.dashboard-card-wide{grid-column:span 2}.dashboard-card{padding:14px 12px;gap:10px}.dashboard-card-icon{width:38px;height:38px}.dashboard-card-icon svg{width:20px;height:20px}.dashboard-card-value{font-size:22px}}@media (max-width: 480px){.dashboard-cards{grid-template-columns:1fr 1fr}}@media print{.dashboard-summary{display:none!important}}.screen-tip-overlay{position:fixed;inset:0;background:#100f2e73;display:flex;justify-content:center;align-items:center;z-index:10000;opacity:0;transition:opacity .25s ease;padding:24px}.screen-tip-overlay.screen-tip-visible{opacity:1}.screen-tip-container{background:#fff;border-radius:20px;width:100%;max-width:360px;padding:24px;text-align:center;box-shadow:0 8px 32px #211d5733;transform:translateY(20px);transition:transform .25s ease}.screen-tip-container.screen-tip-slide-up{transform:translateY(0)}.screen-tip-emoji{font-size:40px;display:block;margin-bottom:12px}.screen-tip-title{font-size:18px;font-weight:700;color:#2e2a5c;margin:0 0 8px}.screen-tip-description{font-size:14px;color:#6d6a9e;line-height:20px;margin:0 0 16px}.screen-tip-dots{display:flex;justify-content:center;gap:6px;margin-bottom:16px}.screen-tip-dot{width:6px;height:6px;border-radius:3px;background:#524fa11f;transition:all .2s ease}.screen-tip-dot-active{background:#524fa1;width:18px}.screen-tip-btn{width:100%;padding:12px;border-radius:12px;border:none;background:#524fa1;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s}.screen-tip-btn:hover{background:#433fa0}.shift-input-page{padding:20px;min-height:calc(100vh - 140px);background-color:#f5f6fa;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.unsubmitted-warning-banner{background-color:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:12px 16px}.unsubmitted-warning-banner p{margin:0;color:#856404}.unsubmitted-warning-banner .unsubmitted-names{font-size:13px;margin-top:4px;word-break:break-all}.unsubmitted-warning-banner .unsubmitted-note{font-size:12px;margin-top:8px;color:#666}.all-members-hint{background-color:#e8e6f5;border:1px solid #C5C2E0;border-radius:8px;padding:10px 14px;color:#524fa1;font-size:13px;line-height:1.5;text-align:center;margin-bottom:8px}.shift-input-header{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 10px #0000000d}.shift-input-header h2{color:#524fa1;margin-top:0;margin-bottom:0}.page-subtitle{margin:4px 0 0;color:#666;font-size:14px}.submission-period{display:inline-block;margin-left:8px;padding:2px 8px;background:#e8e9f0;border-radius:4px;font-size:12px;color:#524fa1;font-weight:600}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.month-title{color:#524fa1;font-size:20px;font-weight:600;margin:0}.member-panel{display:flex;justify-content:space-between;gap:20px;padding:20px;border-radius:12px;background:#fff;box-shadow:0 2px 10px #0000000d;flex-wrap:wrap}.member-info{flex:1}.panel-label{margin:0 0 8px;font-size:13px;font-weight:600;color:#666}.member-selector-button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:linear-gradient(135deg,#524fa1,#6965b8);border:none;border-radius:12px;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #524fa133}.member-selector-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #524fa14d}.member-selector-button:active{transform:translateY(0)}.member-selector-icon{font-size:24px}.member-selector-content{display:flex;flex-direction:column;align-items:flex-start;flex:1;gap:2px}.member-selector-label{font-size:10px;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.05em}.member-selector-name{font-size:16px;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px}.member-inline-badge{font-size:10px;font-weight:600;padding:2px 6px;background-color:#e05b43e6;color:#fff;border-radius:4px}.member-selector-arrow{font-size:12px;color:#fffc}.member-name{font-size:16px;font-weight:600;margin:8px 0 0}.member-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.shift-calendar-wrapper{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000d;position:relative}.shift-calendar-wrapper .weekday-row{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.shift-calendar-wrapper .weekday-row span{text-align:center;font-weight:600;color:#666;padding:6px 0}.shift-calendar-grid{display:flex;flex-direction:column;gap:12px}.shift-week-row{border:1px solid #E8E9F0;border-radius:10px;overflow:hidden;position:relative;background:#fff;isolation:isolate;height:154px}.shift-week-days{display:grid;grid-template-columns:repeat(7,1fr);overflow:visible;position:relative;z-index:1}.shift-day{border:none;border-right:1px solid #f1f2f6;border-bottom:1px solid #f1f2f6;height:154px;padding:6px;position:relative;overflow:visible;cursor:pointer;transition:background-color .2s;display:flex;flex-direction:column;width:100%;min-width:0;background:transparent;font-family:inherit;font-size:inherit;text-align:left}.shift-day:hover{background-color:#524fa10d}.shift-day *{pointer-events:none}.shift-day:last-child{border-right:none}.shift-day.other-month{background-color:#fafafa;color:#999}.shift-day.today{background-color:#eef2ff;border:1px solid #524FA1}.shift-day.is-disabled{cursor:not-allowed;opacity:.6}.shift-day.is-disabled:hover{background-color:#524fa10d}.shift-day.is-disabled:not(.other-month){background-color:#f0f1f6}.shift-day.is-disabled:not(.other-month):hover{background-color:#f0f1f6}.shift-day .day-number{font-weight:600;font-size:13px;color:#333}.shift-day .day-number.holiday{color:#e60012}.shift-day .day-number.saturday{color:#06c}.shift-day .holiday-bar{background-color:#e60012;color:#fff;font-size:10px;font-weight:600;padding:2px 4px;border-radius:3px;text-align:center;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shift-status-list{margin-top:4px;display:flex;flex-direction:column;gap:3px;overflow:hidden}.shift-day.not-work-day{background-color:#fff5f5}.shift-day.not-work-day:hover{background-color:#fff0f0}.shift-pill{display:inline-flex;align-items:center;justify-content:space-between;gap:4px;padding:3px 6px;border-radius:6px;font-size:11px;font-weight:600;overflow:hidden;max-width:100%;box-sizing:border-box}.shift-pill.is-available{background-color:#524fa126;color:#3c3a80}.shift-pill.is-unavailable{background-color:#e74c3c1f;color:#b3392d}.shift-pill.is-preferred{background-color:#2196f326;color:#1565c0}.shift-pill.is-possible{background-color:#e8983026;color:#b87820}.calendar-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fffffff2;padding:20px 30px;border-radius:12px;box-shadow:0 12px 40px #0000001a;font-weight:600;color:#524fa1}.empty-state{padding:30px;border:2px dashed #E8E9F0;border-radius:12px;text-align:center;color:#666;background-color:#fdfdfe}.submit-button{padding:10px 24px;font-size:14px;font-weight:600;color:#fff;background-color:#524fa1;border:none;border-radius:8px;cursor:pointer;transition:all .2s;min-width:80px}.submit-button:hover:not(:disabled){background-color:#433f8c;transform:translateY(-1px);box-shadow:0 4px 12px #524fa14d}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.submit-button.has-changes{background-color:#e74c3c;animation:pulse-attention 2s infinite}.submit-button.has-changes:hover:not(:disabled){background-color:#c0392b}@keyframes pulse-attention{0%,to{box-shadow:0 0 #e74c3c66}50%{box-shadow:0 0 0 8px #e74c3c00}}.sync-status-indicator{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;background-color:#f8f9fa;min-height:40px}.sync-spinner{width:16px;height:16px;border:2px solid #E8E9F0;border-top-color:#524fa1;border-radius:50%;animation:spin .8s linear infinite}.sync-dot{width:8px;height:8px;border-radius:50%}.sync-dot.pending{background-color:#f39c12}.sync-dot.saved{background-color:#27ae60}.sync-text{font-size:14px;font-weight:500}.sync-text.saving{color:#524fa1}.sync-text.pending{color:#f39c12}.sync-text.saved{color:#27ae60}.shift-calendar-wrapper .calendar-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:20px}.shift-calendar-wrapper .calendar-header{display:flex;justify-content:center;align-items:center;gap:16px}.csv-export-btn{padding:6px 14px;border:1px solid #524FA1;background-color:transparent;color:#524fa1;font-size:13px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease;margin-left:8px;white-space:nowrap}.csv-export-btn:hover{background-color:#524fa1;color:#fff}.csv-export-btn:active{transform:scale(.97)}.shift-calendar-wrapper.staff-list-view{overflow:visible;flex:1;display:flex;flex-direction:column}.shift-input-staff-list{overflow-x:auto;overflow-y:auto;width:100%;max-width:100%;flex:1;-webkit-overflow-scrolling:touch;position:relative}.staff-list-legend{display:flex;gap:16px;margin-bottom:16px;font-size:13px;color:#555;flex-wrap:wrap;align-items:center}.staff-list-legend .legend-divider{width:1px;height:20px;background-color:#e8e9f0;margin:0 8px}.legend-item{display:flex;align-items:center;gap:6px}.legend-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;border-radius:4px}.legend-badge.available.shift-1{background-color:#524fa133;color:#3c3a80;border-left:3px solid #524FA1}.legend-badge.available.shift-2{background-color:#4caf5033;color:#2e7d32;border-left:3px solid #4CAF50}.legend-badge.available.shift-3{background-color:#ff980033;color:#e65100;border-left:3px solid #FF9800}.legend-badge.available{background-color:#524fa126;color:#3c3a80}.legend-badge.preferred{background-color:#2196f326;color:#1565c0}.legend-badge.possible{background-color:#e8983026;color:#b87820}.legend-badge.unavailable{background-color:#e74c3c1f;color:#b3392d}.legend-empty{color:#b8b5d1;font-size:14px}.staff-list-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;font-size:13px;background-color:#fff;table-layout:auto}.staff-list-table thead{position:-webkit-sticky;position:sticky;top:0;background-color:#f2f1fb;z-index:8}.staff-list-table thead th{background-color:#f2f1fb}.staff-list-table th{padding:12px 8px;text-align:center;border:1px solid #E8E9F0;font-weight:600;color:#2e2a5c}.staff-list-table th.member-column{position:-webkit-sticky;position:sticky;left:0;background-color:#f2f1fb;z-index:10;min-width:120px;max-width:150px;text-align:left;padding-left:16px;box-shadow:2px 0 4px #00000014}.staff-list-table th.date-column{min-width:60px;transition:background-color .2s ease}.staff-list-table th.date-column.is-today{background-color:#4caf5026}.staff-list-table th.date-column.is-not-work-day{background-color:#fff5f5}.staff-list-table tbody tr{border-bottom:1px solid #E8E9F0}.staff-list-table tbody tr:hover{background-color:#524fa105}.staff-list-table td{padding:10px 8px;text-align:center;border:1px solid #E8E9F0}.staff-list-table tbody tr:hover .member-cell{background-color:#524fa1;color:#fff;font-weight:700}.staff-list-table tbody tr:hover .member-cell .member-name-text{color:#fff}.staff-list-table tbody tr.selected-member-row{background-color:#524fa114}.staff-list-table tbody tr.selected-member-row .member-cell{background-color:#524fa1;color:#fff;font-weight:700}.staff-list-table tbody tr.selected-member-row .member-cell .member-name-text{color:#fff}.staff-list-search-box{display:flex;align-items:center;gap:6px;margin-bottom:8px;max-width:300px}.staff-list-search-input{flex:1;padding:8px 12px;border:1px solid rgba(82,79,161,.2);border-radius:8px;font-size:14px;color:#211d57;background-color:#f9f8ff;outline:none;transition:border-color .2s ease}.staff-list-search-input:focus{border-color:#524fa1;box-shadow:0 0 0 2px #524fa11a}.staff-list-search-input::placeholder{color:#a0a0b8}.staff-list-search-clear{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:50%;background-color:#524fa11a;color:#6b6b89;font-size:12px;cursor:pointer;transition:background-color .2s ease}.staff-list-search-clear:hover{background-color:#524fa133}.member-name-text{color:#2e2a5c;font-size:14px}.shift-cell.not-work-day-cell{background-color:#fff5f5}.shift-statuses{display:flex;flex-direction:column;gap:3px;justify-content:center;align-items:center}.shift-status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:18px;padding:0 4px;font-size:10px;font-weight:600;border-radius:4px;white-space:nowrap}.shift-status-badge.available.shift-1{background-color:#524fa133;color:#3c3a80;border-left:3px solid #524FA1}.shift-status-badge.unavailable.shift-1{background-color:#524fa114;color:#8a88b8;border-left:3px solid #B8B5D1}.shift-status-badge.available.shift-2{background-color:#4caf5033;color:#2e7d32;border-left:3px solid #4CAF50}.shift-status-badge.unavailable.shift-2{background-color:#4caf5014;color:#81c784;border-left:3px solid #a5d6a7}.shift-status-badge.available.shift-3{background-color:#ff980033;color:#e65100;border-left:3px solid #FF9800}.shift-status-badge.unavailable.shift-3{background-color:#ff980014;color:#ffb74d;border-left:3px solid #ffcc80}.shift-status-badge.available{background-color:#524fa126;color:#3c3a80}.shift-status-badge.preferred{background-color:#2196f326;color:#1565c0}.shift-status-badge.preferred.shift-1,.shift-status-badge.preferred.shift-2,.shift-status-badge.preferred.shift-3{background-color:#2196f333;color:#1565c0;border-left:3px solid #2196F3}.shift-status-badge.possible{background-color:#e8983026;color:#b87820}.shift-status-badge.unavailable{background-color:#e74c3c1f;color:#b3392d}.no-data,.not-work-day-mark{color:#b8b5d1;font-size:14px}@media (max-width: 900px){.shift-input-header{flex-direction:column;align-items:flex-start}.member-panel{flex-direction:column}.shift-calendar-wrapper .calendar-controls{flex-direction:column;gap:12px}}.off-limit-badge{display:inline-block;font-size:9px;font-weight:700;color:#fff;background-color:#e05b43;border-radius:3px;padding:1px 3px;margin-left:2px;vertical-align:top;line-height:1.2}.symbol-shape{display:inline-block;width:12px;height:12px;flex-shrink:0;position:relative}.symbol-shape.shape-circle{width:10px;height:10px;border-radius:50%;border:2.5px solid #524FA1;background:transparent}.symbol-shape.shape-double-circle{width:10px;height:10px;border-radius:50%;border:2.5px solid #1565C0;background:#1565c0}.symbol-shape.shape-triangle{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid #E88A30}.symbol-shape.shape-cross{width:12px;height:12px}.symbol-shape.shape-cross:before,.symbol-shape.shape-cross:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:2.5px;background:#d32f2f;border-radius:1px}.symbol-shape.shape-cross:before{transform:translate(-50%,-50%) rotate(45deg)}.symbol-shape.shape-cross:after{transform:translate(-50%,-50%) rotate(-45deg)}.symbol-shape.shape-empty{width:10px;height:10px;border-radius:2px;border:2px dashed #B8B5D1;background:transparent}.shift-pill .symbol-shape{margin-right:2px}.status-toggle .symbol-shape{margin-right:6px}.shift-day.is-past{opacity:.5;cursor:not-allowed;background-color:#f5f5f5}.shift-day.is-past:hover{background-color:#f5f5f5}.shift-day.is-past .shift-pill{opacity:.7}.shift-cell.is-past-cell{opacity:.5;cursor:not-allowed!important;background-color:#f9f9f9!important}.shift-status-badge .symbol-shape{margin-right:2px;vertical-align:middle}.shift-status-badge .symbol-shape.shape-triangle{border-left-width:4px;border-right-width:4px;border-bottom-width:7px}.shift-status-badge .symbol-shape.shape-cross{width:8px;height:8px}.shift-status-badge .symbol-shape.shape-cross:before,.shift-status-badge .symbol-shape.shape-cross:after{width:8px;height:2px}.shift-status-badge .symbol-shape.shape-circle,.shift-status-badge .symbol-shape.shape-double-circle{width:7px;height:7px;border-width:2px}.submit-confirm-dialog{max-width:440px;width:90%}.confirm-summary-info{background:#f5f6fa;border-radius:8px;padding:12px 16px;margin-bottom:16px}.confirm-summary-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.confirm-label{font-size:13px;color:#666;font-weight:500}.confirm-value{font-size:14px;color:#2e2a5c;font-weight:600}.confirm-symbol-summary{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.confirm-symbol-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;font-size:14px}.confirm-symbol-row.is-preferred{background:#2196f314}.confirm-symbol-row.is-available{background:#524fa114}.confirm-symbol-row.is-possible{background:#e8983014}.confirm-symbol-row.is-unavailable{background:#d32f2f14}.confirm-symbol-row.is-empty{background:#00000008}.confirm-symbol-label{flex:1;color:#333;font-weight:500}.confirm-symbol-count{font-weight:700;color:#2e2a5c;min-width:50px;text-align:right}.confirm-warning{margin:0;padding:10px 12px;background:#fff3cd;border:1px solid #FFECB5;border-radius:8px;color:#856404;font-size:13px;line-height:1.5}.bulk-fill-menu-overlay{position:fixed;inset:0;z-index:999}.bulk-fill-menu{background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026,0 2px 8px #00000014;padding:16px;width:300px;max-height:420px;overflow-y:auto;z-index:1000}.bulk-fill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.bulk-fill-header h4{margin:0;font-size:16px;font-weight:700;color:#2e2a5c}.bulk-fill-modes{display:flex;flex-direction:column;gap:8px}.bulk-fill-mode-btn{display:flex;align-items:flex-start;gap:12px;padding:12px;border:2px solid #E8E9F0;border-radius:10px;background:#fff;cursor:pointer;text-align:left;transition:all .15s ease;width:100%}.bulk-fill-mode-btn:hover{border-color:#524fa1;background:#524fa10a}.bulk-fill-mode-btn strong{display:block;font-size:14px;color:#2e2a5c;margin-bottom:2px}.bulk-fill-mode-btn p{margin:0;font-size:12px;color:#6d6a9e}.bulk-fill-mode-icon{font-size:20px;color:#524fa1;flex-shrink:0;width:24px;text-align:center}.bulk-fill-step{display:flex;flex-direction:column;gap:10px}.bulk-fill-back{background:none;border:none;color:#524fa1;font-size:13px;font-weight:600;cursor:pointer;padding:0;text-align:left}.bulk-fill-back:hover{text-decoration:underline}.bulk-fill-step-label{margin:0;font-size:13px;font-weight:600;color:#2e2a5c}.bulk-fill-targets{display:flex;flex-wrap:wrap;gap:6px}.bulk-fill-target-btn{padding:6px 12px;border:2px solid #E8E9F0;border-radius:6px;background:#fff;color:#2e2a5c;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.bulk-fill-target-btn:hover{border-color:#524fa1}.bulk-fill-target-btn.selected{border-color:#524fa1;background:#524fa1;color:#fff}.bulk-fill-symbols{display:flex;flex-wrap:wrap;gap:6px}.bulk-fill-symbol-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;border:2px solid transparent;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.bulk-fill-symbol-btn.is-preferred{background:#2196f31a;color:#1565c0;border-color:#2196f333}.bulk-fill-symbol-btn.is-available{background:#524fa11a;color:#3c3a80;border-color:#524fa133}.bulk-fill-symbol-btn.is-possible{background:#e898301a;color:#b87820;border-color:#e8983033}.bulk-fill-symbol-btn.is-unavailable{background:#d32f2f1a;color:#d32f2f;border-color:#d32f2f33}.bulk-fill-symbol-btn.selected{border-color:#2e2a5c;box-shadow:0 0 0 1px #2e2a5c}.bulk-fill-dates{display:flex;flex-wrap:wrap;gap:4px;max-height:150px;overflow-y:auto}.bulk-fill-date-btn{padding:4px 8px;border:1px solid #E8E9F0;border-radius:4px;background:#fff;color:#2e2a5c;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.bulk-fill-date-btn:hover{border-color:#524fa1}.bulk-fill-date-btn.selected{border-color:#524fa1;background:#524fa1;color:#fff}.bulk-fill-apply{align-self:flex-end;margin-top:4px}.shift-create-page{display:flex;flex-direction:column;gap:20px;min-height:calc(100vh - 140px)}.shift-create-header{display:flex;justify-content:space-between;gap:20px;align-items:center}.shift-create-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.draft-notice{background-color:#e3f2fd;border:1px solid #2196F3;border-radius:8px;padding:12px 16px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.draft-notice p{margin:0;color:#1565c0}.draft-notice .draft-note{font-size:13px;margin-top:4px;color:#1976d2}.discard-draft-btn{background-color:transparent;border:1px solid #1976D2;color:#1976d2;padding:6px 12px;font-size:13px;border-radius:6px;cursor:pointer;white-space:nowrap}.discard-draft-btn:hover{background-color:#2196f31a}.unsubmitted-warning{background-color:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:12px 16px;margin-bottom:8px}.unsubmitted-warning p{margin:0;color:#856404}.unsubmitted-warning .unsubmitted-names{font-size:13px;margin-top:4px;word-break:break-all}.unsubmitted-warning .unsubmitted-note{font-size:12px;margin-top:8px;color:#666}.shift-create-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;color:#555;align-items:center}.shift-create-legend .legend-divider{width:1px;height:20px;background-color:#e8e9f0;margin:0 4px}.legend-shift{padding:4px 10px;border-radius:12px;font-weight:600;font-size:12px}.legend-shift.legend-pattern-0{background-color:#2e7d321f;color:#2e7d32;border:2px solid #2E7D32}.legend-shift.legend-pattern-1{background-color:#e651001f;color:#e65100;border:2px solid #E65100}.legend-shift.legend-pattern-2{background-color:#1565c01f;color:#1565c0;border:2px solid #1565C0}.legend-shift.legend-pattern-3{background-color:#00838f1f;color:#00838f;border:2px solid #00838F}.legend-shift.legend-pattern-4{background-color:#880e4f1f;color:#880e4f;border:2px solid #880E4F}.legend-shift.legend-day{background-color:#2e7d321f;color:#2e7d32;border:2px solid #2E7D32}.legend-shift.legend-night{background-color:#e651001f;color:#e65100;border:2px solid #E65100}.legend-available{color:#2c8c53}.legend-unavailable{color:#b3392d}.legend-required{color:#524fa1}.legend-night-carryover{padding:4px 10px;border-radius:12px;font-weight:600;font-size:12px;background-color:#9c27b026;color:#7b1fa2;border:2px solid #7B1FA2}.legend-not-preferred{padding:3px 10px;border-radius:2px;background-color:#fff8e1;color:#9e6b00;font-weight:500;font-size:12px}.legend-constraint-violated{padding:3px 10px;border-radius:2px;background-color:#ffebee;color:#b71c1c;font-weight:600;font-size:12px}.capacity-warning{border:1px solid #ffcf88;background-color:#fff7e8;border-radius:12px;padding:12px 16px;margin-bottom:8px}.capacity-warning h4{margin:0 0 6px;color:#a05b00}.capacity-warning ul{margin:8px 0;padding-left:20px;color:#6c4b00;font-size:13px}.capacity-warning p{margin:8px 0;color:#6c4b00;font-size:13px}.capacity-warning.unsubmitted-warning{border-color:#f44336;background-color:#ffebee}.capacity-warning.unsubmitted-warning h4{color:#c62828}.capacity-warning.unsubmitted-warning p,.capacity-warning.unsubmitted-warning ul{color:#b71c1c}.unregistered-badge{display:inline-block;margin-left:8px;padding:2px 6px;background-color:#e05b4333;color:#c62828;border-radius:4px;font-size:11px;font-weight:600}.capacity-warning .note{margin-top:12px;padding-top:8px;border-top:1px solid rgba(0,0,0,.1);font-style:italic;font-size:12px}.shift-create-content{display:grid;grid-template-columns:1fr 300px;gap:20px;flex:1}.shift-create-content.month-view-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start;flex:1;min-height:0}.shift-create-calendar-wrapper{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000d;position:relative;min-width:0}.month-view-layout .shift-create-calendar-wrapper{max-width:100%;display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.shift-create-calendar-wrapper.is-disabled{opacity:.6;pointer-events:none}.calendar-disabled-overlay{position:absolute;inset:0;background-color:#fffffff2;display:flex;align-items:center;justify-content:center;border-radius:12px;z-index:10}.disabled-message{text-align:center;padding:20px}.disabled-message p{margin:0;font-size:16px;font-weight:600;color:#c62828}.disabled-message p.small{margin-top:8px;font-size:13px;font-weight:400;color:#666}.generating-overlay{position:fixed;inset:0;background-color:#00000073;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}.generating-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.generating-overlay p{margin-top:16px;color:#fff;font-size:16px;font-weight:600}.shift-create-calendar-wrapper .weekday-row{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.shift-create-calendar-wrapper .weekday-row span{text-align:center;font-weight:600;color:#666;padding:6px 0}.shift-create-calendar-grid{display:flex;flex-direction:column;gap:12px}.shift-create-week-row{border:1px solid #E8E9F0;border-radius:10px;overflow:hidden;position:relative;background:#fff;isolation:isolate;height:200px}.shift-create-week-days{display:grid;grid-template-columns:repeat(7,1fr);overflow:visible;position:relative;z-index:1}.shift-create-day{border:none;border-right:1px solid #f1f2f6;border-bottom:1px solid #f1f2f6;height:200px;padding:6px;position:relative;overflow:visible;cursor:pointer;transition:background-color .2s;display:flex;flex-direction:column;width:100%;min-width:0;background:transparent;font-family:inherit;font-size:inherit;text-align:left}.shift-create-day:hover:not(:disabled){background-color:#524fa10d}.shift-create-day:disabled{cursor:not-allowed;opacity:.5}.shift-create-day *{pointer-events:none}.shift-create-day:last-child{border-right:none}.shift-create-day.other-month{background-color:#fafafa;color:#999}.shift-create-day.today{background-color:#eef2ff;border:1px solid #524FA1}.shift-create-day.is-selected{background-color:#524fa12e;border:2px solid #524FA1;box-shadow:0 0 0 2px #524fa133}.shift-create-day.has-deficit{background-color:#f443360d}.shift-create-day .day-number{font-weight:600;font-size:15px;color:#333}.shift-create-day .day-number.holiday{color:#e60012}.shift-create-day .day-number.saturday{color:#06c}.shift-create-day .holiday-bar{background-color:#e60012;color:#fff;font-size:10px;font-weight:600;padding:2px 4px;border-radius:3px;text-align:center;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shift-create-shifts{margin-top:4px;display:flex;flex-direction:column;gap:4px;overflow:hidden}.shift-placeholder.not-work-day-label{color:#e74c3c;font-weight:600}.shift-create-day.not-work-day{background-color:#fff5f5;cursor:default}.shift-create-day.not-work-day:hover{background-color:#fff0f0}.create-shift-pill.shift-pattern-0{border-left:4px solid #2E7D32;background:#2e7d3214}.create-shift-pill.shift-pattern-0 .shift-label{color:#2e7d32!important}.create-shift-pill.shift-pattern-1{border-left:4px solid #E65100;background:#e6510014}.create-shift-pill.shift-pattern-1 .shift-label{color:#e65100!important}.create-shift-pill.shift-pattern-2{border-left:4px solid #1565C0;background:#1565c014}.create-shift-pill.shift-pattern-2 .shift-label{color:#1565c0!important}.create-shift-pill.shift-pattern-3{border-left:4px solid #00838F;background:#00838f14}.create-shift-pill.shift-pattern-3 .shift-label{color:#00838f!important}.create-shift-pill.shift-pattern-4{border-left:4px solid #880E4F;background:#880e4f14}.create-shift-pill.shift-pattern-4 .shift-label{color:#880e4f!important}.create-shift-pill.night-carryover-pill{border-left:4px solid #7B1FA2;background:#9c27b014}.create-shift-pill{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:3px 4px;border-radius:4px;font-size:9px;background-color:#524fa11a;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box;height:auto;min-height:56px;flex-shrink:0}.create-shift-pill .shift-label{font-weight:600;color:#524fa1;font-size:11px;white-space:nowrap}.create-shift-pill .shift-names{color:#555;width:100%;font-size:11px;display:flex;flex-wrap:wrap;gap:2px;align-items:flex-start}.create-shift-pill .member-name{display:inline-block;padding:1px 4px;border-radius:3px;font-size:11px;font-weight:400}.create-shift-pill .member-name.preferred{color:inherit;font-weight:400}.create-shift-pill .member-name.not-preferred{background-color:#ff980033;color:#e65100;font-weight:500}.create-shift-pill.has-locked-members{border-left:3px solid #1976D2}.lock-icon{font-size:12px;margin-left:2px}.create-shift-pill .member-name.constraint-violated{background-color:#f4433633;color:#c62828;font-weight:600}.member-name{display:inline-block;padding:2px 6px;border-radius:4px;margin-right:4px;font-size:11px}.member-name.preferred{color:inherit;font-weight:400}.member-name.not-preferred{background-color:#ff980033;color:#e65100;font-weight:500}.member-name.constraint-violated{background-color:#f4433633;color:#c62828;font-weight:600}.shift-num-badge.not-preferred{background-color:#ff980026!important;border-color:#e65100!important;color:#e65100!important}.shift-num-badge.constraint-violated{background-color:#f4433626!important;border-color:#c62828!important;color:#c62828!important}.create-shift-pill.has-constraint-violation{border:1px solid rgba(244,67,54,.3);background-color:#f4433614}.constraint-warning-icon{color:#c62828;font-size:12px;font-weight:600;margin-left:4px}.shift-assign-body{display:flex;flex-direction:column;gap:16px;max-height:60vh}.assign-section h4{margin:0 0 8px;font-size:14px;color:#444}.assign-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto}.assign-list label{display:flex;align-items:center;gap:8px;font-size:14px;color:#333}.capacity-info{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#555}.badge{padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.badge-ok{background-color:#4caf5026;color:#2e7d32}.badge-alert{background-color:#f4433626;color:#c62828}.label-summary{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.side-panels{display:flex;flex-direction:column;gap:16px;position:sticky;top:20px;height:fit-content;min-width:0;width:100%}.request-panel,.history-panel{border:1px solid #E8E9F0;border-radius:12px;background:linear-gradient(to bottom,#fafbff,#fff);padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:0 2px 8px #524fa114}.request-panel h3,.history-panel h3{margin:0;font-size:17px;font-weight:700;color:#2e2a5c;padding-bottom:12px;border-bottom:2px solid #F2F1FB}.request-panel-date{margin:0;color:#524fa1;font-size:15px;font-weight:600;padding:8px 12px;background-color:#f2f1fb;border-radius:8px;text-align:center}.edit-shifts-list{display:flex;flex-direction:column;gap:12px}.edit-shift-item{border:1px solid #E8E9F0;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:10px;background-color:#fff;transition:all .2s ease}.edit-shift-item:hover{border-color:#524fa1;box-shadow:0 2px 6px #524fa11f}.edit-shift-header{display:flex;justify-content:space-between;align-items:center;font-size:14px}.shift-index{font-weight:700;color:#2e2a5c;display:flex;align-items:center;gap:6px}.shift-available-count{color:#6d6a9e;font-size:13px;font-weight:600;padding:4px 10px;background-color:#f2f1fb;border-radius:12px}.edit-shift-members{font-size:13px;color:#555;min-height:24px;max-height:80px;display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start;overflow-y:auto;padding-right:4px}.empty-members{color:#b8b5d1;font-style:italic;font-size:13px}.edit-shift-members .member-name{font-size:13px;margin:0;padding:4px 10px;border-radius:6px;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-names{display:block;word-wrap:break-word}.edit-button{align-self:flex-end;padding:8px 16px;font-size:14px;font-weight:600;background-color:#524fa1;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.edit-button:hover{background-color:#423d8a;transform:translateY(-1px);box-shadow:0 4px 8px #524fa133}.edit-button:active{transform:translateY(0)}.stats-summary{margin-top:16px;padding:16px;background-color:#f9fafb;border-radius:8px;border:1px solid #E8E9F0}.stats-summary h4{margin:0 0 12px;font-size:15px;font-weight:700;color:#2e2a5c}.stats-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:#2e2a5c;border-bottom:1px solid #E8E9F0}.stats-row:last-child{border-bottom:none}.stats-row span:first-child{font-weight:500}.text-ok{color:#2e7d32;font-weight:700;display:inline-flex;align-items:center;gap:4px}.text-alert{color:#c62828;font-weight:700;display:inline-flex;align-items:center;gap:4px}.panel-disabled-message{padding:20px;text-align:center;color:#666;font-size:13px;border:1px dashed #E8E9F0;border-radius:10px;background-color:#fafafa}.panel-disabled-message p{margin:0}.request-slot{border:1px solid #f0f1f5;border-radius:10px;padding:10px}.request-slot-head{display:flex;justify-content:space-between;font-size:13px;color:#444;margin-bottom:6px}.request-slot ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.request-slot li{display:flex;justify-content:space-between;font-size:13px}.status-available{color:#2c8c53}.status-unavailable{color:#b3392d}.history-panel ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.history-panel li{border-bottom:1px solid #f0f1f5;padding-bottom:8px}.history-panel li:last-child{border-bottom:none}.history-time{font-size:12px;color:#888}.history-panel p{margin:4px 0 0;font-size:13px;color:#444}@media (max-width: 1024px){.shift-create-content,.shift-create-content.month-view-layout{grid-template-columns:1fr}.side-panels,.month-view-layout .side-panels{position:static;width:100%}}@media (max-width: 768px){.shift-create-header{flex-direction:column;align-items:flex-start}.shift-create-actions{justify-content:flex-start}}.adjustment-history-modal{max-width:800px;max-height:80vh;width:90%}.adjustment-history-modal .modal-body{max-height:60vh;overflow-y:auto}.adjustment-description{font-size:14px;color:#6d6a9e;margin-bottom:20px;line-height:1.6;text-align:center}.adjustment-list{display:flex;flex-direction:column;gap:12px}.adjustment-item{background-color:#fff8f6;border-radius:12px;padding:16px;border-left:4px solid #E05B43}.adjustment-text{font-size:14px;color:#2e2a5c;line-height:1.8;margin:0;white-space:pre-wrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.shift-create-month-view{overflow-x:auto;overflow-y:auto;width:100%;max-width:100%;-webkit-overflow-scrolling:touch;position:relative}.month-view-table thead{background-color:#f2f1fb;z-index:20;isolation:isolate}.month-view-table th.member-column{position:-webkit-sticky;position:sticky;left:0;background-color:#f2f1fb;z-index:10;min-width:120px;max-width:150px;text-align:left;padding-left:16px;box-shadow:2px 0 4px #00000014}.month-view-table th.date-column{min-width:50px;max-width:60px;overflow:hidden;transition:background-color .2s ease}.month-view-table th.date-column:hover{background-color:#524fa126}.month-view-table th.date-column.is-selected{background-color:#524fa1;box-shadow:inset 0 -3px #3c3a80}.month-view-table th.date-column.is-selected .date-day,.month-view-table th.date-column.is-selected .date-weekday{color:#fff}.month-view-table th.date-column.is-today{background-color:#e8f5e9}.month-view-table th.date-column.is-today.is-selected{background-color:#524fa1}.month-view-table th.date-column.has-deficit{background-color:#fff1dc}.month-view-table th.date-column.has-deficit.is-selected{background-color:#524fa1}.date-header{display:flex;flex-direction:column;align-items:center;gap:2px;overflow:hidden;width:100%}.date-day{font-size:18px;font-weight:700;color:#2e2a5c}.date-weekday{font-size:12px;color:#6d6a9e;font-weight:500}.date-holiday{font-size:9px;font-weight:600;color:#e60012;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.month-view-table td{padding:10px 8px;text-align:center;border:1px solid #E8E9F0;max-width:60px;overflow:hidden}.member-cell{position:-webkit-sticky;position:sticky;left:0;background-color:#fff;z-index:5;text-align:left!important;padding-left:16px!important;font-weight:500;min-width:120px;max-width:150px;transition:all .2s ease;box-shadow:2px 0 4px #00000014}.shift-cell{background-color:#fff}.shift-cell.clickable{cursor:pointer;transition:background-color .15s ease}.shift-cell.clickable:hover{background-color:#f5f3ff}.shift-cell.is-selected{background-color:#524fa10f}.shift-cell.not-work-day-cell{background-color:#f9f0f0}.not-work-day-mark{color:#e74c3c;font-size:12px}.shift-num-badge{display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:56px;height:28px;padding:0 4px;background-color:#fff;color:#333;font-size:12px;font-weight:700;border-radius:8px;white-space:nowrap;border:2.5px solid #999;box-sizing:border-box}.shift-num-badge.badge-pattern-0{border-color:#2e7d32;color:#2e7d32;background:#2e7d321f}.shift-num-badge.badge-pattern-1{border-color:#e65100;color:#e65100;background:#e651001f}.shift-num-badge.badge-pattern-2{border-color:#1565c0;color:#1565c0;background:#1565c01f}.shift-num-badge.badge-pattern-3{border-color:#00838f;color:#00838f;background:#00838f1f}.shift-num-badge.badge-pattern-4{border-color:#880e4f;color:#880e4f;background:#880e4f1f}.shift-num-badge.badge-day{border-color:#2e7d32;color:#2e7d32;background:#2e7d321f}.shift-num-badge.badge-night{border-color:#e65100;color:#e65100;background:#e651001f}.badge-icon{font-size:9px;margin-right:1px;font-weight:900}.badge-icon.warn{color:#ffd600}.badge-icon.error{color:#ff1744}.night-carryover-pill{background:#9c27b014;border-left:3px solid #9C27B0;opacity:.75}.night-carryover-label{color:#9c27b0!important;font-style:italic}.inokori-pill{background:#e67e2214;border-left:3px solid #E67E22}.inokori-label{color:#e67e22!important;font-weight:600}.member-name.carryover{background:#9c27b01a;color:#7b1fa2}.night-carryover-badge{background:#9c27b01f!important;color:#7b1fa2!important;border:2.5px solid #7B1FA2!important}.edit-inokori-section{margin-top:12px;padding-top:12px;border-top:1px solid #E0DFF0}.edit-inokori-item{display:flex;align-items:flex-start;gap:8px;margin-bottom:6px}.inokori-rank-label{min-width:48px;padding-top:5px}.inokori-slots{flex:1;display:flex;flex-direction:column;gap:4px}.inokori-slot-row{display:flex;align-items:center;gap:4px}.inokori-select{flex:1;padding:4px 8px;border:1px solid #D0CEE8;border-radius:6px;font-size:.85em;background:#fff}.inokori-auto-note{font-size:11px;color:#6d6a9e;margin:4px 0 0;padding:0 8px}.inokori-edit-desc{font-size:12px;color:#6d6a9e;margin:0 0 8px;line-height:1.4}.generate-dropdown{position:relative;display:inline-block}.generate-trigger{display:flex;align-items:center;gap:4px}.generate-menu{position:absolute;top:calc(100% + 4px);left:0;background:#fff;border:1px solid #E8E9F0;border-radius:8px;box-shadow:0 4px 12px #0000001f;width:min(280px,calc(100vw - 32px));z-index:100;padding:4px 0}@media (max-width: 768px){.generate-menu{left:auto;right:0}}.generate-menu button{display:flex;flex-direction:column;width:100%;padding:10px 16px;border:none;background:none;text-align:left;cursor:pointer;font-size:14px;color:#2e2a5c}.generate-menu button:hover{background:#f2f1fb}.generate-menu hr{border:none;border-top:1px solid #E8E9F0;margin:4px 0}.menu-desc{font-size:11px;color:#6d6a9e;margin-top:2px}.adjustment-signals-modal{max-width:700px;max-height:80vh;overflow-y:auto}.signals-summary{background:#f8f9fa;border-radius:8px;padding:12px 16px;margin-bottom:16px}.signals-summary h4{font-size:14px;margin:0 0 8px;color:#2e2a5c}.signals-by-period{display:flex;flex-direction:column;gap:16px}.signal-period-group{border:1px solid #E8E9F0;border-radius:8px;padding:12px}.signal-period-title{font-size:13px;color:#524fa1;margin:0 0 8px;font-weight:600}.signal-list{display:flex;flex-direction:column;gap:8px}.signal-item{background:#fafafe;border:1px solid #E8E9F0;border-radius:6px;padding:8px 12px}.signal-item-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.signal-category-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;white-space:nowrap}.signal-cat-preference_override{background:#fdedec;color:#c0392b}.signal-cat-constraint_correction{background:#fef9e7;color:#d68910}.signal-cat-fairness_adjustment{background:#e8f8f5;color:#1abc9c}.signal-cat-label_redistribution{background:#ebf5fb;color:#2980b9}.signal-cat-general{background:#f4f3ff;color:#524fa1}.signal-type-badge{font-size:11px;padding:2px 6px;border-radius:4px;background:#e8e9f0;color:#2e2a5c}.signal-date,.signal-pattern{font-size:12px;color:#6d6a9e}.signal-details{font-size:13px;color:#2e2a5c;margin:2px 0;line-height:1.4}.signal-timestamp{font-size:11px;color:#999}.ai-weights-active{border-color:#524fa1!important;color:#524fa1!important;font-weight:600}.ai-weights-panel{background:#f8f7ff;border:1px solid #E0DEF5;border-radius:10px;padding:16px;margin:0 0 12px}.ai-weights-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.ai-weights-header h4{margin:0;font-size:15px;color:#2e2a5c}.ai-weights-source{font-size:12px;padding:2px 8px;border-radius:4px;background:#e8e6f8;color:#524fa1}.ai-weights-summary{font-size:13px;color:#6d6a9e;margin:0 0 12px;line-height:1.5}.ai-weights-sliders{display:flex;flex-direction:column;gap:12px}.ai-weight-slider-row{display:flex;flex-direction:column;gap:4px}.ai-weight-slider-label{display:flex;justify-content:space-between;align-items:center}.ai-weight-name{font-size:13px;font-weight:600;color:#2e2a5c}.ai-weight-value{font-size:13px;font-weight:600;color:#524fa1;min-width:40px;text-align:right}.ai-weight-slider{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:#e0def5;border-radius:3px;outline:none;cursor:pointer}.ai-weight-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#524fa1;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px #0003}.ai-weight-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#524fa1;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px #0003}.ai-weight-description{font-size:11px;color:#999;margin:0;line-height:1.3}.ai-learning-insight{background:#f2f1fb;border-left:4px solid #524FA1;border-radius:0 8px 8px 0;padding:12px 16px;margin-bottom:14px;animation:insightFadeIn .4s ease-out}@keyframes insightFadeIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.ai-learning-insight-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.ai-learning-insight-icon{font-size:16px;line-height:1}.ai-learning-insight-title{font-size:13px;font-weight:600;color:#2e2a5c}.ai-learning-insight-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.ai-learning-insight-list li{display:flex;align-items:flex-start;gap:6px;font-size:12px;color:#4a4780;line-height:1.5}.ai-learning-insight-list .insight-icon{flex-shrink:0;font-size:12px;line-height:1.5}.ai-learning-insight-list .insight-text{flex:1}.ai-weight-value-group{display:flex;align-items:center;gap:6px}.ai-weight-delta{font-size:11px;font-weight:600;padding:1px 5px;border-radius:4px;line-height:1.4;white-space:nowrap}.ai-weight-delta.delta-up{background:#e8f5e9;color:#2e7d32}.ai-weight-delta.delta-down{background:#fff3e0;color:#e65100}.ai-weight-slider-wrapper{position:relative;width:100%;height:18px;display:flex;align-items:center}.ai-weight-slider-wrapper .ai-weight-slider{position:relative;z-index:1}.ai-weight-default-marker{position:absolute;top:2px;width:2px;height:14px;background:#0003;border-radius:1px;z-index:0;pointer-events:none;transform:translate(-1px)}.ai-weights-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.ai-weights-actions .ghost-button{font-size:12px;padding:6px 12px}.ai-weights-actions .ghost-button:disabled{opacity:.4;cursor:not-allowed}.phase-indicator{display:flex;gap:4px;padding:8px 12px;background:linear-gradient(135deg,#f8f7ff,#fff);border:1px solid #E0DEF5;border-radius:12px;align-items:center;justify-content:center;flex-wrap:wrap}.phase-step{display:flex;align-items:center;gap:8px;padding:8px 16px;border:2px solid transparent;border-radius:8px;background:transparent;cursor:pointer;transition:all .2s ease;font-family:inherit;position:relative}.phase-step:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid #E0DEF5;border-top:6px solid transparent;border-bottom:6px solid transparent}.phase-step:last-child:after{display:none}.phase-step:hover{background:#524fa10f}.phase-step.active{background:#524fa1;border-color:#524fa1}.phase-step.active .phase-number{background:#fff;color:#524fa1}.phase-step.active .phase-label{color:#fff;font-weight:700}.phase-step.active:after{border-left-color:#524fa1}.phase-step.completed .phase-number{background:#4caf50;color:#fff}.phase-step.completed .phase-label{color:#4caf50}.phase-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#e0def5;color:#524fa1;font-size:14px;font-weight:700;flex-shrink:0}.phase-label{font-size:13px;font-weight:600;color:#6d6a9e;white-space:nowrap}@media (max-width: 768px){.phase-indicator{gap:2px;padding:6px 8px}.phase-step{padding:6px 8px;gap:4px}.phase-label{font-size:11px}.phase-number{width:24px;height:24px;font-size:12px}}.request-overview-panel{background:linear-gradient(135deg,#fff9e6,#fff);border:1px solid #FFE082;border-radius:12px;padding:16px 20px}.overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.overview-header h3{margin:0;font-size:16px;font-weight:700;color:#2e2a5c}.overview-summary{display:flex;gap:16px;flex-wrap:wrap}.overview-stat{display:flex;flex-direction:column;align-items:center;padding:8px 16px;background:#fff;border-radius:8px;border:1px solid #E8E9F0;min-width:80px}.overview-stat .stat-value{font-size:24px;font-weight:700;color:#2e2a5c}.overview-stat .stat-value.stat-warning{color:#e65100}.overview-stat .stat-label{font-size:12px;color:#6d6a9e;margin-top:2px}.overview-details{margin-top:12px;overflow-x:auto}.overview-table{width:100%;border-collapse:collapse;font-size:13px}.overview-table th,.overview-table td{padding:8px 12px;border-bottom:1px solid #E8E9F0;text-align:left}.overview-table th{background:#f8f7ff;font-weight:600;color:#2e2a5c;font-size:12px;position:sticky;top:0}.overview-table td{color:#333}.submission-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.submission-badge.submitted{background:#e8f5e9;color:#2e7d32}.submission-badge.not-submitted{background:#fff3e0;color:#e65100}.pref-count{text-align:center!important;font-weight:600;min-width:32px}.pref-double-circle{color:#1565c0}.pref-circle{color:#2e7d32}.pref-triangle{color:#e65100}.pref-cross{color:#c62828}.quality-report-panel{background:linear-gradient(135deg,#f0f8ff,#fff);border:1px solid #90CAF9;border-radius:12px;padding:16px 20px}.quality-report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.quality-report-header h3{margin:0;font-size:16px;font-weight:700;color:#2e2a5c}.quality-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.quality-metric{background:#fff;border:1px solid #E8E9F0;border-radius:10px;padding:14px 16px}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.metric-label{font-size:13px;font-weight:600;color:#2e2a5c}.metric-value{font-size:20px;font-weight:700}.metric-value.score-excellent{color:#2e7d32}.metric-value.score-good{color:#1565c0}.metric-value.score-fair{color:#e65100}.metric-value.score-poor{color:#c62828}.metric-bar{height:6px;background:#e8e9f0;border-radius:3px;overflow:hidden;margin-bottom:6px}.metric-bar-fill{height:100%;background:linear-gradient(90deg,#4caf50,#2e7d32);border-radius:3px;transition:width .5s ease}.metric-rating{font-size:12px;color:#6d6a9e;font-weight:500}.metric-detail{font-size:11px;color:#999;margin-top:4px}.violation-summary{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.violation-badge{display:inline-block;padding:3px 10px;border-radius:10px;font-size:12px;font-weight:600}.violation-badge.critical{background:#ffebee;color:#c62828}.violation-badge.warning{background:#fff8e1;color:#f57f17}.violation-badge.engine{background:#f3e5f5;color:#7b1fa2}.violation-badge.ok{background:#e8f5e9;color:#2e7d32}.fairness-details,.violation-details{margin-top:12px}.fairness-details summary,.violation-details summary{cursor:pointer;font-size:14px;font-weight:600;color:#524fa1;padding:8px 0}.fairness-details summary:hover,.violation-details summary:hover{color:#3c3a80}.fairness-table-wrapper{max-height:300px;overflow-y:auto;margin-top:8px}.fairness-table{width:100%;border-collapse:collapse;font-size:13px}.fairness-table th,.fairness-table td{padding:6px 12px;border-bottom:1px solid #E8E9F0;text-align:left}.fairness-table th{background:#f8f7ff;font-weight:600;color:#2e2a5c;position:sticky;top:0}.violation-list{display:flex;flex-direction:column;gap:6px;margin-top:8px;max-height:200px;overflow-y:auto}.violation-item{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;border-radius:6px;font-size:13px}.violation-item.violation-critical{background:#fff5f5;border-left:3px solid #C62828}.violation-item.violation-warning{background:#fffde7;border-left:3px solid #F57F17}.violation-severity-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;white-space:nowrap}.violation-severity-badge.critical{background:#ffcdd2;color:#c62828}.violation-severity-badge.warning{background:#fff9c4;color:#f57f17}.violation-description{color:#333;line-height:1.4}.learning-effect-section{background:#f2f1fb;border:1px solid #E0DEF5;border-left:4px solid #524FA1;border-radius:0 10px 10px 0;padding:14px 16px;margin-bottom:16px;animation:insightFadeIn .4s ease-out}.learning-effect-header{display:flex;align-items:center;gap:6px;margin-bottom:10px}.learning-effect-icon{font-size:16px;line-height:1}.learning-effect-title{font-size:14px;font-weight:700;color:#2e2a5c}.learning-effect-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.learning-effect-item{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.5;color:#333}.learning-effect-item.effect-positive{color:#2e7d32}.learning-effect-item.effect-neutral{color:#e65100}.learning-effect-item .effect-icon{flex-shrink:0;font-size:14px;line-height:1.5}.learning-effect-item .effect-text{flex:1}.undo-redo-group{display:flex;gap:4px}.undo-btn,.redo-btn{padding:6px 12px!important;font-size:13px!important;min-width:auto}.undo-btn:disabled,.redo-btn:disabled{opacity:.4;cursor:not-allowed}.swap-toggle{position:relative}.swap-toggle.swap-active{background-color:#ff9800!important;color:#fff!important;border-color:#ff9800!important}.member-name.swappable{cursor:pointer;transition:all .2s ease;border:1px solid transparent}.member-name.swappable:hover{border-color:#ff9800;background-color:#ff98001a!important}.member-name.swap-source{border:2px solid #FF9800!important;background-color:#ff980033!important;box-shadow:0 0 0 2px #ff98004d}@media (max-width: 768px){.quality-metrics{grid-template-columns:1fr}.overview-summary{flex-direction:row;justify-content:space-around}.undo-redo-group{width:100%;justify-content:center}}.phase-action-bar{display:flex;justify-content:flex-end;margin-top:16px;padding-top:12px;border-top:1px solid rgba(0,0,0,.08)}.phase-advance-btn{font-size:15px;padding:10px 24px;font-weight:700;letter-spacing:.3px}.phase2-guidance{background:linear-gradient(135deg,#f0f8ff,#e8f5e9);border:1px solid #90CAF9;border-radius:12px;padding:16px 20px;text-align:center}.phase2-guidance p{margin:0;font-size:15px;color:#2e2a5c;line-height:1.5}.phase2-guidance strong{color:#524fa1}.generate-trigger.phase2-prominent{background-color:#524fa1!important;color:#fff!important;border-color:#524fa1!important;font-weight:700;padding:8px 20px;font-size:15px}.generate-trigger.phase2-prominent:hover{background-color:#423d8a!important}.request-overview-collapsed{background:linear-gradient(135deg,#fff9e6,#fff);border:1px solid #FFE082;border-radius:12px;padding:12px 16px}.request-overview-collapsed summary{cursor:pointer;font-size:14px;font-weight:600;color:#2e2a5c;list-style:disclosure-closed;user-select:none}.request-overview-collapsed[open] summary{list-style:disclosure-open;margin-bottom:4px}.request-overview-collapsed .collapsed-warning{color:#e65100;font-weight:700}.swap-guide-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:linear-gradient(135deg,#fff8e1,#fff3e0);border:2px solid #FF9800;border-radius:12px;animation:swapBannerSlideIn .3s ease-out}@keyframes swapBannerSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.swap-guide-content{display:flex;align-items:center;gap:10px;flex:1}.swap-guide-icon{font-size:22px;color:#e65100;flex-shrink:0}.swap-guide-text{font-size:14px;color:#2e2a5c;line-height:1.4}.swap-guide-text strong{color:#e65100}.swap-guide-actions{display:flex;gap:8px;flex-shrink:0}.swap-cancel-btn{border-color:#ff9800!important;color:#e65100!important;font-weight:600;font-size:13px!important;padding:6px 12px!important}.swap-cancel-btn:hover{background-color:#ff98001a!important}.swap-exit-btn{font-size:13px!important;padding:6px 12px!important}.swap-toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:12px 24px;background:#2e7d32;color:#fff;border-radius:10px;box-shadow:0 6px 20px #0003;font-size:14px;font-weight:600;z-index:9999;animation:swapToastIn .3s ease-out,swapToastOut .3s ease-in 2.7s forwards}.swap-toast-icon{font-size:18px;font-weight:900}@keyframes swapToastIn{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes swapToastOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(16px)}}.edit-shift-item.swap-greyed-out{opacity:.35;pointer-events:none;filter:grayscale(.6);transition:opacity .2s ease,filter .2s ease}.member-name.swap-disabled{opacity:.3;cursor:not-allowed!important;pointer-events:none}.member-name.swap-source{border:2px solid #FF9800!important;background-color:#ff980040!important;box-shadow:0 0 0 3px #ff98004d;animation:swapSourcePulse 1.5s ease-in-out infinite}@keyframes swapSourcePulse{0%,to{box-shadow:0 0 0 3px #ff98004d}50%{box-shadow:0 0 0 5px #ff980026}}@media (max-width: 768px){.swap-guide-banner{flex-direction:column;align-items:flex-start;padding:10px 14px}.swap-guide-actions{width:100%;justify-content:flex-end}.swap-toast{width:calc(100% - 32px);max-width:360px;text-align:center;justify-content:center}}.create-shift-pill.grid-swap-active .member-name.grid-swappable{pointer-events:auto!important;cursor:pointer;transition:all .15s ease;border:1px solid transparent;border-radius:3px}.create-shift-pill.grid-swap-active .member-name.grid-swappable:hover{border-color:#ff9800;background-color:#ff980026!important}.create-shift-pill.grid-swap-greyed{opacity:.3;filter:grayscale(.6);transition:opacity .2s ease,filter .2s ease}.shift-num-badge.grid-swappable-badge{cursor:pointer;transition:all .15s ease}.shift-num-badge.grid-swappable-badge:hover{box-shadow:0 0 0 2px #ff980080;transform:scale(1.1)}.shift-num-badge.grid-swap-source-badge{box-shadow:0 0 0 3px #ff980080!important;animation:swapSourcePulse 1.5s ease-in-out infinite;transform:scale(1.1)}.shift-num-badge.grid-swap-greyed-badge{opacity:.25;filter:grayscale(.6);pointer-events:none}.shift-num-badge.draggable-badge{cursor:grab;user-select:none;transition:transform .15s ease,box-shadow .15s ease}.shift-num-badge.draggable-badge:hover{transform:scale(1.08);box-shadow:0 2px 8px #524fa140}.shift-num-badge.drag-source-badge{opacity:.3!important;transform:scale(.95)}.shift-cell.drag-over-target{border:2px dashed #524FA1!important;background-color:#524fa114!important;transition:border-color .15s ease,background-color .15s ease}.shift-cell.drag-invalid-target{cursor:not-allowed}.ai-weights-details{background:#f8f7ff;border:1px solid #E0DEF5;border-radius:10px;overflow:hidden}.ai-weights-details-summary{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;font-size:14px;font-weight:600;color:#2e2a5c;user-select:none;list-style:disclosure-closed;flex-wrap:wrap}.ai-weights-details[open] .ai-weights-details-summary{list-style:disclosure-open;border-bottom:1px solid #E0DEF5}.ai-weights-inline-summary{font-size:12px;font-weight:400;color:#6d6a9e;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-weights-details-summary .ai-weights-source{font-size:11px;padding:2px 8px;border-radius:4px;background:#e8e6f8;color:#524fa1;flex-shrink:0}.ai-weights-details-body{padding:16px}@media (max-width: 768px){.ai-weights-inline-summary{display:none}}.step-container{animation:stepFadeIn .3s ease-out}@keyframes stepFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.step-cta-area{display:flex;justify-content:center;padding:24px 0 8px}.step-cta-btn{font-size:16px!important;padding:14px 40px!important;font-weight:700!important;letter-spacing:.5px;border-radius:12px!important;min-width:240px;text-align:center;transition:all .2s ease;box-shadow:0 4px 12px #524fa140}.step-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #524fa159}.step-cta-btn:active{transform:translateY(0)}.step1-period-nav{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:20px}.step1-period-label{font-size:18px;font-weight:600;color:#2e2a5c;min-width:200px;text-align:center}.step-1 .request-overview-panel{max-width:900px;margin:0 auto}.step-2{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.ai-weights-panel-step2{background:#f8f7ff;border:1px solid #E0DEF5;border-radius:12px;padding:20px 24px}.ai-weights-panel-step2 .ai-weights-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.ai-weights-panel-step2 .ai-weights-header h4{margin:0;font-size:17px;color:#2e2a5c;font-weight:700}.ai-weights-panel-step2 .ai-weights-summary{font-size:13px;color:#6d6a9e;margin:0 0 16px;line-height:1.5}.step-2 .step-cta-area{position:relative}.step-2 .generate-dropdown{display:flex;justify-content:center}.generate-menu-step2{left:50%;transform:translate(-50%);top:calc(100% + 4px)}.step-3{display:flex;flex-direction:column;gap:12px}.step3-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;flex-wrap:wrap}.step3-toolbar-left,.step3-toolbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media (max-width: 768px){.step3-toolbar{flex-direction:column;align-items:flex-start}.step3-toolbar-left,.step3-toolbar-right{width:100%;justify-content:flex-start}}.step-4{display:flex;flex-direction:column;gap:20px}.step4-readonly-grid{opacity:.95}.step4-actions{display:flex;justify-content:center;align-items:center;gap:16px;padding:16px 0}.step4-back-btn{font-size:14px;padding:10px 20px}@media (max-width: 768px){.step4-actions{flex-direction:column}.step-cta-btn{min-width:auto!important;width:100%}}@media print{@page{size:landscape;margin:3mm}body,html{width:100%!important;margin:0!important;padding:0!important}.tab-navigation,.tab-nav,.nav-container,.nav-tabs,.nav-screen-title,.step-cta-actions,.modal-overlay,.calendar-controls,.view-mode-switcher,.info-banner,.period-navigation,footer,.app-header,.skip-to-content,.step-phases-header,.step-content-header,.adjustment-history-section,.shift-create-actions,.quality-report-section,.ai-weight-controls,.request-summary-section,.shift-generation-controls,[data-testid=shift-create-print],[data-testid=save-finalized-btn],.step-cta-btn{display:none!important}.shift-create-page{padding:0!important;margin:0!important;gap:0!important}.shift-create-calendar-wrapper,.month-view-container,.shift-create-month-view{overflow:visible!important;max-height:none!important;height:auto!important;width:100%!important;max-width:none!important}.month-view-table{width:100%!important;max-width:none!important;font-size:7px;table-layout:fixed;word-break:break-all}.month-view-table thead,.month-view-table thead th{position:static!important}.month-view-table th,.month-view-table td{padding:1px 2px!important;border:.5px solid #ccc!important}.member-cell,.member-column{position:static!important;box-shadow:none!important;min-width:0!important;max-width:none!important;width:auto!important}}.comments-modal-card{background-color:#fff;border-radius:20px;box-shadow:0 12px 24px #211d572e;width:100%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.comments-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #F0F0F5}.comments-modal-title{font-size:18px;font-weight:700;color:#211d57;margin:0}.modal-close-button{background:none;border:none;font-size:24px;color:#6b6b89;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s ease}.modal-close-button:hover{background-color:#6b6b891a}.comments-scroll-area{flex:1;overflow-y:auto;padding:20px 24px;max-height:50vh;min-height:200px}.comments-scroll-area::-webkit-scrollbar{width:6px}.comments-scroll-area::-webkit-scrollbar-track{background:#f7f7ff;border-radius:3px}.comments-scroll-area::-webkit-scrollbar-thumb{background:#524fa14d;border-radius:3px}.comments-scroll-area::-webkit-scrollbar-thumb:hover{background:#524fa180}.comments-loading,.comments-empty{text-align:center;color:#9ea2b3;font-size:14px;padding:40px 20px}.comments-list{display:flex;flex-direction:column;gap:16px}.comment-bubble{display:flex;flex-direction:column;max-width:75%;position:relative}.comment-bubble.my-comment{align-self:flex-end;align-items:flex-end}.comment-bubble.other-comment{align-self:flex-start;align-items:flex-start}.comment-username{font-size:12px;font-weight:600;color:#6b6b89;margin-bottom:4px}.comment-text{background-color:#f7f7ff;padding:12px 16px;border-radius:16px;font-size:14px;color:#211d57;line-height:1.5;word-wrap:break-word;white-space:pre-wrap}.comment-bubble.my-comment .comment-text{background-color:#524fa1;color:#fff;border-bottom-right-radius:4px}.comment-bubble.other-comment .comment-text{border-bottom-left-radius:4px}.comment-meta{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:11px;color:#9ea2b3}.comment-timestamp{font-size:11px}.edited-badge{font-size:11px;color:#9ea2b3;font-style:italic}.comment-menu-button{background:none;border:none;font-size:16px;color:#9ea2b3;cursor:pointer;padding:0 4px;line-height:1;transition:color .2s ease}.comment-menu-button:hover{color:#524fa1}.comment-menu{position:absolute;right:0;top:100%;background:#fff;border:1px solid #E8E9F0;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:10;margin-top:4px;overflow:hidden}.comment-menu button{display:block;width:100%;padding:10px 16px;border:none;background:#fff;color:#211d57;font-size:14px;text-align:left;cursor:pointer;transition:background-color .2s ease}.comment-menu button:hover{background-color:#f7f7ff}.comment-menu button.delete-option{color:#c62828}.comment-menu button.delete-option:hover{background-color:#f443361a}.comment-edit-area{width:100%;display:flex;flex-direction:column;gap:8px}.comment-edit-input{width:100%;min-height:80px;padding:12px;border:1px solid rgba(82,79,161,.2);border-radius:8px;font-size:14px;color:#211d57;font-family:inherit;resize:vertical}.comment-edit-input:focus{outline:none;border-color:#524fa1}.comment-edit-buttons{display:flex;justify-content:flex-end;gap:8px}.cancel-button,.save-button{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-button{background-color:#fff;border:1px solid rgba(82,79,161,.25);color:#524fa1}.cancel-button:hover{background-color:#f7f7ff}.save-button{background-color:#524fa1;border:none;color:#fff}.save-button:hover{background-color:#423d8a}.comments-input-area{display:flex;gap:12px;padding:16px 24px;border-top:1px solid #F0F0F5;background-color:#fafbff}.comment-input{flex:1;height:44px;border-radius:22px;background-color:#fff;border:1px solid rgba(82,79,161,.2);padding:0 16px;font-size:14px;color:#211d57;transition:border-color .2s ease}.comment-input:focus{outline:none;border-color:#524fa1}.comment-input::placeholder{color:#9ea2b3}.comment-send-button{height:44px;padding:0 24px;border-radius:22px;background-color:#524fa1;border:none;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.comment-send-button:hover:not(:disabled){background-color:#423d8a}.comment-send-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.comments-modal-card{max-width:100%;max-height:90vh}.comments-modal-header,.comments-scroll-area{padding:16px 20px}.comments-input-area{padding:12px 20px}.comment-bubble{max-width:85%}}.paste-preview-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#100f2e80;z-index:1000}.paste-preview-card{background:#fff;border-radius:16px;padding:24px;width:min(520px,92vw);max-height:80vh;display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 60px #00000026}.paste-preview-title{margin:0;color:#2e2a5c;font-size:18px;font-weight:700}.paste-preview-subtitle{margin:0;color:#6d6a9e;font-size:14px}.paste-preview-list{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:4px 0}.paste-preview-empty{color:#999;font-size:14px;text-align:center;padding:20px}.paste-preview-date-group{border:1px solid #E8E9F0;border-radius:8px;overflow:hidden}.paste-preview-date-label{background:#f2f1fb;padding:6px 12px;font-size:13px;font-weight:700;color:#2e2a5c}.paste-preview-events{padding:6px 12px;display:flex;flex-direction:column;gap:4px}.paste-preview-event-item{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:13px}.paste-preview-event-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.paste-preview-event-title{color:#333;font-weight:600;flex:1}.paste-preview-event-time{color:#888;font-size:12px;white-space:nowrap}.paste-preview-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:8px;border-top:1px solid #E8E9F0}.shift-result-page{padding:20px;min-height:calc(100vh - 140px);background-color:#f5f6fa;display:flex;flex-direction:column;gap:20px}.shift-result-header{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 10px #0000000d}.shift-result-header h2{color:#524fa1;margin-top:0;margin-bottom:0}.shift-result-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000d}.info-banner{padding:14px 18px;border-radius:10px;background-color:#fff7e8;border:1px solid #ffd187;color:#8a5600;font-size:14px}.shift-result-calendar-wrapper{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000d;position:relative}.calendar-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:20px}.calendar-header{display:flex;justify-content:center;align-items:center;gap:16px}.month-title{color:#524fa1;font-size:20px;font-weight:600;margin:0;min-width:140px;text-align:center}.shift-result-calendar-wrapper .weekday-row{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.shift-result-calendar-wrapper .weekday-row span{text-align:center;font-weight:600;color:#666;padding:6px 0}.shift-result-calendar-grid{display:flex;flex-direction:column;gap:12px}.shift-result-week-row{border:1px solid #E8E9F0;border-radius:10px;overflow:hidden;position:relative;background:#fff;isolation:isolate;height:200px}.shift-result-week-days{display:grid;grid-template-columns:repeat(7,1fr);overflow:visible;position:relative;z-index:1}.shift-result-day{border:none;border-right:1px solid #f1f2f6;border-bottom:1px solid #f1f2f6;height:200px;padding:6px;position:relative;overflow:visible;cursor:pointer;transition:background-color .2s;display:flex;flex-direction:column;width:100%;min-width:0;background:transparent;font-family:inherit;font-size:inherit;text-align:left}.shift-result-day:hover{background-color:#524fa10d}.shift-result-day *{pointer-events:none}.shift-result-day:last-child{border-right:none}.shift-result-day.other-month{background-color:#fafafa;color:#999}.shift-result-day.today{background-color:#eef2ff;border:1px solid #524FA1}.shift-result-day.is-empty{opacity:.6}.shift-result-day .day-number{font-weight:600;font-size:13px;color:#333;display:flex;align-items:center;gap:4px}.shift-result-day .day-number.holiday{color:#e60012}.shift-result-day .day-number.saturday{color:#06c}.shift-result-day .holiday-bar{background-color:#e60012;color:#fff;font-size:10px;font-weight:600;padding:2px 4px;border-radius:3px;text-align:center;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-badge{background-color:#ff5722;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;line-height:1}.shift-result-shifts{margin-top:4px;display:flex;flex-direction:column;gap:4px}.shift-placeholder{font-size:12px;color:#999}.result-shift-pill{display:flex;flex-direction:column;align-items:flex-start;padding:3px 4px;border-radius:4px;background-color:#f6f7ff;font-size:9px;color:#3a3882;gap:2px;overflow:hidden;width:100%;box-sizing:border-box;height:56px;flex-shrink:0}.result-shift-pill>span:first-child{font-weight:600;font-size:10px;color:#524fa1}.result-shift-pill.night-carryover>span:first-child{color:#9c27b0}.result-names{color:#555;width:100%;font-size:10px;display:flex;flex-wrap:wrap;gap:2px;align-items:flex-start}.result-names .member-name{display:inline-block;padding:1px 4px;border-radius:3px;font-size:10px;background-color:#524fa11a;color:#524fa1}.overlay-loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:#f5f6fab3;font-weight:600;z-index:900;color:#524fa1}.history-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#100f2e80;z-index:1000}.history-modal-card{background:#fff;border-radius:16px;padding:24px;width:min(480px,90vw);max-height:80vh;display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 60px #00000026}.history-modal-card ul{list-style:none;margin:0;padding:0;max-height:50vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.history-modal-card li{border:1px solid #f0e4d7;border-radius:10px;padding:10px 12px;background:#fffaf5}.history-badges{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.history-modal-subtitle{margin:0;color:#666;font-size:14px}@media (max-width: 768px){.shift-result-header{flex-direction:column;align-items:flex-start}.shift-result-actions{justify-content:flex-start}}.info-banner.success{border-color:#a5d6a7;background-color:#f1fbf1;color:#2e7d32}.view-mode-switcher{display:flex;gap:4px;background-color:#f0f0f5;padding:4px;border-radius:8px}.view-mode-btn{padding:6px 16px;border:none;background-color:transparent;color:#6d6a9e;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease}.view-mode-btn:hover{background-color:#524fa11a}.view-mode-btn.active{background-color:#524fa1;color:#fff}.shift-result-month-view{overflow-x:auto;overflow-y:auto;width:100%;max-width:100%;-webkit-overflow-scrolling:touch;position:relative}.month-view-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;font-size:13px;background-color:#fff;table-layout:auto}.month-view-table thead{position:-webkit-sticky;position:sticky;top:0;background-color:#f2f1fb;z-index:20;isolation:isolate}.month-view-table thead th{background-color:#f2f1fb;position:-webkit-sticky;position:sticky;top:0;z-index:20;background-clip:padding-box}.month-view-table th{padding:12px 8px;text-align:center;border:1px solid #E8E9F0;font-weight:600;color:#2e2a5c}.shift-result-page .month-view-table th.member-column{position:-webkit-sticky;position:sticky;left:0;background-color:#f2f1fb;z-index:21;min-width:120px;max-width:150px;text-align:left;padding-left:16px;box-shadow:2px 0 4px #00000014}.month-view-table th.date-column{min-width:50px;max-width:60px;overflow:hidden}.date-header{display:flex;flex-direction:column;align-items:center;gap:2px}.date-day{font-size:16px;font-weight:700;color:#2e2a5c}.date-weekday{font-size:11px;color:#6d6a9e;font-weight:500}.date-day.holiday,.date-weekday.holiday{color:#e60012}.date-day.saturday,.date-weekday.saturday{color:#06c}.date-holiday{font-size:9px;font-weight:600;color:#e60012;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50px}.month-view-table tbody tr{border-bottom:1px solid #E8E9F0}.month-view-table tbody tr:hover{background-color:#524fa105}.shift-result-page .month-view-table td{padding:10px 8px;text-align:center;border:1px solid #E8E9F0;max-width:60px;overflow:hidden;position:relative;z-index:0}.shift-result-page .member-cell{position:-webkit-sticky;position:sticky;left:0;background-color:#fff;z-index:5;text-align:left!important;padding-left:16px!important;font-weight:500;min-width:120px;max-width:150px;transition:all .2s ease;box-shadow:2px 0 4px #00000014}.month-view-table tbody tr:hover .member-cell{background-color:#524fa1;color:#fff;font-weight:700}.member-name-full{color:#2e2a5c;font-size:14px}.unregistered-badge-small{display:inline-block;margin-left:6px;padding:2px 6px;background-color:#ff9800;color:#fff;font-size:10px;font-weight:600;border-radius:4px}.shift-result-page .shift-cell{background-color:#fff;overflow:hidden}.shift-numbers{display:flex;gap:4px;justify-content:center;align-items:center;flex-wrap:wrap}.shift-result-page .shift-num-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:28px;padding:0 6px;background-color:#fff;color:#333;font-size:12px;font-weight:700;border-radius:8px;white-space:nowrap;border:2.5px solid #999;width:100%;max-width:56px;box-sizing:border-box}.shift-result-page .shift-num-badge.badge-pattern-0{border-color:#2e7d32;color:#2e7d32;background:#2e7d321f}.shift-result-page .shift-num-badge.badge-pattern-1{border-color:#e65100;color:#e65100;background:#e651001f}.shift-result-page .shift-num-badge.badge-pattern-2{border-color:#1565c0;color:#1565c0;background:#1565c01f}.shift-result-page .shift-num-badge.badge-pattern-3{border-color:#00838f;color:#00838f;background:#00838f1f}.shift-result-page .shift-num-badge.badge-pattern-4{border-color:#880e4f;color:#880e4f;background:#880e4f1f}.no-shift{color:#b8b5d1;font-size:16px}.shift-result-inokori{display:flex;align-items:center;gap:4px;padding:2px 6px;background:#e67e2214;border-left:3px solid #E67E22;border-radius:4px;font-size:.8em;margin-top:2px}.inokori-rank-label{color:#e67e22;font-weight:600;white-space:nowrap}.inokori-member{color:#333}@media (max-width: 768px){.shift-result-page .month-view-table th.member-column,.shift-result-page .member-cell{min-width:70px;max-width:90px;padding-left:6px!important;font-size:11px}.shift-result-page .shift-num-badge{max-width:48px;height:24px;font-size:10px}.shift-result-actions{flex-wrap:wrap;gap:6px}.shift-result-actions button{font-size:12px;padding:8px 12px}}.shift-result-actions .active-toggle{background-color:#524fa1;color:#fff;border-color:#524fa1}.shift-result-actions .active-toggle:hover{background-color:#3e3b80}.shift-result-page .shift-num-badge.badge-day{border-color:#2e7d32;color:#2e7d32;background:#2e7d321f}.shift-result-page .shift-num-badge.badge-night{border-color:#e65100;color:#e65100;background:#e651001f}.shift-result-page .shift-num-badge.badge-off{border-color:#9e9e9e;color:#757575;background:#9e9e9e1f}.adjustment-history-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.adjustment-history-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:16px 20px;border:none;background:#fff;cursor:pointer;font-size:15px;font-weight:600;color:#2e2a5c;text-align:left;transition:background-color .2s}.adjustment-history-toggle:hover{background-color:#f5f4fb}.adjustment-history-toggle-icon{font-size:12px;color:#6d6a9e;transition:transform .2s}.adjustment-history-content{padding:0 20px 16px;display:flex;flex-direction:column;gap:8px;border-top:1px solid #E8E9F0}.adjustment-history-list{list-style:none;margin:8px 0 0;padding:0;max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.adjustment-history-list li{border:1px solid #f0e4d7;border-radius:8px;padding:8px 12px;background:#fffaf5;font-size:13px}@media print{@page{size:landscape;margin:3mm}body,html{width:100%!important;margin:0!important;padding:0!important}.tab-navigation,.tab-nav,.nav-container,.nav-tabs,.nav-screen-title,.shift-result-actions,.modal-overlay,.calendar-controls,.view-mode-switcher,.info-banner,.period-navigation,footer,.app-header,.dashboard-header,.shift-result-calendar-grid,.weekday-row,.skip-to-content,.adjustment-history-section,.shift-result-calendar-wrapper>.calendar-controls{display:none!important}.shift-result-page{padding:0!important;margin:0!important;gap:0!important}.shift-result-header{display:block!important;padding:4px 8px!important;box-shadow:none!important}.shift-result-header h2{font-size:14px!important;margin:0!important}.shift-result-header .page-subtitle{display:none!important}.shift-result-calendar-wrapper{padding:0!important;margin:0!important;box-shadow:none!important}.shift-result-month-view{overflow:visible!important;max-height:none!important;height:auto!important;width:100%!important;max-width:none!important}.month-view-table{width:100%!important;max-width:none!important;font-size:7px;table-layout:fixed;word-break:break-all}.month-view-table thead,.month-view-table thead th{position:static!important}.shift-result-page .month-view-table th.member-column,.shift-result-page .member-cell{position:static!important;box-shadow:none!important;min-width:0!important;max-width:none!important;width:auto!important}.month-view-table th,.month-view-table td{padding:2px 1px!important;min-width:0!important;max-width:none!important}.month-view-table th.date-column{min-width:0!important;max-width:none!important}.date-header{gap:0!important}.date-day{font-size:8px!important}.date-weekday{font-size:6px!important}.date-holiday{font-size:6px!important;max-width:none!important}.member-name-full{font-size:8px!important}.month-view-table thead th{background-color:#eee!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.shift-result-page .member-cell{background-color:#fff!important}.shift-result-page .month-view-table td{font-size:7px!important;line-height:1.2}.month-view-table tr{page-break-inside:avoid!important;break-inside:avoid!important}.month-view-table thead{display:table-header-group!important}.month-view-table tbody{display:table-row-group!important}.shift-result-page .shift-num-badge{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.modal-overlay{position:fixed;inset:0;background-color:#100f2e59;display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background-color:#fff;border-radius:20px;padding:28px 24px;box-shadow:0 12px 24px #211d572e;max-height:90vh;width:100%;max-width:600px;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.modal-header{margin-bottom:20px}.modal-title{font-size:18px;font-weight:700;color:#211d57;margin:0 0 8px}.modal-description{font-size:13px;color:#6b6b89;margin:0;line-height:1.5}.modal-scroll-area{flex:1;overflow-y:auto;margin:0 -8px;padding:0 8px;max-height:60vh}.modal-scroll-area::-webkit-scrollbar{width:6px}.modal-scroll-area::-webkit-scrollbar-track{background:#f7f7ff;border-radius:3px}.modal-scroll-area::-webkit-scrollbar-thumb{background:#524fa14d;border-radius:3px}.modal-scroll-area::-webkit-scrollbar-thumb:hover{background:#524fa180}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #F0F0F5}.modal-button{min-width:110px;padding:12px 16px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;outline:none}.modal-button.primary{background-color:#524fa1;color:#fff}.modal-button.primary:hover{background-color:#423d8a}.modal-button.primary:active{transform:scale(.98)}.modal-button.secondary{background-color:#fff;color:#524fa1;border:1px solid rgba(82,79,161,.25)}.modal-button.secondary:hover{background-color:#f7f7ff}.modal-button.secondary:active{transform:scale(.98)}.modal-input,.modal-select{width:100%;height:48px;border-radius:10px;background-color:#f7f7ff;border:1px solid rgba(82,79,161,.2);padding:0 14px;font-size:16px;color:#211d57;transition:border-color .2s ease}.modal-input:focus,.modal-select:focus{outline:none;border-color:#524fa1}.modal-input::placeholder{color:#9ea2b3}.field-label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#211d57;font-weight:500}.day-card{margin-bottom:18px;padding:16px;background-color:#fafbff;border-radius:12px;border:1px solid rgba(82,79,161,.1)}.day-title{font-size:15px;font-weight:600;color:#524fa1;margin:0 0 12px}.label-row{display:flex;gap:8px;margin-top:12px}.label-input-group{flex:1;display:flex;flex-direction:column;gap:4px}.label-input-title{font-size:12px;color:#6b6b89;font-weight:500}.label-input{height:40px;border-radius:8px;background-color:#fff;border:1px solid rgba(82,79,161,.2);padding:0 10px;font-size:14px;color:#211d57;transition:border-color .2s ease}.label-input:focus{outline:none;border-color:#524fa1}.staff-search-box{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:6px;margin-bottom:12px;padding:4px 0;background-color:#fff}.staff-search-input{flex:1;padding:10px 14px;border:1px solid rgba(82,79,161,.2);border-radius:10px;font-size:14px;color:#211d57;background-color:#f9f8ff;outline:none;transition:border-color .2s ease}.staff-search-input:focus{border-color:#524fa1;box-shadow:0 0 0 2px #524fa11a}.staff-search-input::placeholder{color:#a0a0b8}.staff-search-clear{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:50%;background-color:#524fa11a;color:#6b6b89;font-size:12px;cursor:pointer;transition:background-color .2s ease}.staff-search-clear:hover{background-color:#524fa133}.member-card{border-radius:14px;border:1px solid rgba(82,79,161,.12);background-color:#f9f8ff;padding:14px;margin-bottom:12px}.member-name{font-size:15px;font-weight:600;color:#211d57;margin:0 0 4px}.current-label{font-size:13px;color:#6b6b89;margin:0 0 12px}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:6px 12px;border-radius:999px;border:1px solid rgba(82,79,161,.18);background-color:#f7f7ff;font-size:13px;color:#211d57;cursor:pointer;transition:all .2s ease}.chip:hover{background-color:#524fa114}.chip.selected{background-color:#524fa11f;border-color:#524fa1;color:#524fa1;font-weight:600}.chip.excluded{background-color:#e05b43;border-color:#e05b43;color:#fff;font-weight:600}.shift-inputs{display:flex;flex-direction:column;gap:20px;margin-top:20px}.shift-input-group{padding:16px;background-color:#fafbff;border-radius:12px;border:1px solid rgba(82,79,161,.1)}.shift-input-title{font-size:16px;font-weight:600;color:#211d57;margin:0 0 4px}.shift-input-description{font-size:13px;color:#6b6b89;margin:0 0 12px}.time-inputs{display:flex;align-items:center;gap:12px;margin-bottom:12px}.time-label{flex:1;display:flex;flex-direction:column;gap:6px;font-size:13px;color:#6b6b89;font-weight:500}.time-input{height:44px;border-radius:8px;background-color:#fff;border:1px solid rgba(82,79,161,.2);padding:0 12px;font-size:15px;color:#211d57;transition:border-color .2s ease}.time-input:focus{outline:none;border-color:#524fa1}.time-separator{font-size:14px;color:#6b6b89;margin-top:24px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b6b89;cursor:pointer;user-select:none}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#524FA1}.break-inputs{display:flex;gap:16px}.break-label{flex:1;display:flex;flex-direction:column;gap:8px;font-size:14px;color:#211d57;font-weight:500}.closing-day-options{display:flex;flex-direction:column;gap:12px}.closing-day-option{width:100%;padding:16px;background-color:#fafbff;border:2px solid rgba(82,79,161,.15);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.closing-day-option:hover{background-color:#524fa10d;border-color:#524fa14d}.closing-day-option.selected{background-color:#524fa114;border-color:#524fa1}.closing-day-option-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.closing-day-radio{font-size:16px;color:#524fa1;font-weight:700}.closing-day-label{font-size:15px;font-weight:600;color:#211d57}.closing-day-description{font-size:13px;color:#6b6b89;margin:0 0 0 26px;line-height:1.5}.pattern-requirements-modal{max-width:700px}.day-pattern-card{margin-bottom:20px;padding:16px;background-color:#fafbff;border-radius:12px;border:1px solid rgba(82,79,161,.1)}.day-pattern-title{font-size:16px;font-weight:600;color:#524fa1;margin:0 0 14px}.pattern-requirements-grid{display:flex;flex-direction:column;gap:14px}.pattern-requirement-item{padding:12px;background-color:#fff;border-radius:8px;border:1px solid rgba(82,79,161,.08)}.pattern-group-requirement{border:2px solid rgba(82,79,161,.2);background-color:#fafbff}.pattern-group-name-label{color:#524fa1!important}.pattern-group-min-section{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}.pattern-group-min-title{font-size:11px;color:#6b6b89;font-weight:600;margin-bottom:4px;white-space:nowrap}.pattern-in-group{border-left:3px solid rgba(82,79,161,.3);margin-left:8px}.pattern-group-badge{display:inline-flex;padding:1px 8px;background-color:#524fa11a;color:#524fa1;border-radius:4px;font-size:10px;font-weight:600}.pattern-requirement-header{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}.pattern-name-label{font-size:14px;font-weight:600;color:#211d57}.pattern-time-label{font-size:12px;color:#6b6b89}.pattern-requirement-inputs{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.pattern-req-label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#6b6b89;font-weight:500}.pattern-req-input{width:70px;height:36px;border-radius:6px;background-color:#f7f7ff;border:1px solid rgba(82,79,161,.2);padding:0 10px;font-size:14px;color:#211d57;transition:border-color .2s ease}.pattern-req-input:focus{outline:none;border-color:#524fa1}.pattern-label-counts{display:flex;gap:8px;flex-wrap:wrap}.pattern-label-input{display:flex;flex-direction:column;gap:4px;font-size:11px;color:#6b6b89;font-weight:500}.pattern-label-input-field{width:50px;height:32px;border-radius:6px;background-color:#f7f7ff;border:1px solid rgba(82,79,161,.15);padding:0 8px;font-size:13px;color:#211d57;transition:border-color .2s ease}.pattern-label-input-field:focus{outline:none;border-color:#524fa1}.pr-tab-row{display:flex;gap:4px;margin-top:12px;background:#f0f0f5;border-radius:10px;padding:3px}.pr-tab-button{flex:1;padding:8px 12px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;background:transparent;color:#6b6b89}.pr-tab-button.active{background:#fff;color:#524fa1;box-shadow:0 1px 3px #0000001a}.pr-tab-button:hover:not(.active){color:#524fa1}.override-set{position:relative}.override-dot{display:block;width:6px;height:6px;border-radius:50%;background:#524fa1;margin:2px auto 0}.work-days-cell.override-set{background-color:#524fa114}.date-override-detail{margin-top:16px;padding:16px;background:#fafbff;border-radius:12px;border:1px solid rgba(82,79,161,.15)}.date-override-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.date-override-detail-title{font-size:16px;font-weight:600;color:#524fa1}.date-override-remove-btn{background:none;border:1px solid #E8C3C3;color:#d44040;padding:4px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:background .2s}.date-override-remove-btn:hover{background:#fdf0f0}.date-override-selected-list{font-size:13px;color:#524fa1;margin:0 0 8px;line-height:1.6}.date-override-hint{font-size:12px;color:#6b6b89;margin:0 0 12px}.work-days-modal{max-width:480px}.work-days-month-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:20px}.month-nav-button{width:36px;height:36px;border-radius:8px;border:1px solid rgba(82,79,161,.2);background-color:#f7f7ff;color:#524fa1;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.month-nav-button:hover{background-color:#524fa11a}.month-nav-label{font-size:16px;font-weight:600;color:#211d57;min-width:120px;text-align:center}.work-days-calendar{background-color:#fafbff;border-radius:12px;border:1px solid rgba(82,79,161,.1);padding:16px}.work-days-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.work-days-weekday{font-size:12px;font-weight:600;color:#6b6b89;text-align:center;padding:8px 0}.work-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.work-days-cell{aspect-ratio:1;border:none;border-radius:8px;background-color:#fff;color:#211d57;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.work-days-cell:hover:not(.empty){background-color:#524fa11a}.work-days-cell.empty{background-color:transparent;cursor:default}.work-days-cell.selected{background-color:#524fa1;color:#fff}.work-days-cell.selected:hover{background-color:#423d8a}.work-days-cell.saturday{color:#4a90e2}.work-days-cell.saturday.selected{color:#fff}.work-days-cell.sunday{color:#e05b43}.work-days-cell.sunday.selected{color:#fff}.work-days-info{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding:12px 16px;background-color:#524fa10d;border-radius:8px}.work-days-count{font-size:14px;font-weight:600;color:#524fa1}.work-days-actions{display:flex;gap:8px}.work-days-action-button{padding:6px 12px;border-radius:6px;border:1px solid rgba(82,79,161,.2);background-color:#fff;color:#524fa1;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.work-days-action-button:hover{background-color:#524fa114}@media (max-width: 768px){.modal-overlay{padding:16px}.modal-card{padding:20px 16px;max-width:100%}.label-row{flex-direction:column}.time-inputs{flex-direction:column;align-items:stretch}.time-separator{margin:0;text-align:center}.break-inputs{flex-direction:column}.modal-footer{flex-direction:column-reverse}.modal-button{width:100%}}.override-weekday-hint{font-size:11px;color:#8b87c0;white-space:nowrap;margin-left:6px}.off-limit-weekday-row,.off-limit-date-row{display:flex;align-items:center;gap:12px;padding:10px 14px;background-color:#fafbff;border-radius:8px;border:1px solid rgba(82,79,161,.08);margin-bottom:8px}.off-limit-weekday-label,.off-limit-date-label{font-size:14px;font-weight:500;color:#211d57;min-width:80px}.off-limit-input{width:90px;height:36px;border-radius:6px;background-color:#fff;border:1px solid rgba(82,79,161,.2);padding:0 10px;font-size:14px;color:#211d57;transition:border-color .2s ease;margin-left:auto}.off-limit-input:focus{outline:none;border-color:#524fa1}.off-limit-input::placeholder{color:#9ea2b3;font-size:12px}.off-limit-date-add{display:flex;gap:8px;margin-bottom:12px}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #F0F0F5}.toggle-label{font-size:14px;font-weight:500;color:#211d57}.toggle-button{padding:6px 16px;border-radius:20px;border:1px solid #D1D5DB;background:#f3f4f6;color:#6b7280;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:56px;text-align:center}.toggle-button.active{background:#524fa1;border-color:#524fa1;color:#fff}.stepper-control{display:flex;align-items:center;gap:8px}.stepper-btn{width:32px;height:32px;border-radius:50%;border:1px solid #D1D5DB;background:#f3f4f6;color:#524fa1;font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.stepper-btn:hover:not(:disabled){background:#524fa1;color:#fff;border-color:#524fa1}.stepper-btn:disabled{opacity:.3;cursor:not-allowed}.stepper-value{font-size:16px;font-weight:600;color:#211d57;min-width:20px;text-align:center}.inokori-staff-section{margin-top:16px;padding-top:12px;border-top:1px solid #F0F0F5}.inokori-staff-heading{font-size:14px;font-weight:600;color:#211d57;margin:0 0 4px}.input-hint{font-size:12px;color:#6d6a9e;margin-top:2px}.label-sum-ok{font-size:12px;color:#4caf50;margin-top:8px;font-weight:500}.label-sum-warning{font-size:12px;color:#ff9800;background:#fff3e0;padding:4px 8px;border-radius:4px;margin-top:6px;font-weight:500}.toggle-row-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.toggle-desc{font-size:12px;color:#6d6a9e;line-height:1.4}.inokori-note{font-size:12px;color:#6d6a9e;background:#f7f7ff;padding:10px 12px;border-radius:8px;margin-top:12px;line-height:1.5;border-left:3px solid #524FA1}.inokori-gender-hint{font-size:12px;color:#6d6a9e;margin:-4px 0 4px;padding:0 4px}.inline-link{color:#524fa1;text-decoration:underline;cursor:pointer;background:none;border:none;font-size:inherit;padding:0;font-family:inherit}.inline-link:hover{color:#3d3a7a}.rank-exclusion-checks{padding-left:8px;margin-top:6px}.rank-check{display:flex;align-items:center;gap:6px;font-size:13px;color:#211d57;cursor:pointer;padding:2px 0}.per-staff-limits-table{display:flex;flex-direction:column;gap:0;border:1px solid #E5E7EB;border-radius:10px;overflow:hidden}.per-staff-limits-header{display:flex;align-items:center;background:#f3f4f6;padding:10px 12px;border-bottom:1px solid #E5E7EB;font-size:12px;font-weight:600;color:#6b7280}.per-staff-limits-row{display:flex;align-items:center;padding:10px 12px;border-bottom:1px solid #F0F0F5}.per-staff-limits-row:last-child{border-bottom:none}.per-staff-limits-name-col{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#211d57}.per-staff-limits-header .per-staff-limits-name-col{font-size:12px;color:#6b7280}.per-staff-limits-input-col{display:flex;align-items:center;gap:4px;width:110px;flex-shrink:0;justify-content:center}.per-staff-limits-header .per-staff-limits-input-col{justify-content:center}.per-staff-limits-input{width:56px;padding:6px 8px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;text-align:center;color:#211d57;background:#fff;transition:border-color .2s ease;-moz-appearance:textfield}.per-staff-limits-input::-webkit-outer-spin-button,.per-staff-limits-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.per-staff-limits-input:focus{outline:none;border-color:#524fa1;box-shadow:0 0 0 2px #524fa126}.per-staff-limits-input::placeholder{color:#c9c9d4}.per-staff-limits-unit{font-size:13px;color:#6b7280;flex-shrink:0}.per-staff-limits-note{font-size:12px;color:#9ca3af;margin:12px 0 0;text-align:center}.merge-member-modal{max-width:500px;width:90%;max-height:80vh;display:flex;flex-direction:column}.merge-info-box{background-color:#fff8f6;border-radius:12px;padding:16px;margin-bottom:16px;border:1px solid rgba(224,91,67,.2)}.merge-info-label{font-size:12px;font-weight:600;color:#666;margin:0 0 4px}.merge-info-value{font-size:16px;font-weight:700;color:#1a1a1a;margin:0}.merge-arrow{text-align:center;margin:8px 0}.merge-arrow span{font-size:24px;color:#524fa1;font-weight:700}.merge-select-label{font-size:14px;font-weight:600;color:#1a1a1a;margin:0 0 12px}.merge-member-list{max-height:250px;overflow-y:auto;margin-bottom:16px}.merge-member-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;margin-bottom:8px;background-color:#f7f7ff;border-radius:12px;border:1px solid rgba(82,79,161,.1);cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.merge-member-item:hover{background-color:#f0f0ff;border-color:#524fa133}.merge-member-item.selected{background-color:#e8e7f5;border:2px solid #524fa1}.merge-member-name{font-size:15px;font-weight:500;color:#1a1a1a}.merge-member-item.selected .merge-member-name{font-weight:700;color:#524fa1}.merge-checkmark{font-size:18px;font-weight:700;color:#524fa1}.merge-loading-overlay{position:absolute;inset:0;background-color:#ffffffe6;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:12px;z-index:10}.merge-loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #524fa1;border-radius:50%;animation:merge-spin 1s linear infinite}@keyframes merge-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.merge-loading-text{margin-top:12px;font-size:14px;font-weight:600;color:#1a1a1a}.merge-preview{background-color:#f7f7ff;border:1px solid #E0DEF5;border-radius:12px;padding:16px;margin-bottom:16px}.merge-preview-title{margin:0 0 12px;font-size:14px;font-weight:700;color:#524fa1}.merge-preview-grid{display:flex;align-items:stretch;gap:12px}.merge-preview-column{flex:1;display:flex;flex-direction:column;gap:8px}.merge-preview-header{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#6b6b89;padding-bottom:4px;border-bottom:1px solid #E0DEF5}.merge-preview-arrow{display:flex;align-items:center;justify-content:center;font-size:20px;color:#524fa1;font-weight:700;flex-shrink:0}.merge-preview-item{display:flex;flex-direction:column;gap:2px}.merge-preview-label{font-size:11px;color:#6b6b89}.merge-preview-value{font-size:13px;font-weight:600;color:#211d57}.merge-preview-highlight{color:#524fa1;background-color:#524fa11a;padding:2px 6px;border-radius:4px;display:inline-block}.merge-preview-note{font-size:12px;color:#6b6b89;margin:12px 0 0;line-height:1.5;padding-top:8px;border-top:1px solid #E0DEF5}.work-pattern-modal{max-width:540px}.patterns-list{display:flex;flex-direction:column;gap:16px}.pattern-edit-card{padding:16px;background-color:#fafbff;border-radius:12px;border:1px solid rgba(82,79,161,.12)}.pattern-edit-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.pattern-name-input{flex:1;height:44px;border-radius:8px;background-color:#fff;border:1px solid rgba(82,79,161,.2);padding:0 14px;font-size:15px;font-weight:600;color:#211d57;transition:border-color .2s ease}.pattern-name-input:focus{outline:none;border-color:#524fa1}.pattern-name-input::placeholder{color:#9ea2b3;font-weight:400}.pattern-remove-button{width:32px;height:32px;border-radius:8px;border:1px solid rgba(229,83,83,.3);background-color:#e5535314;color:#e55353;font-size:18px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.pattern-remove-button:hover{background-color:#e5535326;border-color:#e5535380}.pattern-time-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.pattern-time-label{flex:1;display:flex;flex-direction:column;gap:6px;font-size:13px;color:#6b6b89;font-weight:500}.pattern-time-separator{font-size:14px;color:#6b6b89;margin-top:24px}.pattern-options-row{display:flex;align-items:center;justify-content:space-between}.pattern-checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b6b89;cursor:pointer;user-select:none}.pattern-checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#524FA1}.pattern-duration{font-size:13px;color:#524fa1;font-weight:500}.pattern-group-row{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid rgba(82,79,161,.08)}.pattern-group-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b6b89;font-weight:500}.pattern-group-input{height:36px;width:160px;border-radius:6px;background-color:#fff;border:1px solid rgba(82,79,161,.2);padding:0 10px;font-size:13px;color:#211d57;transition:border-color .2s ease}.pattern-group-input:focus{outline:none;border-color:#524fa1}.pattern-group-input::placeholder{color:#9ea2b3;font-weight:400}.pattern-group-hint{font-size:11px;color:#9ea2b3}.add-pattern-button{width:100%;padding:14px;margin-top:12px;border-radius:10px;border:2px dashed rgba(82,79,161,.25);background-color:transparent;color:#524fa1;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.add-pattern-button:hover:not(:disabled){background-color:#524fa10d;border-color:#524fa166}.add-pattern-button:disabled{color:#9ea2b3;border-color:#9ea2b340;cursor:not-allowed}.pattern-info-box{margin-top:20px;padding:14px;background-color:#524fa10f;border-radius:10px;border:1px solid rgba(82,79,161,.1)}.pattern-info-title{font-size:13px;font-weight:600;color:#524fa1;margin:0 0 8px}.pattern-info-list{margin:0;padding-left:18px;font-size:12px;color:#6b6b89;line-height:1.6}.pattern-info-list li{margin-bottom:4px}.pattern-info-list li:last-child{margin-bottom:0}.time-picker-custom{display:flex;align-items:center;gap:4px;background-color:#fff;border:1px solid rgba(82,79,161,.2);border-radius:8px;padding:8px 12px;transition:border-color .2s ease}.time-picker-custom:focus-within{border-color:#524fa1}.time-select{border:none;background-color:transparent;font-size:16px;font-weight:500;color:#211d57;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .15s ease}.time-select:hover{background-color:#524fa114}.time-select:focus{outline:none;background-color:#524fa11f}.time-colon{font-size:16px;font-weight:600;color:#211d57}@media (max-width: 768px){.work-pattern-modal{max-width:100%}.pattern-time-row{flex-direction:column;align-items:stretch}.pattern-time-separator{margin:0;text-align:center}.pattern-options-row{flex-direction:column;align-items:flex-start;gap:10px}}.staff-pattern-modal{max-width:600px}.staff-pattern-search{margin-bottom:12px}.search-input{width:100%;height:44px;border-radius:10px;background-color:#f7f7ff;border:1px solid rgba(82,79,161,.2);padding:0 14px;font-size:14px;color:#211d57;transition:border-color .2s ease}.search-input:focus{outline:none;border-color:#524fa1}.search-input::placeholder{color:#9ea2b3}.pattern-legend{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background-color:#524fa10a;border-radius:8px;margin-bottom:16px}.pattern-legend-item{font-size:13px;color:#524fa1;font-weight:500}.pattern-legend-time{color:#6b6b89;font-weight:400;margin-left:4px}.staff-patterns-list{display:flex;flex-direction:column;gap:12px}.staff-pattern-card{padding:14px;background-color:#fafbff;border-radius:12px;border:1px solid rgba(82,79,161,.1)}.staff-pattern-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.staff-info{display:flex;align-items:center;gap:8px}.staff-name{font-size:15px;font-weight:600;color:#211d57}.unregistered-badge{font-size:11px;padding:2px 6px;background-color:#ff98001f;color:#e67700;border-radius:4px;font-weight:500}.select-all-button{padding:6px 12px;border-radius:6px;border:1px solid rgba(82,79,161,.2);background-color:#fff;color:#524fa1;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.select-all-button:hover{background-color:#524fa114}.pattern-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.pattern-chip{padding:8px 14px;border-radius:999px;border:1px solid rgba(82,79,161,.18);background-color:#fff;font-size:13px;color:#211d57;cursor:pointer;transition:all .2s ease}.pattern-chip:hover{background-color:#524fa114}.pattern-chip.selected{background-color:#524fa1;border-color:#524fa1;color:#fff;font-weight:600}.pattern-chip.selected:hover{background-color:#423d8a}.pattern-chip.possible{background-color:#e89830;border-color:#e89830;color:#fff;font-weight:600}.pattern-chip.possible:hover{background-color:#d08528}.pattern-chip.unavailable{background-color:#e05b43;border-color:#e05b43;color:#fff;font-weight:600}.pattern-chip.unavailable:hover{background-color:#c94d37}.pattern-chip-level{font-size:11px;margin-left:2px}.staff-pattern-summary{font-size:12px;color:#6b6b89}.staff-pattern-summary .warning-text{color:#e67700}.no-members-message{text-align:center;padding:40px 20px;color:#6b6b89;font-size:14px}@media (max-width: 768px){.staff-pattern-modal{max-width:100%}.staff-pattern-header{flex-direction:column;align-items:flex-start;gap:8px}.select-all-button{align-self:flex-end}}.staff-order-modal{width:min(480px,95vw);max-height:85vh}.order-mode-section{margin-bottom:20px}.section-label{margin:0 0 12px;font-weight:600;color:#333}.radio-option{display:flex;align-items:center;gap:8px;padding:10px 12px;margin-bottom:8px;border-radius:8px;cursor:pointer;transition:background-color .2s}.radio-option:hover{background-color:#f5f6fa}.radio-option input[type=radio]{width:18px;height:18px;accent-color:#524FA1}.radio-option span{font-size:15px;color:#333}.manual-order-section,.preview-section{border-top:1px solid #E8E9F0;padding-top:16px;margin-top:8px}.section-hint{margin:0 0 12px;font-size:13px;color:#888}.sortable-list,.preview-list{display:flex;flex-direction:column;gap:6px;max-height:350px;overflow-y:auto}.sortable-item,.preview-item{display:flex;align-items:center;gap:10px;padding:12px 14px;background-color:#f8f8fc;border:1px solid #E8E9F0;border-radius:8px;user-select:none}.sortable-item{cursor:grab;transition:background-color .2s,box-shadow .2s}.sortable-item:hover{background-color:#f0effa}.sortable-item-dragging{box-shadow:0 8px 24px #524fa133;background-color:#fff}.sortable-item:active{cursor:grabbing}.drag-handle{font-size:18px;color:#999;font-weight:700}.item-number{font-size:14px;color:#888;min-width:24px}.item-name{flex:1;font-size:15px;color:#333}.item-badge{font-size:11px;background-color:#e8e9f0;color:#666;padding:2px 8px;border-radius:10px}.constraint-settings-modal{max-width:640px;max-height:85vh;display:flex;flex-direction:column;background-color:#fff;border-radius:20px;padding:28px 24px;box-shadow:0 12px 24px #211d572e;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.constraint-settings-modal .modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.constraint-settings-modal .modal-header h3{font-size:18px;font-weight:700;color:#211d57;margin:0}.constraint-settings-modal .modal-close{width:32px;height:32px;border:none;background-color:#f7f7ff;border-radius:8px;font-size:14px;color:#6b6b89;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.constraint-settings-modal .modal-close:hover{background-color:#524fa11a;color:#211d57}.constraint-settings-modal .modal-body{flex:1;overflow-y:auto;margin:0 -8px;padding:0 8px}.constraint-settings-modal .modal-body::-webkit-scrollbar{width:6px}.constraint-settings-modal .modal-body::-webkit-scrollbar-track{background:#f7f7ff;border-radius:3px}.constraint-settings-modal .modal-body::-webkit-scrollbar-thumb{background:#524fa14d;border-radius:3px}.constraint-settings-modal .modal-body::-webkit-scrollbar-thumb:hover{background:#524fa180}.constraint-section{margin-bottom:24px}.constraint-section h4{font-size:15px;font-weight:600;color:#524fa1;margin:0 0 6px}.constraint-section .section-description{font-size:13px;color:#6b6b89;margin:0 0 16px;line-height:1.5}.constraint-list{display:flex;flex-direction:column;gap:8px}.constraint-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background-color:#fafbff;border-radius:10px;border:1px solid rgba(82,79,161,.1);transition:all .2s ease}.constraint-item.disabled{opacity:.5;background-color:#f5f5f8}.constraint-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none}.constraint-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#524FA1}.constraint-label{font-size:14px;font-weight:500;color:#211d57}.constraint-desc{font-size:12px;color:#6d6a9e;margin:2px 0 0 26px;line-height:1.4}.constraint-value{display:flex;align-items:center;gap:6px}.constraint-value input[type=number]{width:64px;height:36px;border-radius:8px;background-color:#fff;border:1px solid rgba(82,79,161,.2);padding:0 10px;font-size:14px;color:#211d57;text-align:center;transition:border-color .2s ease}.constraint-value input[type=number]:focus{outline:none;border-color:#524fa1}.constraint-value input[type=number]:disabled{background-color:#f0f0f5;color:#9ea2b3;cursor:not-allowed}.constraint-unit{font-size:13px;color:#6b6b89;min-width:24px}.time-range-inputs{display:flex;align-items:center;gap:4px}.time-range-inputs input[type=number]{width:52px;height:36px;border-radius:8px;background-color:#fff;border:1px solid rgba(82,79,161,.2);padding:0 8px;font-size:14px;color:#211d57;text-align:center;transition:border-color .2s ease}.time-range-inputs input[type=number]:focus{outline:none;border-color:#524fa1}.time-range-inputs input[type=number]:disabled{background-color:#f0f0f5;color:#9ea2b3;cursor:not-allowed}.time-range-inputs span{font-size:13px;color:#6b6b89}.toggle-only{font-size:13px;font-weight:600;color:#524fa1;min-width:30px;text-align:center}.custom-rules-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.custom-rule-item{padding:14px;background-color:#fafbff;border-radius:10px;border:1px solid rgba(82,79,161,.1);transition:all .2s ease}.custom-rule-item.disabled{opacity:.5;background-color:#f5f5f8}.custom-rule-header{display:flex;align-items:center;justify-content:space-between}.delete-rule-btn{padding:4px 10px;border-radius:6px;border:1px solid rgba(224,91,67,.3);background-color:#fff;color:#e05b43;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.delete-rule-btn:hover{background-color:#e05b4314;border-color:#e05b43}.custom-rule-config{margin-top:12px;padding-top:12px;border-top:1px solid rgba(82,79,161,.08);display:flex;flex-direction:column;gap:10px}.custom-rule-config label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#6b6b89;font-weight:500}.custom-rule-config select{height:40px;border-radius:8px;background-color:#fff;border:1px solid rgba(82,79,161,.2);padding:0 10px;font-size:14px;color:#211d57;transition:border-color .2s ease}.custom-rule-config select[multiple]{height:80px;padding:8px 10px}.custom-rule-config select:focus{outline:none;border-color:#524fa1}.custom-rule-config input[type=number]{width:80px;height:36px;border-radius:8px;background-color:#fff;border:1px solid rgba(82,79,161,.2);padding:0 10px;font-size:14px;color:#211d57;text-align:center;transition:border-color .2s ease}.custom-rule-config input[type=number]:focus{outline:none;border-color:#524fa1}.custom-rule-config input[type=range]{width:100%;accent-color:#524FA1;margin-top:4px}.range-labels{display:flex;justify-content:space-between;font-size:11px;color:#9ea2b3;margin-top:2px}.add-rule-form{display:flex;gap:10px;align-items:center}.add-rule-form select{flex:1;height:40px;border-radius:8px;background-color:#f7f7ff;border:1px solid rgba(82,79,161,.2);padding:0 10px;font-size:14px;color:#211d57;transition:border-color .2s ease}.add-rule-form select:focus{outline:none;border-color:#524fa1}.constraint-settings-modal .modal-footer{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:16px;border-top:1px solid #F0F0F5}.modal-footer-right{display:flex;gap:10px}.ghost-button{padding:10px 16px;border-radius:10px;border:1px solid rgba(82,79,161,.25);background-color:#fff;color:#524fa1;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.ghost-button:hover{background-color:#f7f7ff}.ghost-button:active{transform:scale(.98)}.primary-button{padding:10px 20px;border-radius:10px;border:none;background-color:#524fa1;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.primary-button:hover{background-color:#423d8a}.primary-button:active{transform:scale(.98)}.primary-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.constraint-settings-modal{padding:20px 16px;max-width:100%}.constraint-item{flex-direction:column;align-items:flex-start;gap:8px}.add-rule-form{flex-direction:column}.add-rule-form select{width:100%}.constraint-settings-modal .modal-footer{flex-direction:column-reverse;gap:10px}.modal-footer-right{width:100%}.modal-footer-right .ghost-button,.modal-footer-right .primary-button{flex:1}}.ng-pairs-list{margin-bottom:8px}.ng-pair-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#f5f4ff;border-radius:6px;margin-bottom:4px;font-size:13px;color:#2e2a5c}.delete-pair-btn{background:none;border:1px solid rgba(224,91,67,.3);color:#e05b43;border-radius:4px;padding:2px 8px;font-size:11px;cursor:pointer}.delete-pair-btn:hover{background:#e05b430d}.ng-pair-add{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ng-pair-add select{flex:1;min-width:100px;padding:6px 8px;border:1px solid rgba(82,79,161,.2);border-radius:6px;font-size:13px;color:#2e2a5c;background:#fff}.ng-pair-separator{color:#6d6a9e;font-size:14px}.tutorial-overlay{position:fixed;inset:0;background:#100f2e99;display:flex;justify-content:center;align-items:center;z-index:10000;opacity:0;transition:opacity .3s ease;padding:24px}.tutorial-overlay.tutorial-visible{opacity:1}.tutorial-container{background:#fff;border-radius:20px;width:100%;max-width:420px;padding:32px 24px 24px;box-shadow:0 10px 40px #211d5740;position:relative;transform:translateY(30px);transition:transform .3s ease}.tutorial-container.tutorial-slide-up{transform:translateY(0)}.tutorial-skip-btn{position:absolute;top:12px;right:16px;background:none;border:none;color:#8b88b5;font-size:14px;cursor:pointer;padding:4px 8px}.tutorial-skip-btn:hover{color:#524fa1}.tutorial-step{text-align:center;padding:8px 0 16px}.tutorial-emoji{font-size:48px;display:block;margin-bottom:16px}.tutorial-title{font-size:22px;font-weight:700;color:#2e2a5c;margin:0 0 12px;letter-spacing:.3px}.tutorial-description{font-size:14px;color:#6d6a9e;line-height:22px;margin:0}.tutorial-dots{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.tutorial-dot{width:8px;height:8px;border-radius:4px;background:#524fa11f;cursor:pointer;transition:all .2s ease}.tutorial-dot-active{background:#524fa1;width:24px}.tutorial-nav{display:flex;gap:12px}.tutorial-nav-spacer{flex:1}.tutorial-btn-prev{flex:1;padding:12px;border-radius:12px;border:none;background:#f2f1fb;color:#524fa1;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s}.tutorial-btn-prev:hover{background:#e4e2fe}.tutorial-btn-next{flex:1;padding:12px;border-radius:12px;border:none;background:#524fa1;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s}.tutorial-btn-next:hover{background:#433fa0}.mypage-container{display:flex;flex-direction:column;gap:20px}.settings-section,.members-section,.profile-section,.invite-section,.unregistered-section,.group-management-section{border:1px solid #E8E9F0;border-radius:12px;padding:20px;background-color:#fff;display:flex;flex-direction:column;gap:16px}.section-description{font-size:14px;color:#6b6b89;margin:0 0 12px;line-height:1.6}.profile-actions{display:flex;gap:12px;flex-wrap:wrap}.field-block{display:flex;flex-direction:column;gap:8px}.status-text{margin:0;color:#524fa1;font-size:14px}.action-list{display:flex;flex-direction:column;gap:12px}.action-button{width:100%;background-color:#fff;border-radius:16px;padding:18px 20px;border:1px solid rgba(82,79,161,.06);box-shadow:0 4px 12px #211d570d;cursor:pointer;transition:all .2s ease;text-align:left}.action-button:hover{box-shadow:0 6px 16px #211d571a;transform:translateY(-2px);border-color:#524fa126}.action-button:active{transform:translateY(0)}.action-content{display:flex;flex-direction:column;gap:4px}.action-title{font-size:16px;font-weight:600;color:#211d57;margin:0 0 4px}.action-subtitle{font-size:13px;color:#6b6b89;margin:0;line-height:1.5}.current-setting{font-size:12px;color:#524fa1;margin:6px 0 0;font-weight:500}.action-button-highlight{background:linear-gradient(135deg,#524fa114,#524fa10a);border:2px solid rgba(82,79,161,.2)}.action-button-highlight:hover{border-color:#524fa166;background:linear-gradient(135deg,#524fa11f,#524fa10f)}.action-button-highlight .action-title{color:#524fa1}.action-button-highlight:disabled{opacity:.6;cursor:not-allowed;transform:none}.action-button-secondary{background-color:#f5f5f5;border:1px solid #E0E0E0}.action-button-secondary:hover{background-color:#eee;border-color:#bdbdbd}.action-button-secondary .action-title{color:#666}.action-button-secondary .action-subtitle{color:#888}.member-search-box{display:flex;align-items:center;gap:6px;margin-bottom:4px}.member-search-input{flex:1;padding:8px 12px;border:1px solid rgba(82,79,161,.2);border-radius:8px;font-size:14px;color:#211d57;background-color:#f9f8ff;outline:none;transition:border-color .2s ease}.member-search-input:focus{border-color:#524fa1;box-shadow:0 0 0 2px #524fa11a}.member-search-input::placeholder{color:#a0a0b8}.member-search-clear{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:50%;background-color:#524fa11a;color:#6b6b89;font-size:12px;cursor:pointer;transition:background-color .2s ease}.member-search-clear:hover{background-color:#524fa133}.members-section ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.members-section li{display:flex;justify-content:space-between;border:1px solid #E8E9F0;border-radius:8px;padding:10px 12px;flex-wrap:wrap;gap:8px}.member-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.member-role{color:#666;font-size:14px}.role-select{padding:6px 10px;border:1px solid #E8E9F0;border-radius:6px;font-size:13px;color:#211d57;background-color:#fff;cursor:pointer;transition:border-color .2s ease}.role-select:hover{border-color:#524fa1}.role-select:focus{outline:none;border-color:#524fa1}.role-select:disabled{opacity:.6;cursor:not-allowed}.self-badge{padding:2px 8px;background-color:#524fa11a;color:#524fa1;border-radius:4px;font-size:11px;font-weight:600}.member-label{padding:4px 10px;background-color:#524fa11a;border-radius:12px;font-size:12px;color:#524fa1;font-weight:500}.member-name-container{display:flex;align-items:center;gap:8px}.unregistered-badge-inline{display:inline-block;padding:2px 8px;background-color:#e05b4326;color:#c62828;border-radius:4px;font-size:11px;font-weight:600}.merged-badge-inline{display:inline-block;padding:2px 8px;background-color:#9e9e9e26;color:#757575;border-radius:4px;font-size:11px;font-weight:600}.border-button.danger{border-color:#d64545;color:#d64545}.border-button.danger:hover{background-color:#d64545;color:#fff}.qr-invite-section{border:1px solid #E8E9F0;border-radius:12px;padding:20px;background-color:#fff;display:flex;flex-direction:column;gap:16px}.qr-code-container{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px;background-color:#f8f8fc;border-radius:12px}.invite-code-display{display:flex;flex-direction:column;align-items:center;gap:4px}.invite-code-label{font-size:12px;color:#6b6b89}.invite-code-value{font-size:20px;font-weight:700;color:#524fa1;letter-spacing:2px;font-family:monospace}.invite-link-actions{display:flex;justify-content:center;gap:12px}.invite-form{display:flex;gap:12px;flex-wrap:wrap}.invite-form input{flex:1;min-width:200px}.invite-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.invite-list li{display:flex;justify-content:space-between;align-items:center;border:1px solid #E8E9F0;border-radius:8px;padding:8px 10px;gap:10px;flex-wrap:wrap}.invite-status{color:#666;font-size:13px}.member-meta{display:block;font-size:12px;color:#888;margin-top:4px}.empty-copy{color:#888;font-size:14px;margin:0}.group-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.group-item{display:flex;flex-direction:column;padding:12px 16px;border:1px solid #E8E9F0;border-radius:8px;background-color:#fff;transition:all .2s ease}.group-item.active{border-color:#524fa1;background-color:#524fa10d}.group-info{display:flex;flex-direction:column;gap:4px}.group-name{font-size:15px;font-weight:600;color:#211d57}.group-meta{font-size:12px;color:#6b6b89}.active-badge{display:inline-block;padding:2px 8px;background-color:#524fa126;color:#524fa1;border-radius:4px;font-size:11px;font-weight:600;margin-top:4px}.group-name-row{display:flex;align-items:center;gap:8px}.role-badge{display:inline-block;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:600;white-space:nowrap}.role-badge.admin{background-color:#524fa126;color:#524fa1}.role-badge.staff{background-color:#6b6b891f;color:#6b6b89}.role-review-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 16px;background-color:#eef1fb;border:1px solid #C8CCE8;border-radius:8px;margin-bottom:16px}.role-review-content{display:flex;align-items:flex-start;gap:10px}.role-review-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background-color:#524fa1;color:#fff;font-size:12px;font-weight:700;flex-shrink:0;margin-top:1px}.role-review-text strong{display:block;font-size:13px;color:#211d57;margin-bottom:2px}.role-review-text p{font-size:12px;color:#6b6b89;margin:0}.role-review-dismiss{background:none;border:none;color:#524fa1;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;padding:2px 4px}.role-review-dismiss:hover{text-decoration:underline}.group-main-content{display:flex;justify-content:space-between;align-items:center;width:100%}.group-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #E8E9F0}.group-action-button{padding:6px 14px;font-size:13px;font-weight:600;border:1px solid rgba(82,79,161,.2);border-radius:6px;background-color:transparent;color:#524fa1;cursor:pointer;transition:all .2s ease}.group-action-button:hover{background-color:#524fa114;border-color:#524fa1}.group-action-button.danger{border-color:#c81e1e4d;color:#c81e1e;background-color:#fff8f6}.group-action-button.danger:hover{background-color:#fee;border-color:#c81e1e}.group-action-button:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;border-radius:16px;padding:24px;max-width:400px;width:90%;box-shadow:0 4px 24px #0003}.modal-content h3{margin:0 0 8px;font-size:18px;color:#211d57}.modal-description{font-size:14px;color:#6b6b89;margin:0 0 16px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}@media (max-width: 768px){.profile-actions{flex-direction:column}.action-button{padding:16px 18px}.action-title{font-size:15px}.action-subtitle{font-size:12px}.invite-form{flex-direction:column}.invite-form input{width:100%}.group-action-buttons{flex-direction:column}}.group-action-buttons{display:flex;gap:12px;flex-wrap:wrap}.group-action-buttons .primary-button{flex:1;min-width:200px}.group-action-buttons .primary-button.secondary{background-color:#fff;color:#524fa1;border:1px solid #524FA1}.group-action-buttons .primary-button.secondary:hover{background-color:#f2f1fb}.qr-scan-modal{max-width:450px}.qr-scanner-container{width:100%;max-width:300px;aspect-ratio:1;margin:16px auto;border-radius:12px;overflow:hidden;background-color:#000}.qr-scanner-container video{width:100%;height:100%;object-fit:cover}.qr-scan-error{color:#d64545;font-size:14px;margin:8px 0;text-align:center}.qr-scan-status{color:#524fa1;font-size:14px;margin:8px 0;text-align:center}.section-header-collapsible{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:4px 0;border-radius:8px;transition:background-color .15s ease;user-select:none}.section-header-collapsible:hover{background-color:#524fa10a}.section-header-left{flex:1;min-width:0}.section-header-left .section-title{margin:0;font-size:17px;color:#211d57}.section-header-left .section-description{margin:4px 0 0}.section-chevron{font-size:12px;color:#6d6a9e;transition:transform .2s ease;flex-shrink:0;margin-left:12px}.section-chevron.expanded{transform:rotate(90deg)}.action-button-content{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.action-button-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.action-button-text .action-title{margin:0 0 4px}.action-button-text .action-subtitle{margin:0}.action-button-text .current-setting{margin:6px 0 0}.help-toggle{width:24px;height:24px;min-width:24px;border-radius:50%;border:1.5px solid #524FA1;background:transparent;color:#524fa1;font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;padding:0;line-height:1;flex-shrink:0;margin-top:2px}.help-toggle:hover{background-color:#524fa1;color:#fff}.help-content{background-color:#f7f7ff;padding:12px 14px;border-radius:8px;margin-top:10px}.help-detail{font-size:13px;color:#2e2a5c;margin:0;line-height:1.6}.help-example{font-size:12px;color:#6d6a9e;margin:8px 0 0;line-height:1.5}.related-hint{font-size:12px;color:#4caf50;margin:6px 0 0;font-weight:500}.setup-progress{background-color:#fff;border:1px solid #E8E9F0;border-radius:12px;padding:20px;box-shadow:0 2px 8px #211d570a}.setup-progress-header h4{margin:0 0 12px;font-size:15px;color:#2e2a5c;font-weight:600}.progress-bar{height:8px;background-color:#e8e9f0;border-radius:4px;overflow:hidden;margin-bottom:16px}.progress-bar-fill{height:100%;background-color:#524fa1;border-radius:4px;transition:width .3s ease}.setup-steps{display:flex;flex-direction:column;gap:8px}.setup-step{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;padding:6px 8px;cursor:pointer;text-align:left;border-radius:6px;font:inherit;font-size:13px;color:#6d6a9e;transition:background .15s}.setup-step:hover{background:#f2f1fb}.setup-step:focus-visible{outline:2px solid #524FA1;outline-offset:2px}.setup-step.completed{color:#4caf50}.setup-step-icon{font-size:14px;width:18px;text-align:center}.setup-step-action{margin-left:auto;font-size:12px;color:#524fa1;font-weight:500}.setup-step.pending .setup-step-action{font-weight:600}.mode-indicator-card{background:linear-gradient(135deg,#524fa1,#6d6ae0);color:#fff;padding:16px;border-radius:12px;margin-bottom:12px}.mode-indicator-label{font-size:11px;opacity:.8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.mode-indicator-value{font-size:18px;font-weight:700;margin-bottom:6px}.mode-indicator-desc{font-size:13px;opacity:.85;line-height:1.4}.toast{position:fixed;top:20px;right:20px;z-index:10000;padding:12px 16px;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:12px;animation:slideIn .3s ease;max-width:400px}.toast-success{background:#e8f5e9;border:1px solid #4CAF50;color:#2e7d32}.toast-error{background:#ffebee;border:1px solid #f44336;color:#c62828}.toast-content{display:flex;flex-direction:column}.toast-message{font-size:14px;font-weight:500}.toast-hint{display:block;font-size:12px;margin-top:4px;opacity:.8}.toast-close{background:none;border:none;cursor:pointer;font-size:18px;opacity:.6;padding:0 4px;line-height:1;color:inherit}.toast-close:hover{opacity:1}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.section-title-row{display:flex;align-items:center;gap:8px}.category-complete-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background-color:#4caf50;color:#fff;font-size:12px;font-weight:700;flex-shrink:0}.invite-steps{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding:16px;background-color:#f8f8fc;border-radius:12px}.invite-step{display:flex;align-items:flex-start;gap:12px}.invite-step-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;border-radius:50%;background-color:#524fa1;color:#fff;font-size:14px;font-weight:700;flex-shrink:0}.invite-step-content{flex:1}.invite-step-content strong{display:block;font-size:14px;color:#211d57;margin-bottom:2px}.invite-step-content p{font-size:13px;color:#6b6b89;margin:0;line-height:1.5}.delete-group-warning{background-color:#fff8f6;border:1px solid #FFCCBC;border-radius:8px;padding:12px 16px;margin-bottom:16px}.delete-group-warning p{font-size:14px;color:#c62828;margin:0 0 8px;font-weight:500}.delete-group-warning ul{margin:0;padding-left:20px;font-size:13px;color:#666;line-height:1.6}.danger-button{background-color:#c62828;border-color:#c62828}.danger-button:hover:not(:disabled){background-color:#b71c1c}.danger-button:disabled{background-color:#e57373;border-color:#e57373;cursor:not-allowed}.impact-loading{text-align:center;padding:16px;color:#6b6b89}.impact-summary{background-color:#f5f5f5;border-radius:8px;padding:16px;margin-bottom:12px}.impact-summary h4{margin:0 0 12px;font-size:14px;color:#211d57;font-weight:600}.impact-summary ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.impact-summary li{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#fff;border-radius:6px;font-size:13px}.impact-label{color:#6b6b89;font-weight:500}.impact-value{font-weight:600;color:#4caf50}.impact-value.has-data{color:#f57c00}.impact-error{font-size:12px;color:#c62828;margin:8px 0 0}.modal-note{font-size:12px;color:#6b6b89;margin:0 0 8px;line-height:1.5}.qr-display-container{display:flex;flex-direction:column;align-items:center;gap:24px;padding:24px;min-height:calc(100vh - 140px);background-color:#1a1a2e;border-radius:12px}.qr-display-container.fullscreen{min-height:100vh;border-radius:0;padding:40px;justify-content:center}.qr-display-error{text-align:center;padding:40px;color:#c62828;font-size:16px;font-weight:600}.qr-display-header{text-align:center;width:100%}.qr-display-header h2{margin:0 0 8px;color:#fff;font-size:24px;font-weight:700}.qr-display-time{color:#fffc;font-size:20px;font-weight:500;font-variant-numeric:tabular-nums}.qr-action-toggle{display:flex;gap:8px;justify-content:center;margin-top:12px}.qr-action-btn{padding:8px 24px;border:2px solid rgba(255,255,255,.3);border-radius:8px;background:transparent;color:#fff9;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.qr-action-btn:hover{background:#ffffff1a}.qr-action-btn.active.clockin{background-color:#4caf50;border-color:#4caf50;color:#fff}.qr-action-btn.active.clockout{background-color:#2196f3;border-color:#2196f3;color:#fff}.qr-action-btn.active.breakstart{background-color:#ff9800;border-color:#ff9800;color:#fff}.qr-action-btn.active.breakend{background-color:#4caf50;border-color:#4caf50;color:#fff}.qr-action-label{font-size:15px;font-weight:700;text-align:center}.qr-action-label.clockin{color:#4caf50}.qr-action-label.clockout,.qr-action-label.clockOut{color:#2196f3}.qr-action-label.breakStart{color:#ff9800}.qr-action-label.breakEnd{color:#4caf50}.qr-display-main{display:flex;gap:40px;align-items:flex-start;width:100%;max-width:900px;justify-content:center}.qr-display-qr-wrapper{display:flex;flex-direction:column;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000004d}.qr-display-loading{width:300px;height:300px;display:flex;align-items:center;justify-content:center;color:#666;font-size:16px}.qr-display-countdown{width:100%;height:6px;background-color:#e8e9f0;border-radius:3px;overflow:hidden}.qr-display-countdown-bar{height:100%;background-color:#524fa1;border-radius:3px;transition:width 1s linear}.qr-display-countdown-text{font-size:14px;color:#666;font-weight:500}.qr-display-status{background:#ffffff14;border-radius:16px;padding:20px;min-width:280px;max-width:360px;border:1px solid rgba(255,255,255,.1)}.qr-display-status h3{margin:0 0 16px;color:#fff;font-size:18px;font-weight:700}.qr-display-status-cards{display:flex;gap:12px;margin-bottom:20px}.qr-status-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 12px;border-radius:12px}.qr-status-card.working{background-color:#4caf5033;border:1px solid rgba(76,175,80,.4)}.qr-status-card.onbreak{background-color:#ff980033;border:1px solid rgba(255,152,0,.4)}.qr-status-card.done{background-color:#2196f333;border:1px solid rgba(33,150,243,.4)}.qr-status-count{font-size:32px;font-weight:700;color:#fff}.qr-status-label{font-size:13px;color:#ffffffb3;font-weight:500}.qr-display-member-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.qr-member-row{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff0d;border-radius:8px}.qr-member-name{flex:1;color:#ffffffe6;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-member-time{color:#ffffffb3;font-size:14px;font-variant-numeric:tabular-nums;min-width:50px;text-align:center}.qr-member-status{font-size:13px;font-weight:600;min-width:60px;text-align:right}.qr-member-session-count{font-size:11px;color:#ffffff80;font-weight:400}.qr-display-footer{margin-top:auto}.qr-fullscreen-btn{padding:10px 24px;background-color:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.qr-fullscreen-btn:hover{background-color:#ffffff40}@media (max-width: 768px){.qr-display-main{flex-direction:column;align-items:center}.qr-display-status{min-width:unset;max-width:unset;width:100%}.qr-display-container{padding:16px}}.attendance-edit-modal-card{background-color:#fff;border-radius:16px;width:min(520px,95vw);max-height:90vh;display:flex;flex-direction:column;border:1px solid #E8E9F0;box-shadow:0 20px 70px #18103926}.attendance-edit-modal-header{padding:20px 24px;border-bottom:1px solid #E8E9F0;display:flex;align-items:center;justify-content:space-between}.attendance-edit-modal-title{font-size:18px;font-weight:700;color:#2e2a5c;margin:0}.attendance-edit-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.attendance-edit-preview{background-color:#f7f7ff;border-radius:10px;padding:14px 16px;margin-bottom:20px;border:1px solid #E8E9F0}.attendance-edit-preview-title{font-size:13px;font-weight:600;color:#6d6a9e;margin-bottom:8px}.attendance-edit-preview-row{display:flex;justify-content:space-between;font-size:14px;color:#333;padding:3px 0}.attendance-edit-preview-breaks{display:flex;flex-direction:column;gap:2px;font-size:14px;color:#333;padding-top:3px}.attendance-edit-preview-breaks>span:first-child{font-weight:500}.attendance-edit-form{display:flex;flex-direction:column;gap:16px}.attendance-edit-field{display:flex;flex-direction:column;gap:6px}.attendance-edit-field label{font-size:13px;font-weight:600;color:#2e2a5c}.attendance-edit-field input[type=datetime-local]{padding:10px 12px;border:1px solid #E8E9F0;border-radius:8px;font-size:14px;color:#333;outline:none;transition:border-color .2s}.attendance-edit-field input[type=datetime-local]:focus{border-color:#524fa1}.attendance-edit-breaks-section{display:flex;flex-direction:column;gap:10px}.attendance-edit-breaks-header{display:flex;justify-content:space-between;align-items:center}.attendance-edit-breaks-header label{font-size:13px;font-weight:600;color:#2e2a5c}.attendance-edit-add-break-btn{padding:4px 12px;background-color:transparent;color:#524fa1;border:1px solid #524FA1;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.attendance-edit-add-break-btn:hover{background-color:#f2f1fb}.attendance-edit-no-breaks{font-size:13px;color:#999;padding:8px 0}.attendance-edit-break-row{display:flex;align-items:flex-end;gap:10px;padding:10px;background-color:#fafafa;border-radius:8px;border:1px solid #f0f0f5}.attendance-edit-break-inputs{flex:1;display:flex;flex-direction:column;gap:8px}.attendance-edit-break-field{display:flex;align-items:center;gap:8px}.attendance-edit-break-label{font-size:12px;font-weight:600;color:#6d6a9e;min-width:28px}.attendance-edit-break-field input[type=datetime-local]{flex:1;padding:8px 10px;border:1px solid #E8E9F0;border-radius:6px;font-size:13px;color:#333;outline:none;transition:border-color .2s}.attendance-edit-break-field input[type=datetime-local]:focus{border-color:#524fa1}.attendance-edit-remove-break-btn{padding:6px 10px;background-color:transparent;color:#e53935;border:1px solid #e53935;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.attendance-edit-remove-break-btn:hover{background-color:#e539350f}.attendance-edit-modal-footer{padding:16px 24px;border-top:1px solid #E8E9F0;display:flex;justify-content:flex-end;gap:10px}.attendance-edit-cancel-btn{padding:10px 20px;background-color:transparent;color:#6d6a9e;border:1px solid #E8E9F0;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.attendance-edit-cancel-btn:hover{background-color:#f7f7ff}.attendance-edit-save-btn{padding:10px 24px;background-color:#524fa1;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.attendance-edit-save-btn:hover:not(:disabled){background-color:#423d8a}.attendance-edit-save-btn:disabled{opacity:.5;cursor:not-allowed}.attendance-edited-badge{display:inline-block;font-size:10px;font-weight:600;color:#ff9800;background-color:#ff98001a;padding:1px 6px;border-radius:4px;margin-left:6px;vertical-align:middle}@media (max-width: 768px){.attendance-edit-break-row{flex-direction:column;align-items:stretch}.attendance-edit-remove-break-btn{align-self:flex-end}}.leave-request-modal-card{background-color:#fff;border-radius:16px;width:min(480px,95vw);max-height:90vh;display:flex;flex-direction:column;border:1px solid #E8E9F0;box-shadow:0 20px 70px #18103926}.leave-request-modal-header{padding:20px 24px;border-bottom:1px solid #E8E9F0;display:flex;align-items:center;justify-content:space-between}.leave-request-modal-title{font-size:18px;font-weight:700;color:#2e2a5c;margin:0}.leave-request-modal-body{padding:20px 24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:18px}.leave-request-balance{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:#f2f1fb;border-radius:10px}.leave-request-balance-label{font-size:14px;font-weight:600;color:#6d6a9e}.leave-request-balance-value{font-size:18px;font-weight:700;color:#524fa1}.leave-request-field{display:flex;flex-direction:column;gap:8px}.leave-request-field>label{font-size:13px;font-weight:600;color:#2e2a5c}.leave-request-radio-group{display:flex;gap:16px}.leave-request-radio{display:flex;align-items:center;gap:6px;font-size:14px;color:#333;cursor:pointer}.leave-request-radio input[type=radio]{accent-color:#524FA1}.leave-request-dates-header{display:flex;justify-content:space-between;align-items:center}.leave-request-dates-header label{font-size:13px;font-weight:600;color:#2e2a5c}.leave-request-add-date-btn{padding:4px 12px;background-color:transparent;color:#524fa1;border:1px solid #524FA1;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.leave-request-add-date-btn:hover{background-color:#f2f1fb}.leave-request-dates-list{display:flex;flex-direction:column;gap:8px}.leave-request-date-row{display:flex;align-items:center;gap:8px}.leave-request-date-input{flex:1;padding:10px 12px;border:1px solid #E8E9F0;border-radius:8px;font-size:14px;color:#333;outline:none;transition:border-color .2s}.leave-request-date-input:focus{border-color:#524fa1}.leave-request-remove-date-btn{padding:6px 10px;background-color:transparent;color:#e53935;border:1px solid #e53935;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.leave-request-remove-date-btn:hover{background-color:#e539350f}.leave-request-textarea{padding:10px 12px;border:1px solid #E8E9F0;border-radius:8px;font-size:14px;color:#333;outline:none;resize:vertical;font-family:inherit;transition:border-color .2s}.leave-request-textarea:focus{border-color:#524fa1}.leave-request-modal-footer{padding:16px 24px;border-top:1px solid #E8E9F0;display:flex;justify-content:flex-end;gap:10px}.leave-request-cancel-btn{padding:10px 20px;background-color:transparent;color:#6d6a9e;border:1px solid #E8E9F0;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.leave-request-cancel-btn:hover{background-color:#f7f7ff}.leave-request-submit-btn{padding:10px 24px;background-color:#524fa1;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.leave-request-submit-btn:hover:not(:disabled){background-color:#423d8a}.leave-request-submit-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.leave-request-date-row{flex-direction:column;align-items:stretch}.leave-request-remove-date-btn{align-self:flex-end}}.leave-review-section{margin-top:20px}.leave-review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.leave-review-title{margin:0;font-size:17px;font-weight:700;color:#2e2a5c}.leave-review-filter{display:flex;gap:4px;background-color:#f0f0f5;padding:4px;border-radius:8px}.leave-review-filter-btn{padding:6px 14px;border:none;background-color:transparent;color:#6d6a9e;font-size:13px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s}.leave-review-filter-btn:hover{background-color:#524fa11a}.leave-review-filter-btn.active{background-color:#524fa1;color:#fff}.leave-review-loading{display:flex;flex-direction:column;align-items:center;padding:24px;color:#666}.leave-review-empty{text-align:center;color:#999;padding:24px;font-size:14px}.leave-review-list{display:flex;flex-direction:column;gap:12px}.leave-review-card{padding:16px;background-color:#fafafc;border-radius:10px;border:1px solid #E8E9F0;display:flex;flex-direction:column;gap:10px}.leave-review-card-header{display:flex;align-items:center;gap:10px}.leave-review-card-name{font-size:15px;font-weight:600;color:#2e2a5c}.leave-review-card-type{font-size:12px;font-weight:600;padding:2px 10px;border-radius:10px}.leave-review-card-type.paid{background-color:#e3f2fd;color:#1565c0}.leave-review-card-type.half_paid{background-color:#fff3e0;color:#e65100}.leave-review-card-dates{display:flex;flex-wrap:wrap;gap:6px}.leave-review-date-chip{display:inline-block;padding:4px 10px;background-color:#f2f1fb;color:#524fa1;border-radius:6px;font-size:13px;font-weight:500}.leave-review-card-reason{font-size:13px;color:#555;line-height:1.5}.leave-review-reason-label{font-weight:600;color:#6d6a9e}.leave-review-card-meta{font-size:12px;color:#999}.leave-review-card-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:4px}.leave-review-approve-btn{padding:8px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.leave-review-approve-btn:hover:not(:disabled){background-color:#43a047}.leave-review-approve-btn:disabled{opacity:.5;cursor:not-allowed}.leave-review-reject-group{display:flex;gap:6px;align-items:center;flex:1;min-width:200px}.leave-review-reject-note{flex:1;padding:8px 12px;border:1px solid #E8E9F0;border-radius:8px;font-size:13px;color:#333;outline:none;transition:border-color .2s}.leave-review-reject-note:focus{border-color:#e53935}.leave-review-reject-btn{padding:8px 16px;background-color:transparent;color:#e53935;border:1px solid #e53935;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.leave-review-reject-btn:hover:not(:disabled){background-color:#e539350f}.leave-review-reject-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.leave-review-header{flex-direction:column;align-items:flex-start}.leave-review-card-actions{flex-direction:column;align-items:stretch}.leave-review-reject-group{min-width:unset}}.attendance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.attendance-header h2{margin:0;font-size:22px;color:#2e2a5c;font-weight:700}.attendance-header-actions{display:flex;align-items:center;gap:12px}.attendance-qr-btn{padding:8px 16px;background-color:#524fa1;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s}.attendance-qr-btn:hover{background-color:#423d8a}.attendance-scan-btn{padding:8px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s}.attendance-scan-btn:hover{background-color:#43a047}.attendance-settings-link-btn{padding:8px 16px;background-color:transparent;color:#524fa1;border:1px solid #E8E9F0;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s}.attendance-settings-link-btn:hover{background-color:#f2f1fb;border-color:#524fa1}.attendance-gps-btn{padding:8px 16px;background-color:#e65100;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s}.attendance-gps-btn:hover{background-color:#bf360c}.attendance-device-btn{padding:8px 16px;background-color:#2e2a5c;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s}.attendance-device-btn:hover{background-color:#1a1740}.attendance-view-switcher{display:flex;gap:4px;background-color:#f0f0f5;padding:4px;border-radius:8px}.attendance-view-switcher .view-mode-btn{padding:6px 16px;border:none;background-color:transparent;color:#6d6a9e;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s}.attendance-view-switcher .view-mode-btn:hover{background-color:#524fa11a}.attendance-view-switcher .view-mode-btn.active{background-color:#524fa1;color:#fff}.attendance-date-nav{display:flex;align-items:center;gap:12px;margin-bottom:20px;justify-content:center}.attendance-nav-btn{padding:8px 14px;background-color:#fff;border:1px solid #E8E9F0;border-radius:8px;font-size:16px;cursor:pointer;color:#524fa1;font-weight:600;transition:all .2s}.attendance-nav-btn:hover{background-color:#f2f1fb}.attendance-current-date{font-size:18px;font-weight:600;color:#2e2a5c;min-width:200px;text-align:center}.attendance-today-btn{padding:8px 16px;background-color:#524fa1;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.attendance-today-btn:hover{background-color:#423d8a}.attendance-loading{display:flex;flex-direction:column;align-items:center;padding:40px;color:#666}.attendance-table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid #E8E9F0;background:#fff;box-shadow:0 2px 10px #0000000d}.attendance-table{width:100%;border-collapse:collapse;font-size:14px}.attendance-table thead{background-color:#f2f1fb}.attendance-table th{padding:14px 16px;text-align:left;font-weight:600;color:#2e2a5c;border-bottom:2px solid #E8E9F0;white-space:nowrap}.attendance-table td{padding:12px 16px;border-bottom:1px solid #f0f1f5;color:#333}.attendance-table tbody tr:hover{background-color:#524fa108}.attendance-table tbody tr:last-child td{border-bottom:none}.attendance-name-cell{font-weight:500;color:#2e2a5c}.attendance-status-badge{font-weight:600;font-size:13px}.attendance-status-badge.working{color:#4caf50}.attendance-status-badge.onBreak{color:#ff9800}.attendance-status-badge.done{color:#2196f3}.attendance-status-badge.absent{color:#999}.attendance-action-btn{padding:6px 12px;background-color:transparent;color:#e65100;border:1px solid #e65100;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.attendance-action-btn:hover{background-color:#e6510014}.attendance-action-btn.break{color:#ff9800;border-color:#ff9800}.attendance-action-btn.break:hover{background-color:#ff980014}.attendance-admin-actions{display:flex;gap:6px;flex-wrap:wrap}.attendance-session-row{padding:3px 0;border-bottom:1px dashed #eee}.attendance-session-row:last-child{border-bottom:none}.attendance-session-label{font-size:11px;font-weight:600;color:#6d6a9e}.attendance-total-work-time{margin-top:4px;padding-top:4px;border-top:1px solid #E8E9F0;font-weight:600;font-size:13px;color:#524fa1}.attendance-break-detail{font-size:12px;color:#666;line-height:1.5}.attendance-break-total{font-size:11px;color:#999;margin-top:2px}.attendance-clock-method{margin-left:6px;font-size:11px;color:#6d6a9e;font-weight:500}.attendance-location-text{font-size:11px;color:#999;margin-top:2px;line-height:1.3}.attendance-empty{text-align:center;color:#999;padding:40px;font-size:14px}.attendance-monthly-actions{display:flex;justify-content:flex-end;margin-bottom:12px}.attendance-csv-export-btn{padding:8px 16px;background-color:#524fa1;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.attendance-csv-export-btn:hover:not(:disabled){background-color:#423d8a}.attendance-csv-export-btn:disabled{opacity:.6;cursor:not-allowed}.attendance-summary-list{display:flex;flex-direction:column;gap:12px}.attendance-summary-card{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border-radius:12px;border:1px solid #E8E9F0;box-shadow:0 2px 8px #524fa10f}.attendance-summary-name{font-weight:600;font-size:15px;color:#2e2a5c}.attendance-summary-stats{display:flex;gap:24px}.attendance-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.attendance-stat-value{font-size:18px;font-weight:700;color:#524fa1}.attendance-stat-label{font-size:12px;color:#6d6a9e;font-weight:500}.attendance-status-card{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;margin-bottom:20px;background:#fff;border-radius:12px;border:1px solid #E8E9F0;box-shadow:0 2px 8px #524fa10f}.attendance-status-card-info{display:flex;align-items:center;gap:12px}.attendance-status-card-label{font-size:14px;font-weight:600;color:#2e2a5c}.attendance-status-card-badge{font-size:14px;font-weight:700}.attendance-status-card-badge.working{color:#4caf50}.attendance-status-card-badge.onBreak{color:#ff9800}.attendance-status-card-badge.done{color:#2196f3}.attendance-status-card-badge.absent{color:#999}.attendance-status-card-elapsed{font-size:13px;color:#ff9800;font-weight:500}.attendance-status-card-action{flex-shrink:0}.attendance-status-card-btn{padding:10px 24px;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.attendance-status-card-btn:disabled{opacity:.6;cursor:not-allowed}.attendance-status-card-btn.break-start{background-color:#ff9800;color:#fff}.attendance-status-card-btn.break-start:hover:not(:disabled){background-color:#f57c00}.attendance-status-card-btn.break-end{background-color:#4caf50;color:#fff}.attendance-status-card-btn.break-end:hover:not(:disabled){background-color:#43a047}@media (max-width: 768px){.attendance-header{flex-direction:column;align-items:flex-start;gap:12px}.attendance-date-nav{flex-wrap:wrap;gap:8px}.attendance-current-date{min-width:unset;font-size:16px}.attendance-summary-card{flex-direction:column;align-items:flex-start;gap:12px}.attendance-summary-stats{width:100%;justify-content:space-around}.attendance-status-card{flex-direction:column;gap:12px;align-items:stretch}.attendance-status-card-action,.attendance-status-card-btn{width:100%}.attendance-header-actions{flex-wrap:wrap}}.attendance-leave-request-btn{padding:8px 16px;background-color:#1565c0;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.attendance-leave-request-btn:hover{background-color:#0d47a1}.attendance-pending-leave-badge{display:inline-flex;align-items:center;padding:6px 12px;background-color:#fff3e0;color:#e65100;border:1px solid #FFE0B2;border-radius:8px;font-size:13px;font-weight:700}.attendance-leave-badge{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px;margin-left:6px;vertical-align:middle}.attendance-leave-badge.paid{background-color:#e3f2fd;color:#1565c0}.attendance-leave-badge.half_paid{background-color:#fff3e0;color:#e65100}.attendance-summary-table th{user-select:none}.sortable-header{cursor:pointer;transition:color .2s;white-space:nowrap}.sortable-header:hover{color:#524fa1}.sortable-header.sorted{color:#524fa1;font-weight:700}.attendance-hours-cell{font-weight:600;color:#524fa1}.attendance-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 6px;border-radius:6px;font-size:13px;font-weight:600;background-color:#f0f1f5;color:#666}.attendance-count-badge.late{background-color:#fff3e0;color:#e65100}.attendance-count-badge.absent{background-color:#ffebee;color:#c62828}.attendance-leave-context{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.attendance-leave-context-item{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border-radius:10px;border:1px solid #E8E9F0;box-shadow:0 1px 4px #524fa10d}.attendance-leave-context-item.pending{border-color:#ffe0b2;background-color:#fff8e1}.attendance-leave-context-label{font-size:13px;color:#6d6a9e;font-weight:500}.attendance-leave-context-value{font-size:16px;color:#524fa1;font-weight:700}.attendance-leave-context-item.pending .attendance-leave-context-value{color:#e65100}.attendance-table tbody tr[data-status=working]{border-left:3px solid #4CAF50}.attendance-table tbody tr[data-status=onBreak]{border-left:3px solid #FF9800}.attendance-table tbody tr[data-status=done]{border-left:3px solid #2196F3}.attendance-table tbody tr[data-status=absent]{border-left:3px solid #E0E0E0;opacity:.7}.attendance-edited-badge{margin-left:4px;font-size:10px;color:#ff9800;font-weight:600}.attendance-action-btn.edit{color:#524fa1;border-color:#524fa1}.attendance-action-btn.edit:hover{background-color:#524fa114}.register-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.register-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 40px #0003;max-width:500px;width:100%}.register-card h1{font-size:28px;font-weight:700;color:#211d57;margin:0 0 8px;text-align:center}.register-subtitle{font-size:14px;color:#6b6b89;text-align:center;margin:0 0 32px}.register-form{display:flex;flex-direction:column;gap:20px}.role-toggle{display:flex;gap:8px;background-color:#f7f7ff;border-radius:12px;padding:4px}.role-button{flex:1;padding:12px;border:none;border-radius:8px;font-size:15px;font-weight:600;color:#6b6b89;background-color:transparent;cursor:pointer;transition:all .2s ease}.role-button:hover{background-color:#524fa114}.role-button.active{background-color:#524fa1;color:#fff}.form-group label{font-size:14px;font-weight:600;color:#211d57}.form-group input{height:48px;border-radius:10px;background-color:#f7f7ff;border:1px solid rgba(82,79,161,.2);padding:0 14px;font-size:16px;color:#211d57;transition:border-color .2s ease}.form-group input:disabled{opacity:.6;cursor:not-allowed}.form-group input::placeholder{color:#9ea2b3}.form-hint{font-size:12px;color:#6b6b89;margin:0;line-height:1.5}.register-button{height:52px;border-radius:12px;background-color:#524fa1;border:none;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.register-button:hover:not(:disabled){background-color:#423d8a;transform:translateY(-1px);box-shadow:0 4px 12px #524fa14d}.register-button:active:not(:disabled){transform:translateY(0)}.register-button:disabled{opacity:.6;cursor:not-allowed}.register-footer{text-align:center;margin-top:8px}.register-footer p{font-size:14px;color:#6b6b89;margin:0}.register-footer a{color:#524fa1;text-decoration:none;font-weight:600}.register-footer a:hover{text-decoration:underline}.current-user-info{background-color:#f7f7ff;border-radius:12px;padding:16px;margin-bottom:24px;text-align:center}.current-user-info p{margin:0;font-size:14px;color:#211d57}.current-user-info strong{font-size:16px;font-weight:600}.current-user-info .current-user-email{color:#6b6b89;margin-top:4px}.text-button{background:none;border:none;color:#524fa1;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none}.choice-text{font-size:14px;color:#6b6b89;text-align:center;line-height:1.6;margin-bottom:16px}.register-button.secondary{background-color:transparent;border:1px solid #524FA1;color:#524fa1;margin-top:12px}.register-button.secondary:hover:not(:disabled){background-color:#524fa114}.register-container:has(.webview-warning){padding-top:140px}.google-register-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:48px;background-color:#fff;border:1px solid #dadce0;border-radius:10px;font-size:15px;font-weight:500;color:#3c4043;cursor:pointer;transition:all .2s ease}.google-register-btn:hover{background-color:#f8f9fa;border-color:#c6c6c6;box-shadow:0 1px 3px #0000001a}.google-register-btn:disabled{opacity:.6;cursor:not-allowed}.oauth-user-info{background-color:#f7f7ff;border:1px solid rgba(82,79,161,.2);border-radius:10px;padding:16px;text-align:center}.oauth-user-info p{margin:0;font-size:14px;font-weight:600;color:#211d57}.oauth-user-info .oauth-user-email{font-weight:400;color:#6b6b89;margin-top:4px}.divider-or:before,.divider-or:after{content:"";flex:1;height:1px;background-color:#524fa133}.divider-or span{font-size:13px;color:#6b6b89;white-space:nowrap}@media (max-width: 768px){.register-card{padding:24px}.register-card h1{font-size:24px}.webview-warning{padding:12px 16px}.webview-warning-content strong{font-size:14px}.webview-warning-content p{font-size:12px}.register-container:has(.webview-warning){padding-top:160px}}.scan-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#1a1a2e;padding:24px}.scan-card{background:#fff;border-radius:16px;max-width:400px;width:100%;padding:32px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;align-items:center;gap:16px}.scan-title{font-size:24px;font-weight:700;color:#2e2a5c;text-align:center;margin:0}.scan-message{font-size:14px;color:#666;text-align:center;margin:0;line-height:1.6}.scan-success{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 0;border-bottom:3px solid #4CAF50;width:100%}.scan-success .scan-title{color:#4caf50}.scan-success.clockOut{border-bottom-color:#2196f3}.scan-success.clockOut .scan-title{color:#2196f3}.scan-success-icon{font-size:48px;line-height:1}.scan-error{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background-color:#fff3f0;border-radius:12px;width:100%}.scan-error .scan-title,.scan-error .scan-message{color:#c62828}.scan-camera-help{font-size:12px;color:#999;text-align:center;margin:8px 0 0}.scan-scanner-area{width:100%;max-width:350px;border-radius:12px;overflow:hidden;aspect-ratio:1}.scan-button{display:block;width:100%;padding:14px 24px;background-color:#524fa1;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;transition:all .2s}.scan-button:hover{background-color:#423d8a}.scan-button.secondary{background-color:transparent;color:#524fa1;border:1px solid #E8E9F0}.scan-button.secondary:hover{background-color:#f2f1fb}.scan-spinner{width:40px;height:40px;border:4px solid #E8E9F0;border-top-color:#524fa1;border-radius:50%;animation:scan-spin .8s linear infinite}@keyframes scan-spin{to{transform:rotate(360deg)}}@media (max-width: 480px){.scan-container{padding:16px}.scan-card{padding:24px 20px}.scan-title{font-size:20px}}.attendance-settings-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.attendance-settings-header h2{margin:0;font-size:22px;color:#2e2a5c;font-weight:700}.attendance-settings-back-btn{padding:8px 16px;background-color:transparent;color:#524fa1;border:1px solid #E8E9F0;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.attendance-settings-back-btn:hover{background-color:#f2f1fb}.attendance-settings-message{padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;margin-bottom:16px;animation:attendance-settings-fade-in .3s ease}.attendance-settings-message.success{background-color:#e8f5e9;color:#2e7d32;border:1px solid #C8E6C9}.attendance-settings-message.error{background-color:#fff3f0;color:#c62828;border:1px solid #FFCDD2}@keyframes attendance-settings-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.attendance-settings-section{background:#fff;border-radius:12px;border:1px solid #E8E9F0;box-shadow:0 2px 10px #0000000d;padding:24px;margin-bottom:20px}.attendance-settings-section-title{margin:0 0 16px;font-size:17px;font-weight:700;color:#2e2a5c}.attendance-settings-section-desc{margin:0 0 16px;font-size:14px;color:#6d6a9e;line-height:1.5}.attendance-settings-method-list{display:flex;flex-direction:column;gap:12px}.attendance-settings-method-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:#fafafc;border-radius:10px;border:1px solid #E8E9F0;transition:background-color .2s}.attendance-settings-method-item:hover{background-color:#f2f1fb}.attendance-settings-method-item.disabled{opacity:.6;pointer-events:none}.attendance-settings-method-info{display:flex;flex-direction:column;gap:4px}.attendance-settings-method-name{font-size:15px;font-weight:600;color:#2e2a5c;display:flex;align-items:center;gap:8px}.attendance-settings-method-desc{font-size:13px;color:#6d6a9e}.attendance-settings-badge-coming{display:inline-block;padding:2px 8px;background-color:#e8e9f0;color:#6d6a9e;border-radius:10px;font-size:11px;font-weight:600}.attendance-settings-toggle{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.attendance-settings-toggle input{opacity:0;width:0;height:0}.attendance-settings-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;border-radius:26px;transition:.3s}.attendance-settings-toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}.attendance-settings-toggle input:checked+.attendance-settings-toggle-slider{background-color:#524fa1}.attendance-settings-toggle input:checked+.attendance-settings-toggle-slider:before{transform:translate(22px)}.attendance-settings-toggle input:disabled+.attendance-settings-toggle-slider{opacity:.5;cursor:not-allowed}.attendance-settings-loading{display:flex;flex-direction:column;align-items:center;padding:24px;color:#666}.attendance-settings-empty{text-align:center;color:#999;padding:20px;font-size:14px}.attendance-settings-device-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.attendance-settings-device-card{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background-color:#fafafc;border-radius:10px;border:1px solid #E8E9F0}.attendance-settings-device-info{display:flex;flex-direction:column;gap:4px}.attendance-settings-device-name{font-size:15px;font-weight:600;color:#2e2a5c}.attendance-settings-device-last-used{font-size:12px;color:#6d6a9e}.attendance-settings-device-remove-btn{padding:6px 14px;background-color:transparent;color:#c62828;border:1px solid #c62828;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.attendance-settings-device-remove-btn:hover{background-color:#c6282814}.attendance-settings-device-remove-btn:disabled{opacity:.5;cursor:not-allowed}.attendance-settings-register-btn{display:block;width:100%;padding:12px;background-color:#524fa1;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.attendance-settings-register-btn:hover{background-color:#423d8a}.attendance-settings-register-btn:disabled{opacity:.6;cursor:not-allowed}.attendance-settings-pin-list{display:flex;flex-direction:column;gap:8px}.attendance-settings-pin-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:#fafafc;border-radius:10px;border:1px solid #E8E9F0}.attendance-settings-pin-name{flex:1;font-size:15px;font-weight:500;color:#2e2a5c}.attendance-settings-pin-status{font-size:13px;font-weight:600;min-width:60px;text-align:center}.attendance-settings-pin-status.set{color:#4caf50}.attendance-settings-pin-status.unset{color:#999}.attendance-settings-pin-actions{display:flex;gap:8px}.attendance-settings-pin-set-btn{padding:6px 14px;background-color:#524fa1;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.attendance-settings-pin-set-btn:hover{background-color:#423d8a}.attendance-settings-pin-reset-btn{padding:6px 14px;background-color:transparent;color:#e65100;border:1px solid #e65100;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.attendance-settings-pin-reset-btn:hover{background-color:#e6510014}.attendance-settings-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:attendance-settings-fade-in .2s ease}.attendance-settings-modal{background:#fff;border-radius:16px;max-width:420px;width:100%;padding:28px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;align-items:center;gap:16px}.attendance-settings-modal-title{margin:0;font-size:20px;font-weight:700;color:#2e2a5c;text-align:center}.attendance-settings-modal-desc{margin:0;font-size:14px;color:#666;text-align:center;line-height:1.5}.attendance-settings-registration-code{font-size:40px;font-weight:700;color:#524fa1;letter-spacing:8px;font-variant-numeric:tabular-nums;padding:16px 24px;background-color:#f2f1fb;border-radius:12px}.attendance-settings-code-timer{font-size:14px;color:#e65100;font-weight:600;font-variant-numeric:tabular-nums}.attendance-settings-registration-qr{display:flex;justify-content:center;padding:8px}.attendance-settings-modal-actions{display:flex;gap:12px;width:100%;margin-top:8px}.attendance-settings-modal-btn{flex:1;padding:12px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.attendance-settings-modal-btn.primary{background-color:#524fa1;color:#fff;border:none}.attendance-settings-modal-btn.primary:hover{background-color:#423d8a}.attendance-settings-modal-btn.primary:disabled{opacity:.5;cursor:not-allowed}.attendance-settings-modal-btn.secondary{background-color:transparent;color:#524fa1;border:1px solid #E8E9F0}.attendance-settings-modal-btn.secondary:hover{background-color:#f2f1fb}.attendance-settings-pin-form{width:100%;display:flex;flex-direction:column;gap:16px}.attendance-settings-pin-input-group{display:flex;flex-direction:column;gap:6px}.attendance-settings-pin-input-group label{font-size:13px;font-weight:600;color:#2e2a5c}.attendance-settings-pin-input{width:100%;padding:12px 16px;border:1px solid #E8E9F0;border-radius:8px;font-size:24px;text-align:center;letter-spacing:12px;color:#2e2a5c;outline:none;transition:border-color .2s;box-sizing:border-box}.attendance-settings-pin-input:focus{border-color:#524fa1;box-shadow:0 0 0 3px #524fa126}.attendance-settings-pin-error{margin:0;font-size:13px;color:#c62828;text-align:center}.attendance-settings-gps-form{display:flex;flex-direction:column;gap:16px}.attendance-settings-gps-field{display:flex;flex-direction:column;gap:6px}.attendance-settings-gps-field label{font-size:13px;font-weight:600;color:#2e2a5c}.attendance-settings-gps-input{width:100%;padding:10px 14px;border:1px solid #E8E9F0;border-radius:8px;font-size:15px;color:#2e2a5c;outline:none;transition:border-color .2s;box-sizing:border-box}.attendance-settings-gps-input:focus{border-color:#524fa1;box-shadow:0 0 0 3px #524fa126}.attendance-settings-gps-coords{display:flex;gap:12px}.attendance-settings-gps-coords .attendance-settings-gps-field{flex:1}.attendance-settings-gps-locate-btn{padding:10px 20px;background-color:transparent;color:#524fa1;border:1px solid #524FA1;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;align-self:flex-start}.attendance-settings-gps-locate-btn:hover{background-color:#f2f1fb}.attendance-settings-gps-locate-btn:disabled{opacity:.5;cursor:not-allowed}.attendance-settings-gps-slider{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:#e8e9f0;border-radius:3px;outline:none;cursor:pointer}.attendance-settings-gps-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#524fa1;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.attendance-settings-gps-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#524fa1;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.attendance-settings-gps-slider-labels{display:flex;justify-content:space-between;font-size:12px;color:#999;margin-top:2px}.attendance-settings-gps-preview{padding:12px 16px;background-color:#f2f1fb;border-radius:8px;font-size:14px;font-weight:500;color:#524fa1;text-align:center}.attendance-settings-gps-save-btn{display:block;width:100%;padding:12px;background-color:#524fa1;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.attendance-settings-gps-save-btn:hover{background-color:#423d8a}.attendance-settings-gps-save-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.attendance-settings-header{flex-direction:row;gap:12px}.attendance-settings-section{padding:18px}.attendance-settings-pin-row{flex-wrap:wrap;gap:8px}.attendance-settings-pin-name{width:100%}.attendance-settings-pin-actions{margin-left:auto}.attendance-settings-device-card{flex-direction:column;align-items:flex-start;gap:10px}.attendance-settings-device-remove-btn{align-self:flex-end}.attendance-settings-modal{padding:20px}.attendance-settings-registration-code{font-size:32px;letter-spacing:6px;padding:12px 16px}.attendance-settings-gps-coords{flex-direction:column;gap:12px}}.attendance-settings-method-scene{font-size:12px;color:#8b87c0;line-height:1.4;margin-top:2px}.attendance-settings-pin-row.pin-unset-highlight{background-color:#fffde7;border-color:#fff176}.attendance-settings-pin-status.unset{color:#f57f17;background:#fff8e1;padding:2px 8px;border-radius:4px;font-size:12px}.paid-leave-table-wrapper{overflow-x:auto;margin-bottom:16px}.paid-leave-table{width:100%;border-collapse:collapse;font-size:14px}.paid-leave-table thead{background-color:#f2f1fb}.paid-leave-table th{padding:12px 14px;text-align:left;font-weight:600;color:#2e2a5c;border-bottom:2px solid #E8E9F0;white-space:nowrap;font-size:13px}.paid-leave-table td{padding:10px 14px;border-bottom:1px solid #f0f1f5;color:#333;vertical-align:middle}.paid-leave-table tbody tr:hover{background-color:#524fa108}.paid-leave-table tbody tr:last-child td{border-bottom:none}.paid-leave-table tbody tr.paid-leave-saving{opacity:.6}.paid-leave-name{font-weight:500;color:#2e2a5c;white-space:nowrap}.paid-leave-input{padding:8px 10px;border:1px solid #E8E9F0;border-radius:6px;font-size:13px;color:#333;outline:none;transition:border-color .2s;width:100%;min-width:140px;box-sizing:border-box}.paid-leave-input:focus{border-color:#524fa1}.paid-leave-select{padding:8px 10px;border:1px solid #E8E9F0;border-radius:6px;font-size:13px;color:#333;outline:none;background-color:#fff;cursor:pointer;transition:border-color .2s}.paid-leave-select:focus{border-color:#524fa1}.paid-leave-weekly-days{display:flex;flex-direction:column;gap:4px}.paid-leave-weekly-hint{font-size:11px;color:#8b87c0;line-height:1.3}.paid-leave-fulltime-days{font-size:13px;color:#6d6a9e}.paid-leave-balance{font-weight:700;font-size:15px;color:#524fa1}.paid-leave-balance.unset{font-weight:500;font-size:13px;color:#999}.paid-leave-recalc-btn{display:block;width:100%;padding:12px;background-color:transparent;color:#524fa1;border:1px solid #524FA1;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.paid-leave-recalc-btn:hover:not(:disabled){background-color:#f2f1fb}.paid-leave-recalc-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.paid-leave-table th,.paid-leave-table td{padding:8px 10px;font-size:13px}.paid-leave-input{min-width:120px}}.device-clock-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#1a1a2e;padding:24px}.device-clock-container.clock-mode{justify-content:flex-start;gap:20px;padding:32px 24px}.device-clock-container.fullscreen{padding:40px}.device-clock-loading{display:flex;flex-direction:column;align-items:center;gap:12px;color:#ffffffb3;font-size:14px;padding:40px}.device-clock-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.2);border-top-color:#524fa1;border-radius:50%;animation:device-clock-spin .8s linear infinite}@keyframes device-clock-spin{to{transform:rotate(360deg)}}.device-clock-setup-card{background:#fff;border-radius:16px;max-width:420px;width:100%;padding:36px 32px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;align-items:center;gap:24px}.device-clock-setup-title{font-size:22px;font-weight:700;color:#2e2a5c;text-align:center;margin:0}.device-clock-setup-form{width:100%;display:flex;flex-direction:column;gap:16px}.device-clock-setup-field{display:flex;flex-direction:column;gap:6px}.device-clock-setup-field label{font-size:14px;font-weight:600;color:#2e2a5c}.device-clock-setup-field input{width:100%;padding:12px 16px;border:1px solid #E8E9F0;border-radius:8px;font-size:16px;color:#2e2a5c;outline:none;transition:border-color .2s;box-sizing:border-box}.device-clock-setup-field input:focus{border-color:#524fa1;box-shadow:0 0 0 3px #524fa126}.device-clock-setup-field input:disabled{background-color:#f5f5f5;color:#999}.device-clock-setup-error{margin:0;padding:10px 14px;background-color:#fff3f0;color:#c62828;border-radius:8px;font-size:13px;line-height:1.5}.device-clock-setup-btn{width:100%;padding:14px;background-color:#524fa1;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.device-clock-setup-btn:hover{background-color:#423d8a}.device-clock-setup-btn:disabled{opacity:.5;cursor:not-allowed}.device-clock-setup-notes{text-align:center}.device-clock-setup-notes p{margin:4px 0;font-size:12px;color:#999}.device-clock-header{text-align:center;width:100%}.device-clock-group-name{margin:0;font-size:20px;font-weight:700;color:#ffffffe6}.device-clock-time-display{text-align:center;padding:16px 0}.device-clock-time{font-size:64px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:2px;line-height:1}.device-clock-date{font-size:18px;color:#ffffffb3;margin-top:8px;font-weight:500}.device-clock-member-list{width:100%;max-width:600px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;flex:1;max-height:calc(100vh - 340px);padding:4px}.device-clock-member-card{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s;text-align:left;width:100%;font-family:inherit}.device-clock-member-card:hover:not(:disabled){background:#ffffff26;border-color:#fff3}.device-clock-member-card:active:not(:disabled){transform:scale(.98)}.device-clock-member-card:disabled{cursor:default;opacity:.7}.device-clock-member-card.working{border-left:4px solid #4CAF50}.device-clock-member-card.done{border-left:4px solid #2196F3}.device-clock-member-card.onBreak{border-left:4px solid #FF9800}.device-clock-member-card.no-pin{border-left:4px solid #f44336;opacity:.7}.device-clock-no-pin-badge{display:inline-block;font-size:11px;background-color:#f44336;color:#fff;padding:2px 8px;border-radius:10px;margin-left:8px;font-weight:600;vertical-align:middle}.device-clock-member-card.absent{border-left:4px solid rgba(255,255,255,.2)}.device-clock-member-name{font-size:16px;font-weight:600;color:#fffffff2}.device-clock-member-status{font-size:14px;font-weight:500;font-variant-numeric:tabular-nums}.device-clock-empty{text-align:center;color:#ffffff80;padding:40px;font-size:14px}.device-clock-footer{margin-top:auto;padding-top:16px}.device-clock-fullscreen-btn{padding:10px 24px;background-color:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.device-clock-fullscreen-btn:hover{background-color:#ffffff40}.device-clock-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:device-clock-fade-in .2s ease}@keyframes device-clock-fade-in{0%{opacity:0}to{opacity:1}}.device-clock-modal{background:#fff;border-radius:20px;max-width:360px;width:100%;padding:32px 28px;box-shadow:0 16px 48px #0006;display:flex;flex-direction:column;align-items:center;gap:20px}.device-clock-modal-name{margin:0;font-size:22px;font-weight:700;color:#2e2a5c}.device-clock-modal-desc{margin:0;font-size:14px;color:#6d6a9e}.device-clock-pin-display{display:flex;gap:16px}.device-clock-pin-dot{width:48px;height:48px;border:2px solid #E8E9F0;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#2e2a5c;transition:all .2s}.device-clock-pin-dot.filled{border-color:#524fa1;background-color:#f2f1fb}.device-clock-numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:280px}.device-clock-numpad-btn{padding:16px;border:1px solid #E8E9F0;border-radius:12px;background-color:#fafafc;font-size:22px;font-weight:600;color:#2e2a5c;cursor:pointer;transition:all .15s;user-select:none;-webkit-tap-highlight-color:transparent}.device-clock-numpad-btn:hover{background-color:#f2f1fb}.device-clock-numpad-btn:active{background-color:#e8e9f0;transform:scale(.95)}.device-clock-numpad-btn:disabled{opacity:.4;cursor:not-allowed}.device-clock-numpad-btn.action{font-size:16px;color:#6d6a9e;background-color:#f0f0f5}.device-clock-action-buttons{display:flex;gap:12px;width:100%}.device-clock-action-btn{flex:1;padding:14px;border:none;border-radius:12px;font-size:18px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s}.device-clock-action-btn.clockIn{background-color:#4caf50}.device-clock-action-btn.clockIn:hover{background-color:#43a047}.device-clock-action-btn.clockOut{background-color:#2196f3}.device-clock-action-btn.clockOut:hover{background-color:#1e88e5}.device-clock-action-btn.breakStart{background-color:#ff9800}.device-clock-action-btn.breakStart:hover{background-color:#f57c00}.device-clock-action-btn.breakEnd{background-color:#ff9800}.device-clock-action-btn.breakEnd:hover{background-color:#f57c00}.device-clock-action-btn:disabled{opacity:.5;cursor:not-allowed}.device-clock-cancel-btn{padding:10px 24px;background-color:transparent;color:#6d6a9e;border:1px solid #E8E9F0;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.device-clock-cancel-btn:hover{background-color:#f2f1fb}.device-clock-cancel-btn:disabled{opacity:.4;cursor:not-allowed}.device-clock-result{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 0;width:100%}.device-clock-result-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;animation:device-clock-pop .3s ease}@keyframes device-clock-pop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.device-clock-result.success .device-clock-result-icon{background-color:#4caf50}.device-clock-result.error .device-clock-result-icon{background-color:#c62828}.device-clock-result-text{margin:0;font-size:16px;font-weight:600;text-align:center}.device-clock-result.success .device-clock-result-text{color:#2e7d32}.device-clock-result.error .device-clock-result-text{color:#c62828}@media (min-width: 768px){.device-clock-time{font-size:80px}.device-clock-date{font-size:22px}.device-clock-member-list{max-width:700px}.device-clock-member-card{padding:20px 24px}.device-clock-member-name{font-size:18px}.device-clock-member-status{font-size:16px}}@media (max-width: 480px){.device-clock-container{padding:16px}.device-clock-container.clock-mode{padding:20px 16px;gap:16px}.device-clock-time{font-size:48px}.device-clock-date{font-size:15px}.device-clock-member-card{padding:12px 16px}.device-clock-member-name{font-size:14px}.device-clock-member-status{font-size:12px}.device-clock-member-list{max-height:calc(100vh - 280px)}.device-clock-modal{padding:24px 20px}.device-clock-pin-dot{width:40px;height:40px;font-size:24px}.device-clock-numpad-btn{padding:12px;font-size:18px}.device-clock-setup-card{padding:28px 20px}.device-clock-setup-title{font-size:18px}}.device-clock-container.fullscreen .device-clock-time{font-size:96px}.device-clock-container.fullscreen .device-clock-date{font-size:24px}.device-clock-container.fullscreen .device-clock-member-list{max-height:calc(100vh - 380px)}.device-clock-container.fullscreen .device-clock-member-card{padding:20px 28px}.device-clock-container.fullscreen .device-clock-member-name{font-size:20px}.device-clock-container.fullscreen .device-clock-member-status{font-size:18px}.gps-clock-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.gps-clock-header h2{margin:0;font-size:22px;color:#2e2a5c;font-weight:700}.gps-clock-back-btn{padding:8px 16px;background-color:transparent;color:#524fa1;border:1px solid #E8E9F0;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.gps-clock-back-btn:hover{background-color:#f2f1fb}.gps-clock-message{padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;margin-bottom:16px;animation:gps-clock-fade-in .3s ease}.gps-clock-message.success{background-color:#e8f5e9;color:#2e7d32;border:1px solid #C8E6C9}.gps-clock-message.error{background-color:#fff3f0;color:#c62828;border:1px solid #FFCDD2}@keyframes gps-clock-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.gps-clock-section{background:#fff;border-radius:12px;border:1px solid #E8E9F0;box-shadow:0 2px 10px #0000000d;padding:24px;margin-bottom:20px}.gps-clock-section-title{margin:0 0 16px;font-size:17px;font-weight:700;color:#2e2a5c}.gps-clock-loading{display:flex;flex-direction:column;align-items:center;padding:24px;color:#666}.gps-clock-loading .spinner{width:32px;height:32px}.gps-clock-error-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;background-color:#fff3f0;border-radius:10px;border:1px solid #FFCDD2}.gps-clock-error-card p{margin:0;font-size:14px;color:#c62828;text-align:center;line-height:1.5}.gps-clock-retry-btn{padding:8px 20px;background-color:#524fa1;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.gps-clock-retry-btn:hover{background-color:#423d8a}.gps-clock-status-card{display:flex;flex-direction:column;gap:12px}.gps-clock-status-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#fafafc;border-radius:10px;border:1px solid #E8E9F0}.gps-clock-status-label{font-size:14px;font-weight:500;color:#6d6a9e}.gps-clock-status-value{font-size:15px;font-weight:600;color:#2e2a5c}.gps-clock-distance{font-size:20px;font-weight:700;color:#524fa1;font-variant-numeric:tabular-nums}.gps-clock-range{font-size:16px;font-weight:700;padding:4px 12px;border-radius:6px}.gps-clock-range.in-range{color:#2e7d32;background-color:#e8f5e9}.gps-clock-range.out-range{color:#c62828;background-color:#fff3f0}.gps-clock-accuracy{text-align:right;font-size:12px;color:#999;margin-top:4px}.gps-clock-today-card{display:flex;flex-direction:column;gap:12px}.gps-clock-today-row{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background-color:#fafafc;border-radius:10px;border:1px solid #E8E9F0}.gps-clock-today-label{font-size:15px;font-weight:600;color:#2e2a5c}.gps-clock-today-time{font-size:18px;font-weight:700;color:#524fa1;font-variant-numeric:tabular-nums}.gps-clock-today-row.break-row{background-color:#fff8e1;border-color:#ffe0b2}.gps-clock-today-time.break-time{font-size:15px;font-weight:600;color:#e65100}.gps-clock-today-row.break-total-row{background-color:#fff3e0;border-color:#ffe0b2}.gps-clock-today-time.break-total{font-size:16px;font-weight:700;color:#ff9800}.gps-clock-session-block{padding-bottom:8px;margin-bottom:8px;border-bottom:1px dashed #E8E9F0}.gps-clock-session-block:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.gps-clock-session-header{font-size:12px;font-weight:700;color:#6d6a9e;margin-bottom:6px;padding:4px 8px;background-color:#f2f1fb;border-radius:4px;display:inline-block}.gps-clock-action-btn{display:block;width:100%;padding:18px;border:none;border-radius:12px;font-size:18px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s}.gps-clock-action-btn.clock-in{background-color:#4caf50}.gps-clock-action-btn.clock-in:hover:not(:disabled){background-color:#43a047}.gps-clock-action-btn.clock-out{background-color:#2196f3}.gps-clock-action-btn.clock-out:hover:not(:disabled){background-color:#1e88e5}.gps-clock-action-btn.break-start{background-color:#ff9800;margin-bottom:12px}.gps-clock-action-btn.break-start:hover:not(:disabled){background-color:#f57c00}.gps-clock-action-btn.break-end{background-color:#4caf50}.gps-clock-action-btn.break-end:hover:not(:disabled){background-color:#43a047}.gps-clock-action-btn:disabled{opacity:.5;cursor:not-allowed}.gps-clock-done-message{text-align:center;padding:20px;font-size:16px;font-weight:600;color:#2196f3;background-color:#e3f2fd;border-radius:10px;border:1px solid #BBDEFB}.gps-clock-range-warning{margin:12px 0 0;font-size:13px;color:#c62828;text-align:center;line-height:1.5}.gps-clock-no-config{background:#fff;border-radius:12px;border:1px solid #E8E9F0;box-shadow:0 2px 10px #0000000d;padding:32px 24px;text-align:center}.gps-clock-no-config p{margin:8px 0;font-size:14px;color:#6d6a9e;line-height:1.6}.gps-clock-notice{text-align:center;font-size:13px;color:#999;line-height:1.5;padding:8px 16px}@media (max-width: 768px){.gps-clock-header{gap:12px}.gps-clock-section{padding:18px}.gps-clock-distance{font-size:18px}.gps-clock-today-time{font-size:16px}.gps-clock-action-btn{padding:16px;font-size:16px}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card{background:#fff;border-radius:12px;padding:40px;width:100%;max-width:400px;box-shadow:0 10px 40px #0003}.login-card h1{font-size:28px;font-weight:700;margin-bottom:8px;text-align:center;color:var(--primary-color)}.login-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:32px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:var(--text-primary)}.form-group input{padding:12px;border:1px solid var(--border);border-radius:6px;font-size:14px;transition:border-color .2s}.form-group input:focus{outline:none;border-color:var(--primary-color)}.login-button{background-color:var(--primary-color);color:#fff;border:none;padding:14px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:8px}.login-button:hover{background-color:var(--primary-hover)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-footer{text-align:center;margin-top:16px;font-size:14px}.login-footer a{color:var(--primary-color);text-decoration:none;font-weight:500}.login-footer a:hover{text-decoration:underline}.error-message{background-color:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:8px;padding:12px;color:#c62828;font-size:14px;text-align:center}.success-message{background-color:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:8px;padding:12px;color:#2e7d32;font-size:14px;text-align:center}.info-message{background-color:#524fa11a;border:1px solid rgba(82,79,161,.3);border-radius:8px;padding:12px;color:#524fa1;font-size:14px;text-align:center;margin-bottom:16px}.text-button{background:none;border:none;color:var(--primary-color);font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;padding:0;margin-bottom:12px}.text-button:hover{text-decoration:underline}.text-button:disabled{opacity:.6;cursor:not-allowed}.webview-warning{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#ff9800,#f57c00);padding:16px 20px;z-index:1000;box-shadow:0 2px 12px #00000026}.webview-warning-content{max-width:500px;margin:0 auto;text-align:center;color:#fff}.webview-warning-content strong{display:block;font-size:16px;margin-bottom:8px}.webview-warning-content p{font-size:13px;margin:0 0 12px;line-height:1.5;opacity:.95}.copy-url-button{background-color:#fff;color:#f57c00;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.copy-url-button:hover{background-color:#fff3e0;transform:translateY(-1px)}.copy-url-button:active{transform:translateY(0)}.login-container:has(.webview-warning){padding-top:140px}@media (max-width: 768px){.webview-warning{padding:12px 16px}.webview-warning-content strong{font-size:14px}.webview-warning-content p{font-size:12px}.login-container:has(.webview-warning){padding-top:160px}}.orphan-account-notice{background-color:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:8px;padding:16px;margin:20px 0;font-size:14px;color:#e65100}.orphan-account-notice p{margin:0 0 12px;line-height:1.6}.orphan-account-notice ul{margin:0;padding-left:20px}.orphan-account-notice li{margin-bottom:8px}.orphan-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px}.danger-button{background-color:#d32f2f!important}.danger-button:hover{background-color:#b71c1c!important}.secondary-button{background-color:#f5f5f5;color:#666;border:1px solid #ddd;padding:14px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s}.secondary-button:hover{background-color:#e0e0e0}.secondary-button:disabled{opacity:.6;cursor:not-allowed}.google-login-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px;background-color:#fff;border:1px solid #dadce0;border-radius:6px;font-size:15px;font-weight:500;color:#3c4043;cursor:pointer;transition:all .2s ease}.google-login-btn:hover{background-color:#f8f9fa;border-color:#c6c6c6;box-shadow:0 1px 3px #0000001a}.google-login-btn:disabled{opacity:.6;cursor:not-allowed}.apple-login-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px;background-color:#000;border:none;border-radius:6px;font-size:15px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease}.apple-login-btn:hover{background-color:#1a1a1a;box-shadow:0 1px 3px #0003}.apple-login-btn:disabled{opacity:.6;cursor:not-allowed}.divider-or{display:flex;align-items:center;gap:12px;margin:4px 0}.divider-or:before,.divider-or:after{content:"";flex:1;height:1px;background-color:#dadce0}.divider-or span{font-size:13px;color:#5f6368;white-space:nowrap}.login-legal{margin-top:24px;text-align:center;font-size:13px;color:#999;line-height:1.8}.login-legal p{margin:0 0 8px}.text-link{background:none;border:none;color:#888;font-size:13px;font-weight:700;cursor:pointer;padding:0;text-decoration:none}.text-link:hover{text-decoration:underline}.text-link-bold{color:#888;font-weight:700;text-decoration:none}.text-link-bold:hover{text-decoration:underline}.app-download-section{margin-top:20px;text-align:center}.app-download-divider{height:1px;background-color:#e8e9f0;margin-bottom:20px}.app-download-title{color:#666;font-size:13px;font-weight:600;margin-bottom:14px}.app-qr-codes{display:flex;gap:24px;justify-content:center}.app-qr-item{display:flex;flex-direction:column;align-items:center;gap:6px}.app-qr-label{color:#888;font-size:11px;font-weight:500}.setup-wizard-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;padding:16px;animation:wizard-fade-in .2s ease-out}@keyframes wizard-fade-in{0%{opacity:0}to{opacity:1}}.setup-wizard-container{background:#fff;border-radius:16px;width:100%;max-width:440px;box-shadow:0 16px 48px #0003;overflow:hidden;animation:wizard-slide-up .25s ease-out}@keyframes wizard-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.setup-wizard-progress{height:4px;background:#e8e6f5;overflow:hidden}.setup-wizard-progress-bar{height:100%;background:linear-gradient(90deg,#524fa1,#7b76d1);transition:width .4s ease;border-radius:0 2px 2px 0}.setup-wizard-step-indicator{display:flex;justify-content:center;gap:8px;padding:16px 0 8px}.setup-wizard-step-dot{width:8px;height:8px;border-radius:50%;background:#ddd;transition:all .2s}.setup-wizard-step-dot.active{background:#524fa1;transform:scale(1.3)}.setup-wizard-step-dot.completed{background:#52c41a}.setup-wizard-content{text-align:center;padding:16px 32px 24px}.setup-wizard-icon{font-size:48px;display:block;margin-bottom:12px}.setup-wizard-title{margin:0 0 8px;font-size:20px;font-weight:700;color:#2e2a5c}.setup-wizard-description{margin:0;font-size:14px;color:#666;line-height:1.6}.setup-wizard-actions{padding:0 24px 20px;display:flex;flex-direction:column;gap:8px;align-items:center}.setup-wizard-action-btn{width:100%;padding:12px 20px;background:#524fa1;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s}.setup-wizard-action-btn:hover{background:#433f8a}.setup-wizard-nav{display:flex;gap:12px;width:100%}.setup-wizard-back-btn,.setup-wizard-next-btn{flex:1;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.setup-wizard-back-btn{background:#f5f5f5;color:#666;border:1px solid #ddd}.setup-wizard-back-btn:hover{background:#eee}.setup-wizard-next-btn{background:#f0eefb;color:#524fa1;border:1px solid #d5d3e8}.setup-wizard-next-btn:hover{background:#e8e6f5}.setup-wizard-dismiss-btn{background:none;border:none;color:#999;font-size:12px;cursor:pointer;padding:4px 8px}.setup-wizard-dismiss-btn:hover{color:#666;text-decoration:underline}@media (max-width: 480px){.setup-wizard-container{max-width:100%}.setup-wizard-content{padding:12px 20px 20px}.setup-wizard-icon{font-size:40px}.setup-wizard-title{font-size:18px}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#f5f6fa}.spinner{width:50px;height:50px;border:4px solid #E8E9F0;border-top-color:#524fa1;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card{background:#fff;border-radius:12px;padding:40px;box-shadow:0 10px 40px #0000001a;width:100%;max-width:400px}.login-card h1{color:#524fa1;margin-bottom:8px;font-size:28px}.subtitle{color:#666;margin-bottom:32px;font-size:14px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px;text-align:left}.form-group label{color:#333;font-weight:600;font-size:14px}.form-group input{padding:12px 16px;border:2px solid #E8E9F0;border-radius:8px;font-size:16px;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#524fa1}.login-button{background-color:#524fa1;color:#fff;padding:14px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s;margin-top:8px}.login-button:hover{background-color:#433d85}.error-message{color:#e74c3c;font-size:14px;margin:-8px 0 0;text-align:left;white-space:pre-line}.success-message{color:#27ae60;font-size:14px;margin:-8px 0 0;text-align:left}.text-button{background:none;border:none;color:#524fa1;font-size:14px;cursor:pointer;text-decoration:underline;padding:0;margin-top:8px}.text-button:hover{color:#433d85}.text-button:disabled{color:#999;cursor:not-allowed}.info-text{margin-top:24px;text-align:center}.info-text p{color:#666;font-size:13px}.qr-section{margin-top:32px;padding-top:24px;border-top:1px solid #E8E9F0;text-align:center}.qr-title{color:#666;font-size:14px;margin-bottom:16px}.qr-codes{display:flex;justify-content:center;gap:24px}.qr-item{display:flex;flex-direction:column;align-items:center;gap:8px}.qr-item span{font-size:12px;color:#666;font-weight:500}.dashboard-container{min-height:100vh;background-color:#f5f6fa}.dashboard-header{background-color:#524fa1;color:#fff;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000001a}.dashboard-header h1{margin:0;font-size:24px}.logout-button{background-color:#fff3;color:#fff;padding:10px 20px;border:1px solid white;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .3s}.logout-button:hover{background-color:#ffffff4d}.dashboard-content{max-width:800px;margin:0 auto;padding:40px 20px;display:flex;flex-direction:column;gap:20px}.welcome-card,.info-card{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 10px #0000000d}.welcome-card h2{color:#524fa1;margin-top:0;margin-bottom:16px;font-size:24px}.welcome-card p{color:#666;margin:8px 0;font-size:15px}.info-card h3{color:#333;margin-top:0;margin-bottom:12px;font-size:18px}.info-card p{color:#666;margin:8px 0;font-size:14px;line-height:1.6}.app-layout{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f6fa}.tab-nav{display:flex;background-color:#fff;border-bottom:2px solid #E8E9F0;box-shadow:0 2px 4px #0000000d;position:sticky;top:64px;z-index:100}.tab-item{flex:1;padding:16px;text-align:center;color:#666;text-decoration:none;font-weight:600;border-bottom:3px solid transparent;transition:all .3s}.tab-item:hover{background-color:#f5f6fa;color:#524fa1}.tab-item.active{color:#524fa1;border-bottom-color:#524fa1;background-color:#f5f6fa}.app-main{flex:1;padding:20px;background-color:#f5f6fa;overflow-y:auto}.main-content{padding:20px;min-height:calc(100vh - 140px);background-color:#f5f6fa}.page-container{max-width:100%;width:100%;margin:0;background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 10px #0000000d;box-sizing:border-box}.page-container h2{color:#524fa1;margin-top:0;margin-bottom:20px}.info-box{background:linear-gradient(135deg,#524fa1,#6b67c8);border-radius:12px;padding:16px 14px;margin-bottom:0;box-shadow:0 2px 8px #524fa126}.info-box p{margin:0;padding:6px 0;font-size:13px;color:#fff;font-weight:500;line-height:1.5;word-break:break-all}.info-box p:first-child{font-weight:600;font-size:14px;margin-bottom:4px}.home-layout{display:flex;gap:16px;width:100%}.home-sidebar{flex:0 0 200px;display:flex;flex-direction:column}.home-main{flex:1;min-width:0}@media (max-width: 1024px){.home-layout{flex-direction:column}.home-sidebar{flex:0 0 auto;width:100%}}@media (max-width: 768px){.tab-nav{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-item{padding:12px 8px;font-size:11px;white-space:nowrap;flex:0 0 auto;min-width:56px}.app-main{padding:10px}}.calendar-placeholder{background:#f9f9fc;border:2px dashed #E8E9F0;border-radius:8px;padding:40px;text-align:center;margin-top:20px}.calendar-placeholder h3{color:#524fa1;margin-top:0}.note{color:#999;font-size:14px;font-style:italic}.user-info{display:flex;align-items:center;gap:16px}.user-info span{font-weight:600}.primary-button{background-color:#524fa1;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #524fa133}.primary-button:hover{background-color:#433d85;transform:translateY(-1px);box-shadow:0 4px 8px #524fa14d}.primary-button:active{transform:translateY(0)}.primary-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.ghost-button{background-color:#fff;border:1px solid #E8E9F0;border-radius:8px;padding:10px 16px;font-weight:600;color:#524fa1;cursor:pointer;transition:background-color .2s,border-color .2s}.ghost-button:hover:not(:disabled){background-color:#f5f6fa;border-color:#d5d7e2}.ghost-button:disabled{opacity:.5;cursor:not-allowed}.border-button{background-color:transparent;border:1px solid #C8C9D7;border-radius:8px;padding:10px 16px;font-weight:600;color:#524fa1;cursor:pointer;transition:border-color .2s}.border-button:hover{border-color:#524fa1}.plain-button{background:none;border:none;color:#666;font-size:14px;cursor:pointer;padding:4px 8px}.field-label{font-size:13px;font-weight:600;color:#555;margin-bottom:6px}.text-input{width:100%;padding:12px 14px;border-radius:10px;border:2px solid #E8E9F0;font-size:14px}.text-input:focus{outline:none;border-color:#524fa1}.spaced-column{display:flex;flex-direction:column;gap:8px}.modal-overlay{position:fixed;inset:0;background-color:#0f0f2373;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.modal-card{background-color:#fff;border-radius:16px;width:min(520px,95vw);max-height:90vh;display:flex;flex-direction:column;border:1px solid #E8E9F0;box-shadow:0 20px 70px #18103926}.modal-header{padding:20px 24px;border-bottom:1px solid #E8E9F0;display:flex;align-items:center;justify-content:space-between;gap:20px}.modal-eyebrow{margin:0 0 4px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#888}.modal-title{margin:0;font-size:20px;color:#333}.modal-body{padding:20px 24px;overflow-y:auto}.modal-footer{border-top:1px solid #E8E9F0;padding:16px 24px;display:flex;justify-content:flex-end;gap:12px}.shift-status-modal{width:min(640px,95vw)}.shift-slot-list{display:flex;flex-direction:column;gap:16px}.shift-slot-card{border:1px solid #E8E9F0;border-radius:12px;padding:16px;background-color:#f8f8fc}.slot-headline{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.slot-badge{background-color:#524fa1;color:#fff;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600}.carryover-badge{background-color:#9c27b0}.slot-time{margin:0;color:#666;font-size:14px}.status-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;border-radius:12px;border:2px solid transparent;cursor:pointer;font-weight:700;font-size:15px;transition:all .2s ease}.status-toggle.is-available{background-color:#fff;border-color:#4caf50;color:#4caf50}.status-toggle.is-available:hover{background-color:#4caf500f}.status-toggle.is-unavailable{background-color:#e05b43;border-color:#e05b43;color:#fff}.status-toggle.is-unavailable:hover{background-color:#d04e38}.status-toggle.is-possible{background-color:#fff;border-color:#e89830;color:#e89830}.status-toggle.is-possible:hover{background-color:#e898300f}.status-toggle.is-preferred{background-color:#fff;border-color:#2196f3;color:#2196f3}.status-toggle.is-preferred:hover{background-color:#2196f30f}.status-toggle-icon{font-size:18px;font-weight:700}.status-toggle-label{font-size:15px;font-weight:700}.empty-copy{margin:16px 0;text-align:center;color:#777;font-size:14px}.off-limit-warning{background-color:#fff3f0;border:1px solid #E8C3C3;border-radius:8px;padding:10px 14px;margin-bottom:12px}.off-limit-warning p{margin:0;font-size:13px;color:#d44040;line-height:1.5}.off-limit-warning p:first-child{font-weight:600}.shift-detail-body{max-height:60vh}.shift-detail-list{display:flex;flex-direction:column;gap:12px}.shift-detail-card{border:1px solid #E8E9F0;border-radius:12px;padding:12px 16px;background-color:#fff}.shift-detail-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.shift-count{font-size:12px;color:#666}.shift-detail-card ul{margin:0;padding-left:18px;color:#333}.event-modal-overlay{position:fixed;inset:0;background-color:#0f0f2373;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.event-modal-card{background-color:#fff;border-radius:16px;width:min(450px,95vw);border:1px solid #E8E9F0;box-shadow:0 20px 70px #18103926;display:flex;flex-direction:column}.event-modal-header{padding:20px 24px;border-bottom:1px solid #E8E9F0;display:flex;align-items:center;justify-content:space-between}.event-modal-header h3{margin:0;font-size:20px;color:#333}.event-modal-body{padding:20px 24px;display:flex;flex-direction:column;gap:16px}.event-detail-row{display:flex;flex-direction:column;gap:6px}.event-detail-label{font-size:12px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.05em}.event-detail-value{font-size:15px;color:#333;line-height:1.5}.event-detail-badge{margin-top:8px}.badge-private{display:inline-block;background-color:#4caf50;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.event-modal-actions{padding:16px 24px;border-top:1px solid #E8E9F0;display:flex;justify-content:flex-end}.shift-assign-body{max-height:60vh}.assign-section{margin-bottom:20px}.assign-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#524fa1}.assign-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.assign-list li{border:1px solid #E8E9F0;border-radius:8px;padding:10px 14px;background-color:#fff}.assign-list li label{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none}.assign-list li input[type=checkbox]{width:18px;height:18px;cursor:pointer}.status-available{color:#2e7d32;font-weight:600}.status-unavailable{color:#d32f2f;font-weight:600}.home-user-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;margin:-30px -30px 20px;background:linear-gradient(135deg,#524fa1,#6b67c8);border-radius:12px 12px 0 0;box-shadow:0 2px 8px #524fa126}.user-welcome{font-size:14px;font-weight:600;color:#fff}.user-group-id{font-size:12px;font-weight:500;color:#ffffffe6;background:#ffffff26;padding:4px 12px;border-radius:12px;word-break:break-all}.home-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #E8E9F0}.home-header h2{margin:0;font-size:18px;font-weight:600;color:#333}.home-calendar-container{width:100%}.month-switcher{display:flex;align-items:center;gap:16px}.month-switcher span{font-size:18px;font-weight:600;color:#524fa1;min-width:120px;text-align:center}.month-switcher .month-nav-button{background-color:#524fa1;color:#fff;border:none;border-radius:6px;padding:6px 12px;cursor:pointer;transition:background-color .2s;font-size:14px}.month-switcher .month-nav-button:hover{background-color:#433d85}.add-event-modal{width:min(600px,95vw)}.event-form{display:flex;flex-direction:column;gap:16px}.field-block{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;font-weight:600;color:#555}.text-input[type=date],.text-input[type=time]{max-width:100%}textarea.text-input{resize:vertical;min-height:80px}.date-time-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.color-picker{display:flex;gap:12px;flex-wrap:wrap}.color-option{width:40px;height:40px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:transform .2s,border-color .2s}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#333;transform:scale(1.15);box-shadow:0 0 0 2px #fff,0 0 0 4px #333}.checkbox-field{display:flex;align-items:center;gap:10px;padding:12px;background-color:#f5f6fa;border-radius:8px;cursor:pointer;user-select:none}.checkbox-field input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-field span{font-size:14px;color:#333}.multi-date-section{display:flex;flex-direction:column;gap:12px}.multi-date-picker{background:#f5f6fa;border-radius:12px;padding:16px;border:1px solid #E8E9F0}.multi-date-picker .calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.multi-date-picker .month-nav-btn{background:#fff;border:1px solid #E8E9F0;border-radius:6px;width:32px;height:32px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s}.multi-date-picker .month-nav-btn:hover{background:#524fa1;color:#fff;border-color:#524fa1}.multi-date-picker .month-label{font-weight:600;font-size:14px;color:#333}.multi-date-picker .calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.multi-date-picker .weekday{text-align:center;font-size:11px;font-weight:600;color:#888;padding:4px 0}.multi-date-picker .calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.multi-date-picker .calendar-day{aspect-ratio:1;border:none;background:#fff;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;color:#333}.multi-date-picker .calendar-day:hover:not(:disabled){background:#e8e9f0}.multi-date-picker .calendar-day.other-month{color:#ccc;background:transparent}.multi-date-picker .calendar-day.selected{background:#524fa1;color:#fff;font-weight:600}.multi-date-picker .calendar-day.start-date{background:#4caf50;color:#fff;font-weight:600}.multi-date-picker .calendar-day:disabled{cursor:default}.selected-dates-info{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid #E8E9F0}.selected-count{font-size:13px;color:#524fa1;font-weight:600}.clear-dates-btn{background:none;border:none;color:#888;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.clear-dates-btn:hover{background:#e8e9f0;color:#333}.info-banner{background-color:#fff3cd;border:1px solid #FFC107;border-radius:8px;padding:16px;margin-bottom:16px}.info-banner p{margin:0 0 8px;color:#856404}.info-banner p:last-child{margin-bottom:0}.info-banner .note{font-size:13px;color:#666}.event-display{padding:16px;background-color:#f5f6fa;border-radius:8px}.event-display p{margin:8px 0;color:#333}.ghost-button.danger{color:#f44336;border-color:#f44336}.ghost-button.danger:hover:not(:disabled){background-color:#ffebee;border-color:#d32f2f}.member-selector-modal{max-height:85vh}.add-member-button{display:flex;align-items:center;justify-content:center;width:100%;padding:18px;margin-bottom:16px;background-color:#524fa1;border:none;border-radius:12px;box-shadow:0 2px 4px #211d5726;cursor:pointer;transition:all .2s}.add-member-button:hover{background-color:#433d8c;box-shadow:0 4px 8px #211d5733}.add-member-button:active{transform:scale(.98)}.add-member-icon{font-size:22px;font-weight:700;color:#fff;margin-right:8px}.add-member-text{font-size:16px;font-weight:700;color:#fff}.member-list{display:flex;flex-direction:column;gap:8px}.member-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px;background-color:#f7f7ff;border:1px solid rgba(82,79,161,.1);border-radius:12px;cursor:pointer;transition:all .2s;text-align:left}.member-item:hover{background-color:#ededf9;border-color:#524fa133}.member-item-selected{background-color:#e8e7f5;border:2px solid #524FA1;border-color:#524fa1}.member-info{display:flex;align-items:center;flex:1;gap:8px}.member-name{font-size:16px;font-weight:500;color:#333}.member-name-selected{font-weight:600;color:#524fa1}.member-badge{padding:2px 8px;background-color:#fff8f6;border:1px solid rgba(224,91,67,.3);border-radius:6px;font-size:11px;font-weight:600;color:#e05b43}.checkmark{font-size:20px;font-weight:700;color:#524fa1}.copy-event-modal{width:min(500px,95vw)}.copy-modal-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.copy-modal-instruction{margin:0;font-size:14px;color:#666}.copy-modal-selected-count{margin:0;font-size:14px;font-weight:600;color:#524fa1}.copy-calendar{background-color:#f5f6fa;border-radius:12px;padding:16px}.copy-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.copy-calendar-nav{background-color:#524fa1;color:#fff;border:none;border-radius:6px;padding:6px 12px;cursor:pointer;transition:background-color .2s;font-size:12px}.copy-calendar-nav:hover:not(:disabled){background-color:#433d85}.copy-calendar-nav:disabled{opacity:.5;cursor:not-allowed}.copy-calendar-month{font-size:16px;font-weight:600;color:#524fa1}.copy-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.copy-calendar-weekday{text-align:center;font-size:12px;font-weight:600;color:#666;padding:4px 0}.copy-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.copy-calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background-color:#fff;font-size:14px;color:#333;cursor:pointer;transition:all .2s}.copy-calendar-day:hover:not(:disabled):not(.selected):not(.original){background-color:#e8e7f5}.copy-calendar-day.other-month{color:#ccc;background-color:transparent}.copy-calendar-day.selected{background-color:#524fa1;color:#fff;font-weight:600}.copy-calendar-day.original{background-color:#4caf50;color:#fff;cursor:not-allowed}.copy-calendar-day:disabled:not(.original){cursor:default}.copy-selected-dates{margin-top:16px}.copy-selected-label{margin:0 0 8px;font-size:13px;font-weight:600;color:#555}.copy-selected-list{display:flex;flex-wrap:wrap;gap:8px}.copy-selected-date-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background-color:#e8e7f5;border-radius:16px;font-size:13px;color:#524fa1}.copy-chip-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;border-radius:50%;background-color:#524fa1;color:#fff;font-size:12px;cursor:pointer;transition:background-color .2s}.copy-chip-remove:hover{background-color:#433d85}.inline-error{display:block;color:#e74c3c;font-size:12px;line-height:1.4;margin-top:4px;padding-left:2px;animation:inlineErrorFadeIn .2s ease-out}@keyframes inlineErrorFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.form-group.has-error input,.form-group.has-error select,.form-group.has-error textarea,input.input-error,select.input-error,textarea.input-error{border-color:#e74c3c!important;box-shadow:0 0 0 1px #e74c3c33}.form-group.has-error input:focus,.form-group.has-error select:focus,.form-group.has-error textarea:focus,input.input-error:focus,select.input-error:focus,textarea.input-error:focus{border-color:#e74c3c!important;box-shadow:0 0 0 2px #e74c3c26}.form-error-banner{background-color:#fff5f5;border:1px solid #FED7D7;border-radius:8px;padding:10px 14px;margin-bottom:16px;color:#e74c3c;font-size:14px;line-height:1.5;display:flex;align-items:flex-start;gap:8px}.form-error-banner-icon{flex-shrink:0;margin-top:1px}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;text-align:center;animation:offlineBannerSlideIn .3s ease-out}.offline-banner.offline{background-color:#fff3cd;color:#856404;border-bottom:2px solid #FFE69C}.offline-banner.reconnected{background-color:#d4edda;color:#155724;border-bottom:2px solid #C3E6CB;animation:offlineBannerFadeOut .3s ease-out 2.7s forwards}.offline-banner-icon{font-size:16px}@keyframes offlineBannerSlideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes offlineBannerFadeOut{0%{opacity:1}to{opacity:0}}body.is-offline .dashboard-header{margin-top:40px}.network-error-inline{background-color:#fff5f5;border:1px solid #FED7D7;border-radius:8px;padding:12px 16px;margin:12px 0;display:flex;align-items:center;gap:12px}.network-error-inline-icon{color:#e74c3c;font-size:20px;flex-shrink:0}.network-error-inline-content{flex:1}.network-error-inline-message{color:#e74c3c;font-size:14px;margin:0}.network-error-inline-retry{background-color:#e74c3c;color:#fff;border:none;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color .2s}.network-error-inline-retry:hover{background-color:#c0392b}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center;min-height:200px}.empty-state-icon{margin-bottom:16px;opacity:.8}.empty-state-title{color:#333;font-size:17px;font-weight:600;margin:0 0 8px;line-height:1.4}.empty-state-description{color:#888;font-size:14px;line-height:1.6;margin:0 0 20px;max-width:320px}.empty-state-action{background-color:#524fa1;color:#fff;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.empty-state-action:hover{background-color:#433d85}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;min-height:120px}.loading-state-fullpage{min-height:calc(100vh - 200px)}.loading-state-spinner{width:40px;height:40px;border:4px solid #E8E9F0;border-top-color:#524fa1;border-radius:50%;animation:spin .8s linear infinite}.loading-state-message{color:#888;font-size:14px;margin-top:12px;text-align:center}.loading-overlay{position:absolute;inset:0;background-color:#ffffffb3;display:flex;align-items:center;justify-content:center;z-index:50;border-radius:inherit}.loading-overlay-content{display:flex;flex-direction:column;align-items:center;gap:8px}.timeout-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;text-align:center}.timeout-error-icon{font-size:32px;color:#f0ad4e;margin-bottom:12px}.timeout-error-message{color:#666;font-size:14px;margin:0 0 16px;line-height:1.5}.timeout-error-retry{background-color:#524fa1;color:#fff;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.timeout-error-retry:hover{background-color:#433d85}.skeleton{background:linear-gradient(90deg,#e8e9f0 25%,#f5f6fa,#e8e9f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-text{height:14px;margin-bottom:8px}.skeleton-text-short{width:60%}.skeleton-text-medium{width:80%}.skeleton-text-full{width:100%}.skeleton-circle{border-radius:50%}.skeleton-card{height:80px;border-radius:8px;margin-bottom:12px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center;min-height:200px}.error-state-icon{margin-bottom:16px}.error-state-title{color:#e74c3c;font-size:17px;font-weight:600;margin:0 0 8px}.error-state-message{color:#888;font-size:14px;line-height:1.6;margin:0 0 20px;max-width:320px}.error-state-retry{background-color:#e74c3c;color:#fff;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.error-state-retry:hover{background-color:#c0392b}*:focus-visible{outline:2px solid #524FA1;outline-offset:2px;border-radius:4px}*:focus:not(:focus-visible){outline:none}.skip-to-content{position:fixed;top:-100px;left:16px;z-index:10000;padding:12px 24px;background-color:#524fa1;color:#fff;font-weight:700;font-size:14px;border-radius:0 0 8px 8px;text-decoration:none;transition:top .2s}.skip-to-content:focus{top:0;outline:2px solid #fff;outline-offset:2px}button:focus-visible,.primary-button:focus-visible,.ghost-button:focus-visible,.border-button:focus-visible,.plain-button:focus-visible{outline:2px solid #524FA1;outline-offset:2px;box-shadow:0 0 0 4px #524fa133}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:#524fa1;box-shadow:0 0 0 3px #524fa126}a:focus-visible{outline:2px solid #524FA1;outline-offset:2px;border-radius:4px}.empty-state-description,.loading-state-message,.modal-eyebrow,.event-detail-label{color:#666}.note{color:#595959}::placeholder{color:#767676}@media (max-width: 767px){.app-main{padding-bottom:72px}}.back-nav{display:flex;align-items:center;gap:4px;color:#524fa1;font-size:14px;font-weight:600;text-decoration:none;padding:8px 12px;margin:-8px 0 12px -12px;border-radius:8px;transition:background-color .2s;width:fit-content;cursor:pointer;background:none;border:none}.back-nav:hover{background-color:#524fa10f}.back-nav:focus-visible{outline:2px solid #524FA1;outline-offset:2px}.back-nav-icon{display:flex;align-items:center;flex-shrink:0}@media (max-width: 767px){.dashboard-header{padding:12px 16px}.dashboard-header h1{font-size:18px}.logout-button{padding:8px 12px;font-size:12px}}label{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (forced-colors: active){.nav-tab-active{border-color:Highlight}.primary-button{border:1px solid ButtonText}*:focus-visible{outline:2px solid Highlight}}