:root{color:#342832;background:#fff9fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#fff9fc;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.login{background:radial-gradient(circle at top,#ffe4f0,#fff9fc 48%);place-items:center;min-height:100vh;padding:20px;display:grid}.loginCard{background:#fff;border:1px solid #f1dce6;border-radius:24px;gap:16px;width:min(420px,100%);padding:38px;display:grid;box-shadow:0 22px 70px #80415c1f}.logo{color:#fff;background:#dd8fb2;border-radius:15px;place-items:center;width:48px;height:48px;font-size:21px;font-weight:900;display:grid}.logo.small{border-radius:11px;width:36px;height:36px;font-size:16px}.loginCard h1{margin:0}.loginCard p{color:#8a7280;margin:-8px 0 4px}.loginCard label,.form2 label{color:#68515e;gap:7px;font-size:13px;font-weight:750;display:grid}input,select,textarea{color:#342832;background:#fff;border:1px solid #ead9e1;border-radius:10px;outline:none;width:100%;padding:11px 12px}input:focus,select:focus,textarea:focus{border-color:#dd8fb2;box-shadow:0 0 0 3px #ffe9f2}textarea{resize:vertical;min-height:42px}.primary,.secondary,.danger{border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:10px 15px;font-weight:800;display:inline-flex}.primary{color:#fff;background:#dd8fb2}.secondary{color:#b45d85;background:#fff0f6}.danger{color:#ba4b56;background:#fff0f0}.error{color:#b33d49;background:#fff0f0;border-radius:9px;padding:10px}.demo{color:#715b67;background:#fff4f8;border:1px solid #f3dce7;border-radius:10px;padding:11px;font-size:12px;line-height:1.6}.app{min-height:100vh}.sidebar{color:#fff;background:#332630;flex-direction:column;width:238px;padding:20px 14px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 8px 24px;display:flex}.sidebar nav{gap:5px;display:grid}.sidebar nav button{color:#cdbcc5;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:11px 12px;display:flex}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#4a3744}.userbox{border-top:1px solid #503d49;justify-content:space-between;align-items:center;margin-top:auto;padding:16px 6px 0;display:flex}.userbox div{gap:2px;display:grid}.userbox small{color:#b8a5af}.userbox button{color:#cdbcc5;background:0 0;border:0}.content{max-width:1550px;margin-left:238px;padding:38px 44px 70px}.pageHead{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.pageHead h1{margin:3px 0 5px;font-size:30px}.pageHead p{color:#897581;margin:0}.pageHead small{letter-spacing:.13em;color:#ca739b;font-size:11px;font-weight:900}.actions,.miniStats{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.miniStats span{color:#806d77;background:#fff;border:1px solid #efdae4;border-radius:12px;padding:11px 14px}.miniStats b{color:#342832;font-size:17px}.preview{background:#fff;border:1px solid #ecd8e2;border-radius:12px;align-items:center;gap:8px;padding:6px 10px;display:flex}.preview select{box-shadow:none;border:0;padding:5px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.summary,.employee,.settingsCard{background:#fff;border:1px solid #efdae4;border-radius:17px;padding:20px}.summary{grid-template-columns:auto 1fr;column-gap:13px;display:grid}.summary h2,.employee h2{margin:1px 0 3px;font-size:17px}.summary p,.employee p{color:#8a7580;margin:0}.avatar{color:#c3628e;background:#ffe7f1;border-radius:14px;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.progress{grid-column:1/-1;margin-top:20px}.progress>div:first-child{justify-content:space-between;margin-bottom:7px;font-size:13px;display:flex}.bar{background:#f7e8ef;border-radius:20px;height:8px;overflow:hidden}.bar i{background:#df91b4;height:100%;display:block}.statusPill,.accountStatus{text-transform:capitalize;border-radius:20px;padding:5px 10px;font-size:11px;font-weight:900}.statusPill.draft{color:#a57314;background:#fff2d8}.statusPill.published,.statusPill.approved{color:#287344;background:#eaf8ef}.statusPill.pending{color:#a57314;background:#fff2d8}.statusPill.rejected{color:#b84954;background:#fff0f0}.datebar{align-items:center;gap:9px;margin-bottom:18px;display:flex}.datebar button{background:#fff;border:1px solid #ead8e1;border-radius:9px;padding:7px;display:grid}.datebar input{width:auto}.datebar span{color:#816d78;margin-left:auto;font-weight:800}.scheduleList{gap:18px;display:grid}.scheduleAccount{background:#fff;border:1px solid #efdbe5;border-radius:16px;overflow:hidden}.scheduleHead{background:#fff3f8;border-bottom:1px solid #f0dce6;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.scheduleHead h2{margin:0 0 3px;font-size:18px}.scheduleHead p{color:#8d7883;margin:0;font-size:13px}.thead,.schedRow,.trow{grid-template-columns:1fr 2fr 1fr;align-items:center;gap:16px;display:grid}.thead{text-transform:uppercase;letter-spacing:.08em;color:#99818d;padding:10px 18px 6px;font-size:10px;font-weight:900}.schedRow{border-top:1px solid #f4e7ed;padding:9px 18px}.notes{color:#826e78;font-size:13px}.accountList{gap:10px;display:grid}.accountRow{background:#fff;border:1px solid #efdbe5;border-radius:14px;grid-template-columns:1.5fr 1fr 1fr .65fr auto;align-items:center;gap:12px;padding:15px 16px;display:grid}.accountRow h2{margin:0 0 3px;font-size:16px}.accountRow p{color:#8e7984;margin:0;font-size:13px}.accountStatus.active{color:#287344;background:#eaf8ef}.accountStatus.preparing{color:#a57314;background:#fff2d8}.accountStatus.banned{color:#b84954;background:#fff0f0}.overlay{z-index:20;background:#30232c73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:min(850px,100%);max-height:90vh;padding:20px;overflow:auto;box-shadow:0 30px 100px #3c23324d}.modalHead{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modalHead h2{margin:0}.modalHead button{background:0 0;border:0}.form2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.subHead{justify-content:space-between;align-items:center;margin-top:22px;display:flex}.subHead h3{margin:0}.subEdit{gap:8px;margin-top:10px;display:grid}.subEdit>div{grid-template-columns:1fr 1.5fr auto;gap:8px;display:grid}.iconDanger{color:#b84954;background:#fff0f0;border:0;border-radius:9px;padding:9px}.modalActions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.employee{text-align:center}.employee .avatar{margin:0 auto 12px}.employee>span{color:#8b7681;margin:10px 0;display:block}.toggle{justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.toggle input{width:auto}.request{background:#fff;border:1px solid #efdbe5;border-radius:14px;gap:10px;margin-bottom:16px;padding:15px;display:flex}.request input{max-width:240px}.dayList{gap:10px;display:grid}.dayRow{background:#fff;border:1px solid #efdbe5;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.dayRow>div:first-child{gap:3px;display:grid}.dayRow span{color:#8c7782;font-size:13px}.settingsGrid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.settingsCard h2{margin-top:0}.shift{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:10px;display:grid}.previewBanner{z-index:5;color:#9c4b73;background:#fff0f6;border:1px solid #efcfe0;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:10px 14px;font-weight:800;display:flex;position:sticky;top:0}.previewBanner button{color:#fff;background:#dd8fb2;border:0;border-radius:8px;padding:7px 10px}.section{margin-top:28px}.sectionTitle{margin-bottom:12px}.sectionTitle h2{margin:0 0 3px;font-size:18px}.sectionTitle p{color:#8c7782;margin:0;font-size:13px}.taskList{gap:11px;display:grid}.posterAccount{background:#fff;border:1px solid #efdbe5;border-radius:14px;overflow:hidden}.posterAccount.done{opacity:.67}.posterHead{justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.posterHead label,.warm{cursor:pointer;align-items:center;gap:10px;display:flex}.posterHead input,.warm input{display:none}.check{color:#fff;border:1.5px solid #d7bdc9;border-radius:7px;flex:none;place-items:center;width:22px;height:22px;display:grid}.posterHead input:checked+.check,.warm input:checked+.check{background:#dd8fb2;border-color:#dd8fb2}.posterHead label>span:last-child,.warm>span:last-child{gap:2px;display:grid}.posterHead small,.warm small{color:#907b85}.posterHead>button{color:#b65f86;background:#fff0f6;border:0;border-radius:9px;align-items:center;gap:7px;padding:8px 10px;font-weight:800;display:flex}.rot{transform:rotate(180deg)}.posterTable{border-top:1px solid #f1e1e9}.trow{border-top:1px solid #f5e8ee;padding:10px 16px}.trow>div:not(.notes){justify-content:space-between;align-items:center;gap:10px;display:flex}.copy{color:#a7597e;background:#fff;border:1px solid #edd5e0;border-radius:8px;flex:none;align-items:center;gap:5px;padding:6px 8px;font-size:11px;font-weight:800;display:flex}.warmGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.warm{background:#fff;border:1px solid #efdbe5;border-radius:12px;padding:13px 15px}.warm.done{opacity:.67}.empty{text-align:center;color:#907b85;background:#fff;border:1px dashed #e2cbd6;border-radius:14px;padding:35px}@media (width<=900px){.sidebar{flex-direction:row;align-items:center;width:auto;position:static;overflow:auto}.brand b,.sidebar nav button{font-size:0}.sidebar nav{display:flex}.sidebar nav button svg{width:20px}.userbox{border:0;margin:0 0 0 auto;padding:0}.userbox div{display:none}.content{margin:0;padding:24px}.pageHead{flex-direction:column}.cards,.settingsGrid,.warmGrid,.thead,.schedRow,.trow{grid-template-columns:1fr}.thead{display:none}.accountRow{grid-template-columns:1fr 1fr}.form2{grid-template-columns:1fr}}.dayReadiness{gap:10px;margin:-10px 0 20px;display:flex}.dayReadiness span{color:#806d77;background:#fff;border:1px solid #efdbe5;border-radius:11px;padding:9px 12px}.dayReadiness b{text-transform:capitalize;margin-left:5px}.ready{color:#287344}.draftText{color:#a57314}.slotRow{grid-template-columns:1.25fr 1.7fr .65fr auto}.slotRow select{min-width:260px}.monthNav{justify-content:center;align-items:center;gap:18px;margin-bottom:16px;display:flex}.monthNav h2{text-align:center;min-width:220px}.monthNav button{background:#fff;border:1px solid #ead8e1;border-radius:9px;padding:7px;display:grid}.calendarGrid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.calWeek{text-align:center;color:#9a8490;padding:6px;font-size:11px;font-weight:900}.calDay{text-align:left;background:#fff;border:1px solid #efdbe5;border-radius:13px;flex-direction:column;gap:7px;min-height:122px;padding:10px;display:flex}.calDay:hover{background:#fffafd;border-color:#dda6bf}.calDay>b{font-size:13px}.shiftBadge{border-radius:8px;padding:5px 6px;font-size:10px;font-weight:850;display:block}.shiftBadge.a{color:#ac557f;background:#fff0f6}.shiftBadge.b{color:#7256aa;background:#f2ecff}.shiftBadge.off{color:#b84954;background:#fff0f0}.calendarEdit{gap:14px;display:grid}.calendarEdit label{grid-template-columns:1fr 1fr;align-items:center;gap:12px;font-weight:800;display:grid}.requestPanel{background:#fff;border:1px solid #efdbe5;border-radius:15px;margin-top:25px;padding:18px}.requestPanel h2{margin-top:0}.shiftSetting{grid-template-columns:100px 1fr auto 1fr;align-items:center;gap:8px;margin-top:10px;display:grid}@media (width<=900px){.calendarGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.calWeek{display:none}.slotRow,.shiftSetting,.calendarEdit label{grid-template-columns:1fr}}.loadingScreen{text-align:center;background:#fff9fc;place-items:center;min-height:100vh;padding:30px;display:grid}.loadingScreen p{color:#897581}
