body{background-color:#fcfcfc;color:#000000;margin:0;padding:0;overflow-x:hidden}.responsive-banner{position:fixed!important;top:0!important;bottom:0!important;height:100vh!important;z-index:90!important;transform:none!important;display:flex!important;align-items:center}@media (max-width:1620px){.desktop-only,.responsive-banner{display:none!important}}@media (min-width:769px){.mobile-only{display:none!important}}@media (max-width:768px){body,html{font-size:14px}.mobile-top-padding{padding-top:0!important}.mobile-header-padding{padding:10px 16px!important}.mobile-logo-text{font-size:20px!important}.mobile-tab-btn{font-size:13px!important;padding:6px 12px!important}.mobile-tab-container{gap:10px!important;margin-top:8px!important;padding-bottom:8px!important}.calendar-header-mobile{flex-direction:column;gap:12px;align-items:stretch!important}.mobile-sm-btn{padding:6px 10px!important;font-size:11px!important;height:32px!important;line-height:1!important;white-space:nowrap}.mobile-sticky-nav{position:relative!important;top:auto!important;z-index:1!important}}.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:10px;border-right:1px solid #ddd}.table-wrapper table{min-width:800px;border-right:none}.header-wrapper{position:fixed;top:0;left:0;right:0;z-index:100;background-image:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(/dashboard-bg.jpg);background-size:cover;background-position:top;box-shadow:0 4px 15px rgba(0,0,0,.3);border-bottom:1px solid rgba(255,255,255,.15)}.content-spacer{padding-top:190px}@media (max-width:768px){.header-wrapper{position:static!important;box-shadow:none!important;border-bottom:none!important}.mobile-sticky-nav{position:sticky;top:0;z-index:100;background-image:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(/dashboard-bg.jpg);background-size:cover;background-position:top;box-shadow:0 4px 10px rgba(0,0,0,.2);border-bottom:1px solid rgba(255,255,255,.1)}.content-spacer{padding-top:0!important}}.pattern-day-row{display:flex;align-items:center;gap:16px;padding:8px 0;border-bottom:1px solid #f0f0f0}.day-label{min-width:80px;cursor:pointer;font-size:14px}.day-label,.time-input-area{display:flex;align-items:center;gap:8px}.time-input-area{flex:1 1}.time-row{display:flex;align-items:center;gap:4px}@media (max-width:768px){.pattern-day-row{flex-direction:column;align-items:stretch;gap:12px;background-color:#f9f9f9;border:1px solid #eee;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 2px 4px rgba(0,0,0,.03)}.day-label{width:100%;font-size:16px;font-weight:700;border-bottom:1px solid #ddd;padding-bottom:8px;margin-bottom:4px;color:#333}.time-input-area{flex-direction:column;gap:12px;width:100%}.time-row{display:flex;justify-content:space-between;align-items:center;width:100%}.time-label-badge{font-size:13px;color:#555;background:#fff;padding:4px 10px;border-radius:6px;border:1px solid #ddd;font-weight:500;min-width:40px;text-align:center}select{height:40px!important;font-size:15px!important;color:#333!important;background-color:#fff!important;padding-left:8px!important;border:1px solid #ccc!important;border-radius:6px!important;-webkit-appearance:none}}.auto-generator-card{margin-top:10px;padding:24px;background-color:#fff;border-radius:12px;border:1px solid #ddd;box-shadow:0 2px 8px rgba(0,0,0,.05);justify-content:center;gap:32px}.auto-gen-inputs,.auto-generator-card{display:flex;align-items:center;flex-wrap:wrap}.auto-gen-inputs{gap:12px}.auto-gen-btn{padding:10px 24px;background-color:#27ae60;color:#fff;border:none;border-radius:6px;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.1);white-space:nowrap}.weekly-container{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}.pattern-maker-panel{flex:0 0 400px;max-width:100%;position:sticky;top:200px;background-color:#ffffff;border-radius:12px;padding:24px;border:1px solid #ddd;box-shadow:0 4px 12px rgba(0,0,0,.05);z-index:10;box-sizing:border-box}.pattern-list-panel{flex:1 1;min-width:300px}@media (max-width:768px){.weekly-container{flex-direction:column}.pattern-maker-panel{flex:none;width:100%!important;max-width:100vw;position:relative;top:0;padding:16px;box-sizing:border-box}.pattern-list-panel{width:100%;min-width:0}.auto-generator-card{gap:16px;padding:16px 12px}.auto-gen-inputs,.auto-generator-card{flex-direction:column;align-items:stretch}.auto-gen-inputs{width:100%;gap:10px}.auto-gen-inputs>div{width:100%;justify-content:space-between;gap:4px}.auto-gen-inputs>div>div{min-width:0!important;flex:1 1}.auto-gen-btn{width:100%;padding:12px 0}.mobile-only-inline{display:inline-block!important}.desktop-only-inline{display:none!important}}@media (min-width:769px){.mobile-only-inline{display:none!important}.desktop-only-inline{display:inline-block!important}}@media (max-width:768px){.table-wrapper{width:100%!important;padding:0!important;overflow-x:hidden!important;margin:0!important;border:none!important}.table-wrapper table{width:100%!important;min-width:0!important;table-layout:fixed!important}.table-wrapper td>div:first-child{font-size:10px!important;margin-bottom:2px!important;font-weight:700}.schedule-box{text-align:center;padding:4px 2px!important;margin:1px 0!important;border-radius:3px!important}.schedule-emp-name{font-size:11px!important;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-time{display:none}.schedule-pattern-only{display:block!important;font-size:10px;margin-top:1px;white-space:nowrap;overflow:hidden}.force-pc-view .schedule-time{display:block!important;font-size:10px;margin-top:2px}.force-pc-view .schedule-box{text-align:left!important}.force-pc-view .schedule-pattern-only{display:none!important}.instruction-text br{display:block!important;content:"";margin-top:4px}}@media (min-width:769px){.schedule-time{display:block;font-size:11px;opacity:.9}.schedule-pattern-only{display:none}}.new-employee-form-card{margin-bottom:24px;padding:16px 20px;background-color:#ffffff;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.05)}.form-grid{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-size:12px;font-weight:700;color:#666}.form-group input,.form-group select{padding:8px 10px;border:1px solid #ddd;border-radius:6px;font-size:14px;outline:none;background-color:#fff;min-width:90px}.form-group.date-group{min-width:130px}.btn-add{padding:8px 20px;background-color:dodgerblue;color:#fff;border:none;border-radius:6px;font-weight:700;cursor:pointer;height:36px;white-space:nowrap}.employee-list-container{display:flex;flex-direction:column;gap:10px}.employee-card{background-color:#fff;border-radius:10px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 5px rgba(0,0,0,.03);transition:transform .2s}.employee-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.05)}.employee-card.retired{background-color:#f5f5f5;border:1px dashed #ccc}.emp-header{gap:16px;flex:2 1}.emp-header,.emp-name-group{display:flex;align-items:center}.emp-name-group{gap:8px}.emp-name{font-size:16px;color:#333}.emp-type-badge{font-size:12px;padding:2px 8px;border-radius:12px;font-weight:700}.emp-wage{font-size:15px;color:#555;font-weight:500}.emp-info-row{display:flex;align-items:center;gap:16px;flex:3 1;color:#666;font-size:14px}.emp-phone{font-weight:500;letter-spacing:0;color:#555}.emp-actions{display:flex;gap:8px}.btn-delete,.btn-edit{padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer;border:1px solid #ddd;background:#fff}.btn-edit:hover{background-color:#f0f0f0}.btn-delete{color:#e74c3c;border-color:#fadbd8;background-color:#fdfefe}.btn-delete:hover{background-color:#fdedec}@media (max-width:768px){.new-employee-form-card{padding:16px}.form-grid{flex-direction:column;align-items:stretch;gap:10px}.btn-add{width:100%;margin-top:6px}.employee-card{flex-direction:column;align-items:flex-start;padding:16px;gap:10px}.emp-header{width:100%;justify-content:space-between;border-bottom:1px solid #f0f0f0;padding-bottom:8px;margin-bottom:4px}.emp-name{font-size:17px}.emp-wage{font-size:15px;color:#000;font-weight:700}.emp-info-row{flex-direction:column;align-items:flex-start;gap:4px;width:100%;font-size:13px}.emp-actions{width:100%;margin-top:6px;display:flex;gap:8px}.btn-delete,.btn-edit{flex:1 1;padding:8px 0;font-size:13px}.desktop-cell{display:none!important}.mobile-cell{display:table-cell!important}}@media (min-width:769px){.mobile-cell{display:none!important}.desktop-cell{display:table-cell!important}}@media (max-width:768px){.desktop-text{display:none}.mobile-text{display:inline}}@media (min-width:769px){.mobile-text{display:none}.desktop-text{display:inline}}@media (max-width:768px){.date-range-text{display:block;margin-left:0!important;margin-top:4px}}