:root{--primary:#2563eb;--primary-hover:#1d4ed8;--primary-soft:#eff6ff;--background:#f5f7fb;--sidebar:#0f172a;--text:#0f172a;--text2:#64748b;--border:#e2e8f0;--shadow-card:0 1px 2px #0f172a0a, 0 8px 24px #0f172a0f}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{background:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,PingFang SC,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans CJK SC,Microsoft YaHei,system-ui,sans-serif;overflow:hidden}button,input,select,textarea{font-family:inherit}h1{letter-spacing:-.02em}.MuiAppBar-root{z-index:1200;border-bottom:1px solid #ffffff0f;width:100%;top:0;left:0;background:var(--sidebar)!important;position:fixed!important}.MuiToolbar-root{height:64px;min-height:64px!important}.content{height:100vh;padding-top:64px}.drawer{width:250px}.drawer .MuiDrawer-paper{background-color:var(--sidebar);width:250px;height:calc(100vh - 64px);color:var(--border);border-right:1px solid #ffffff0f;top:64px}.content .contentRight{height:calc(100vh - 64px);margin-left:250px;padding:30px 40px;overflow:hidden auto}.Dashboard{width:100%}h1{color:var(--text)}h5{color:var(--text2)}.employeeInfo{align-items:center;gap:12px;display:flex}.employeeInfo strong{font-size:14px;display:block}.employeeInfo span{color:#9ca3af;margin-top:4px;font-size:12px;display:block}.scheduleFooter{text-align:center;color:#2563eb;cursor:pointer;border-top:1px solid #eef0f3;padding:18px;font-weight:600}.scheduleFooter:hover{background:#f8faff}.confirmBox{padding:24px}.confirmBox h3{color:var(--text);font-size:18px}.confirmBox p{color:var(--text2);margin-top:8px;font-size:14px;line-height:1.6}.confirmActions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.confirmCancel,.confirmDanger,.confirmPrimary{cursor:pointer;border-radius:10px;height:40px;padding:0 18px;font-size:14px;font-weight:600}.confirmCancel{border:1px solid var(--border);color:var(--text);background:#fff}.confirmDanger{color:#fff;background:#dc2626;border:none}.confirmDanger:hover{background:#b91c1c}.confirmPrimary{background:var(--primary);color:#fff;border:none}.confirmPrimary:hover{background:#1d4ed8}.serverGate{min-height:100vh;color:var(--text2);justify-content:center;align-items:center;padding:24px;display:flex}.serverGate .confirmBox{background:#fff;border-radius:12px;max-width:420px;box-shadow:0 8px 24px #0f172a14}.reqType{white-space:nowrap;border-radius:6px;align-items:center;height:24px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.reqType.leave{color:#b45309;background:#fef3c7}.reqType.swap{color:#4338ca;background:#e0e7ff}.reqType.other{color:#475569;background:#e2e8f0}.reqStatus{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;height:24px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.reqStatus:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.reqStatus.pending{color:#b91c1c;background:#fee2e2}.reqStatus.done{color:#15803d;background:#dcfce7}.MyProfile{width:100%}.MyProfile .pageSubtitle{color:var(--text2);margin-top:8px;font-size:14px}.MyProfile .mpGrid{grid-template-columns:minmax(280px,360px) 1fr;align-items:start;gap:20px;margin-top:28px;display:grid}@media (width<=900px){.MyProfile .mpGrid{grid-template-columns:1fr}}.MyProfile .mpCard{border:1px solid var(--border);background:#fff;border-radius:14px;padding:22px 24px}.MyProfile .mpCardTitle{color:var(--text);font-size:15px}.MyProfile .mpPerson{border-bottom:1px solid #f1f5f9;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:18px;display:flex}.MyProfile .mpPerson h2{color:var(--text);font-size:19px}.MyProfile .mpPerson p{color:var(--text2);margin-top:3px;font-size:13px}.MyProfile .mpInfo{grid-template-columns:auto 1fr;gap:11px 18px;margin-top:14px;font-size:14px;display:grid}.MyProfile .mpInfo dt{color:var(--text2)}.MyProfile .mpInfo dd{color:var(--text);text-align:right;word-break:break-all;margin:0;font-weight:500}.MyProfile .mpHint{color:#94a3b8;margin-top:18px;font-size:12px}.MyProfile .mpNotice{color:#1e40af;background:#eff6ff;border-radius:10px;align-items:flex-start;gap:8px;margin-top:10px;padding:10px 12px;font-size:13px;line-height:1.55;display:flex}.MyProfile .mpNotice svg{flex-shrink:0;margin-top:1px;font-size:18px}.MyProfile .mpForm{flex-direction:column;gap:16px;margin-top:18px;display:flex}.MyProfile .mpField{flex-direction:column;gap:7px;min-width:0;display:flex}.MyProfile .mpField>span{color:var(--text);font-size:13px;font-weight:600}.MyProfile .mpField input,.MyProfile .mpField textarea{border:1px solid var(--border);font:inherit;color:var(--text);background:#fff;border-radius:8px;outline:none;padding:0 12px;font-size:14px}.MyProfile .mpField input{height:42px}.MyProfile .mpField textarea{resize:vertical;padding:10px 12px;line-height:1.5}.MyProfile .mpField input:focus,.MyProfile .mpField textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.MyProfile .mpDates{grid-template-columns:1fr 1fr;gap:14px;display:grid}.MyProfile .mpDates.single{grid-template-columns:1fr 1fr}@media (width<=560px){.MyProfile .mpDates{grid-template-columns:1fr}}.MyProfile .mpSegment{background:#f1f5f9;border-radius:10px;gap:4px;padding:4px;display:flex}.MyProfile .mpSegment button{height:34px;color:var(--text2);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;font-size:13px;font-weight:500}.MyProfile .mpSegment button.active{color:var(--primary);background:#fff;font-weight:600;box-shadow:0 1px 3px #0f172a1f}.MyProfile .mpError{color:#dc2626;font-size:13px}.MyProfile .mpSubmit{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;align-self:flex-end;align-items:center;gap:7px;height:42px;padding:0 20px;font-size:14px;font-weight:600;display:inline-flex}.MyProfile .mpSubmit:hover{background:#1d4ed8}.MyProfile .mpList{margin-top:20px}.MyProfile .mpEmpty{color:#94a3b8;margin-top:12px;font-size:14px}.MyProfile .mpItem{border-bottom:1px solid #f1f5f9;align-items:center;gap:14px;padding:14px 0;display:flex}.MyProfile .mpItem:last-child{border-bottom:none;padding-bottom:0}.MyProfile .mpItemMain{flex:1;min-width:0}.MyProfile .mpItemMain strong{color:var(--text);font-size:14px}.MyProfile .mpItemMain p{color:var(--text2);overflow-wrap:anywhere;margin-top:3px;font-size:13px;line-height:1.5}.MyProfile .mpItemMain small{color:#94a3b8;margin-top:4px;font-size:12px;display:block}.MyProfile .mpCancel{border:1px solid var(--border);height:32px;color:var(--text2);cursor:pointer;background:#fff;border-radius:8px;padding:0 12px;font-size:13px}.MyProfile .mpCancel:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}@media (width<=640px){.MyProfile .mpItem{flex-wrap:wrap}.MyProfile .mpItemMain{flex-basis:calc(100% - 80px)}}.reqPanel .reqHint{color:#1e40af;background:#eff6ff;border-radius:10px;align-items:flex-start;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:13px;line-height:1.55;display:flex}.reqPanel .reqHint svg{flex-shrink:0;margin-top:1px;font-size:18px}.reqPanel .reqFilter{background:#e9eef5;border-radius:10px;gap:4px;margin-bottom:14px;padding:4px;display:inline-flex}.reqPanel .reqFilter button{height:32px;color:var(--text2);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:0 14px;font-size:13px;font-weight:500}.reqPanel .reqFilter button.active{color:var(--text);background:#fff;font-weight:600;box-shadow:0 1px 3px #0f172a1f}.reqPanel .reqCard{border:1px solid var(--border);background:#fff;border-radius:14px;overflow:hidden}.reqPanel .reqWho{align-items:center;gap:10px;display:flex}.reqPanel .reqWho small{color:var(--text2);font-size:12px;display:block}.reqPanel .reqNote{white-space:normal;overflow-wrap:anywhere;max-width:320px;line-height:1.5}.reqPanel .reqAction{cursor:pointer;white-space:nowrap;border:1px solid var(--border);height:32px;color:var(--text);background:#fff;border-radius:8px;padding:0 12px;font-size:13px;font-weight:500}.reqPanel .reqAction.primary{background:var(--primary);color:#fff;border:none}.reqPanel .reqAction.primary:hover{background:#1d4ed8}.reqPanel .reqAction:not(.primary):hover{background:#f8fafc}.MyProfile .mpSubmit:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.MyProfile .mpSubmit:disabled:hover{background:var(--primary)}.Dashboard .cardItems{grid-template-columns:repeat(auto-fit,minmax(246px,1fr));gap:24px;padding:20px 0;display:grid}.scheduleOverview{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 2px 6px #0f172a0d,0 8px 24px #0f172a0f}.sectionHeader{padding:24px 24px 18px}.sectionHeader h2{margin:0;font-size:20px}.Dashboard .employeeInfo{text-align:left;flex-direction:row;align-items:center;gap:12px;display:flex}.Dashboard .employeeInfo strong{font-size:14px;display:block}.Dashboard .employeeInfo span{color:#9ca3af;margin-top:4px;font-size:12px;display:block}.avatar{color:#2563eb;background:#e8f0ff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-weight:600;display:flex}.shift{border-radius:10px;padding:10px 6px;font-size:12px;font-weight:600}.shift.day{color:#b7791f;background:#fff7df}.shift.evening{color:#4f46e5;background:#eef0ff}.shift.off{color:#9ca3af;background:#f3f4f6}.shiftColumnName{color:#9ca3af;margin-top:4px;font-size:12px;font-weight:400;display:block}.dashMain{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px;display:grid}@media (width<=1100px){.dashMain{grid-template-columns:minmax(0,1fr)}}.noticePanel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2px 6px #0f172a0d,0 8px 24px #0f172a0f}.noticeHead{justify-content:space-between;align-items:center;padding:24px 20px 14px;display:flex}.noticeHead h2{align-items:center;gap:8px;font-size:18px;display:flex}.noticeHead h2 svg{color:#64748b;font-size:21px}.noticeCount{color:#475569;text-align:center;background:#e2e8f0;border-radius:999px;min-width:22px;height:22px;padding:0 7px;font-size:12px;font-weight:700;line-height:22px}.noticeCount.alert{color:#fff;background:#dc2626}.noticeList{flex-direction:column;padding:0 10px 8px;display:flex}.noticeEmpty{text-align:center;color:#9ca3af;padding:28px 10px 32px;font-size:14px}.noticeItem{text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:none;border-top:1px solid #f1f5f9;border-radius:10px;padding:12px 10px;display:block}.noticeItem:first-child{border-top:none}.noticeItem:hover{background:#f8faff}.noticeTop{justify-content:space-between;align-items:center;gap:8px;display:flex}.noticeTop strong{color:#111827;font-size:14px}.noticeDate{color:#374151;margin-top:6px;font-size:13px;font-weight:600}.noticeNote{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.noticeItem small{color:#9ca3af;margin-top:5px;font-size:12px;display:block}.noticeFooter{color:#2563eb;font:inherit;cursor:pointer;background:0 0;border:none;border-top:1px solid #eef0f3;padding:18px;font-weight:600}.noticeFooter:hover{background:#f8faff}.empForm{flex-direction:column;max-height:calc(100vh - 64px);display:flex}.empForm .efHeader{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 24px 14px;display:flex}.empForm .efHeader h2{letter-spacing:-.01em;color:var(--text);font-size:20px}.empForm .efHeader p{color:var(--text2);margin-top:4px;font-size:13px;line-height:1.5}.empForm .efClose{width:34px;height:34px;color:var(--text2);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.empForm .efClose:hover{background:#f1f5f9}.empForm .efBody{flex-direction:column;flex:1;gap:18px;min-height:0;padding:20px 24px;display:flex;overflow-y:auto}.empForm .efRow{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=560px){.empForm .efRow{grid-template-columns:1fr}}.empForm .efField{flex-direction:column;gap:7px;min-width:0;display:flex}.empForm .efField>span{color:var(--text);font-size:13px;font-weight:600}.empForm .efField>span b{color:#dc2626;font-weight:600}.empForm .efField input{border:1px solid var(--border);height:42px;color:var(--text);background:#fff;border-radius:8px;outline:none;padding:0 12px;font-size:14px}.empForm .efField input::placeholder{color:#a0aab4}.empForm .efField input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.empForm .efField input.hasError{border-color:#dc2626}.empForm .efField input.hasError:focus{box-shadow:0 0 0 3px #dc26261f}.empForm .efError{color:#dc2626;font-size:12px}.empForm .efHint{color:var(--text2);font-size:12px;line-height:1.5}.empForm .efSegment{background:#f1f5f9;border-radius:10px;gap:4px;padding:4px;display:flex}.empForm .efSegment button{height:34px;color:var(--text2);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;flex:1;padding:0 10px;font-size:13px;font-weight:500}.empForm .efSegment button:hover:not(:disabled):not(.active){color:var(--text)}.empForm .efSegment button.active{color:var(--primary);background:#fff;font-weight:600;box-shadow:0 1px 3px #0f172a1f}.empForm .efSegment button:disabled{color:#c3cbd4;cursor:not-allowed}.empForm .efFooter{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:14px 24px;display:flex}.empForm .efBtn{border:1px solid var(--border);height:40px;color:var(--text);cursor:pointer;background:#fff;border-radius:10px;padding:0 20px;font-size:14px;font-weight:500}.empForm .efBtn:hover{background:#f8fafc}.empForm .efBtn.primary{background:var(--primary);color:#fff;border:none}.empForm .efBtn.primary:hover{filter:brightness(1.06)}.Employee{width:100%}.Employee .pageSubtitle{color:var(--text2);margin-top:8px;font-size:14px}.Employee .employeeTabs{border-bottom:1px solid var(--border);gap:24px;margin-top:22px;display:flex}.Employee .employeeTabs button{height:42px;color:var(--text2);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:0 2px;font-size:14px;font-weight:600;display:flex}.Employee .employeeTabs button:hover{color:var(--text)}.Employee .employeeTabs button.active{color:var(--primary);border-bottom-color:var(--primary)}.Employee .tabBadge{color:#fff;text-align:center;background:#dc2626;border-radius:999px;min-width:20px;height:20px;padding:0 6px;font-size:11.5px;line-height:20px}.Employee .reqPanel{margin-top:22px}.Employee .employeeToolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;display:flex}.Employee .employeeSearchBox{border:1px solid var(--border);width:340px;max-width:100%;height:42px;color:var(--text2);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:0 14px;display:flex}.Employee .employeeSearchBox:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.Employee .employeeSearchBox svg{font-size:20px}.Employee .employeeSearchBox input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:14px}.Employee .employeeActions{gap:10px;display:flex}.Employee .primaryButton,.Employee .outlineButton{cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;height:42px;padding:0 16px;font-size:14px;font-weight:500;display:flex}.Employee .primaryButton{background:var(--primary);color:#fff;border:none}.Employee .primaryButton:hover:not(:disabled){background:#1d4ed8}.Employee .primaryButton:disabled{cursor:not-allowed;background:#cbd5e1}.Employee .outlineButton{border:1px solid var(--border);color:var(--text);background:#fff}.Employee .outlineButton:hover{background:#f3f4f6}.Employee .primaryButton svg,.Employee .outlineButton svg{font-size:18px}.Employee .employeeCard{border:1px solid var(--border);background:#fff;border-radius:16px;margin-top:20px;overflow:hidden;box-shadow:0 2px 6px #0f172a0d,0 8px 24px #0f172a0f}.Employee .employeeName{align-items:center;gap:12px;display:flex}.Employee .employeeName strong{color:var(--text);font-weight:600}.Employee .employeeFooter{color:#6b7280;border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:14px;display:flex}.Employee .typeTag{white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-block}.Employee .typeTag.fullTime{color:#1d4ed8;background:#eff6ff}.Employee .typeTag.partTime{color:#475569;background:#f1f5f9}@keyframes employeeRowFlash{0%{background:#2563eb24}to{background:0 0}}.Employee .rowFlash td{animation:2s ease-out employeeRowFlash}.createScheduleDialog{background:#fff;flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.dialogHeader{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:28px 32px 22px;display:flex}.dialogHeader h2{color:#111827;margin:0;font-size:22px;font-weight:700}.dialogHeader p{color:#8c96a0;margin:7px 0 0;font-size:14px}.dialogCloseButton{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dialogCloseButton:hover{background:#f3f4f6}.dialogContent{grid-template-columns:1fr 1fr;gap:40px;padding:28px 32px;display:grid}.dialogContent h3{color:#111827;margin:0;font-size:16px;font-weight:650}.sectionDescription{color:#8c96a0;margin:7px 0 18px;font-size:13px;line-height:1.5}.employeeSearch{box-sizing:border-box;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:11px 13px;font-size:14px}.employeeSearch:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.employeeList{border:1px solid #e5e7eb;border-radius:10px;max-height:280px;margin-top:12px;overflow-y:auto}.employeeItem{cursor:pointer;border-bottom:1px solid #f0f1f3;align-items:center;gap:12px;padding:12px 14px;display:flex}.employeeItem:last-child{border-bottom:none}.employeeItem:hover{background:#f8fafc}.employeeItem input{cursor:pointer;width:16px;height:16px}.employeeAvatar{color:#2563eb;background:#e8f0ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:600;display:flex}.employeeInfo{flex-direction:column;gap:3px;display:flex}.employeeInfo strong{color:#111827;font-size:14px}.employeeInfo span{color:#9ca3af;font-size:12px}.inputLabel{color:#374151;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.monthInput{box-sizing:border-box;color:#111827;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:11px 13px;font-size:14px}.monthInput:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.scheduleNotice{background:#fffaf0;border:1px solid #f3d58a;border-radius:10px;gap:12px;margin-top:24px;padding:16px;display:flex}.noticeIcon{color:#fff;background:#f59e0b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:700;display:flex}.noticeContent strong{color:#92400e;margin-bottom:8px;font-size:14px;display:block}.scheduleNotice ul{color:#78350f;margin:0;padding-left:18px;font-size:12px;line-height:1.8}.dialogFooter{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:18px 32px;display:flex}.cancelButton,.generateButton{cursor:pointer;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600}.cancelButton{color:#374151;background:#fff;border:1px solid #e5e7eb}.cancelButton:hover{background:#f8fafc}.generateButton{color:#fff;background:#2563eb;border:1px solid #2563eb}.generateButton:hover{background:#1d4ed8}@media (width<=700px){.dialogContent{grid-template-columns:1fr;gap:28px}}.staffingBox{border:1px solid var(--border);background:#fafbfc;border-radius:14px;margin-top:18px;padding:16px}.staffingBox>strong{color:var(--text);font-size:14px;display:block}.staffingHint{color:var(--text2);margin:4px 0 10px;font-size:12.5px;line-height:1.6}.staffingRow{border-top:1px solid #eef1f5;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.staffingLabel b{color:var(--text);font-size:14px;display:block}.staffingLabel small{color:var(--text2);font-size:12px}.staffingControl{align-items:center;gap:10px;display:flex}.stepper{border:1px solid var(--border);background:#fff;border-radius:10px;align-items:center;display:inline-flex;overflow:hidden}.stepper button{width:32px;height:32px;color:var(--text);cursor:pointer;background:0 0;border:none;place-items:center;display:grid}.stepper button:hover:not(:disabled){background:var(--primary-soft);color:var(--primary)}.stepper button:disabled{color:#cbd5e1;cursor:not-allowed}.stepper span{text-align:center;min-width:30px;color:var(--text);font-size:15px;font-weight:700}.staffingBadge{text-align:center;color:#15803d;background:#dcfce7;border-radius:999px;min-width:64px;padding:3px 8px;font-size:12px;font-weight:600}.staffingBadge.isShort{color:#b91c1c;background:#fee2e2}.previewSummary{color:#15803d;background:#f0fdf4;border-radius:10px;margin-bottom:12px;padding:10px 14px;font-size:13.5px;font-weight:600}.previewSummary.isShort{color:#b91c1c;background:#fef2f2}.previewTable{border:1px solid var(--border);border-radius:12px;max-height:420px}.previewTable .weekendRow{background:#fafbff}.previewDate{color:var(--text);font-weight:600;display:block}.previewWeekday{color:var(--text2);font-size:12px}.previewWeekday.weekend{color:var(--primary)}.nameChips{flex-wrap:wrap;gap:6px;display:flex}.nameChip{white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:12.5px;font-weight:500}.nameChip.Kitchen{color:#9a3412;background:#fff7ed}.nameChip.Hall{color:#1e40af;background:#eff6ff}.nameChip.empty{color:#dc2626;background:0 0;border:1px dashed #fca5a5}.nameChip b{margin-left:4px;font-weight:700}.statusOk{color:#16a34a;font-size:12.5px;font-weight:600}.statusShort{color:#dc2626;font-size:12.5px;font-weight:600}.daysSummary{border:1px solid var(--border);background:#fafbfc;border-radius:12px;margin-top:14px;padding:14px 16px}.daysSummary>strong{color:var(--text);margin-bottom:8px;font-size:13.5px;display:block}.daysRow{align-items:flex-start;gap:12px;padding:6px 0;display:flex}.daysDept{width:64px;color:var(--text2);flex:none;padding-top:3px;font-size:12.5px;font-weight:600}.cancelButton.withIcon{align-items:center;gap:6px;display:inline-flex}.staffingRule{color:#1e40af;background:var(--primary-soft);border-radius:8px;margin:-4px 0 10px;padding:6px 10px;font-size:12.5px;font-weight:600}.stepperUnit{color:var(--text2);white-space:nowrap;font-size:12px}.dialogHeader{flex:none;padding:22px 28px 16px}.dialogContent,.previewContent{flex:1;min-height:0;overflow-y:auto}.dialogContent{gap:28px;padding:20px 28px}.previewContent{padding:16px 28px}.dialogFooter{flex:none;padding:14px 28px}.noticeContent strong{margin-bottom:4px;font-size:13px}.scheduleNotice ul{line-height:1.65}.employeeList{max-height:360px}.pvLegend{color:var(--text2);gap:18px;margin-bottom:10px;font-size:12.5px;display:flex}.pvLegend span{align-items:center;gap:6px;display:inline-flex}.pvLegend .pvDot{width:14px;height:14px}.pvCalendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.pvHead{text-align:center;color:var(--text2);padding:4px 0;font-size:12px;font-weight:600}.pvHead.weekend,.pvDate.weekend{color:var(--primary)}.pvCell{border:1px solid var(--border);background:#fff;border-radius:10px;flex-direction:column;gap:4px;min-height:74px;padding:6px 7px;display:flex}.pvCell.outside{background:#fafbfc;border-style:dashed}.pvCell.isShort{background:#fff7f7;border-color:#fca5a5}.pvDate{color:var(--text);font-size:12.5px;font-weight:700}.pvRow{flex-wrap:wrap;gap:3px;display:flex}.pvDot{cursor:default;border-radius:50%;place-items:center;width:24px;height:24px;font-size:9.5px;font-style:normal;font-weight:700;display:inline-grid}.pvDot.Kitchen{color:#9a3412;background:#ffedd5}.pvDot.Hall{color:#1e40af;background:#dbeafe}.pvDot.empty{background:0 0;border:1.5px dashed #f87171}.pvDot.small{vertical-align:middle;width:18px;height:18px;margin-right:4px;font-size:8px}.nameChip{align-items:center;display:inline-flex}@media (width<=700px){.pvCalendar{gap:3px}.pvCell{min-height:60px;padding:4px}.pvDot{width:16px;height:16px;font-size:7px}}.staffingBox{margin-top:14px;padding:14px}.staffingRule{margin:6px 0 4px;line-height:1.55}.staffingRow{padding:8px 0}.scheduleNotice{margin-top:12px;padding:10px 12px}.scheduleNotice ul{font-size:11.5px;line-height:1.55}.pvTop{justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.pvTop .previewSummary{margin-bottom:0;padding:7px 12px}.pvTop .pvLegend{margin-bottom:0}.pvCell{gap:3px;min-height:62px;padding:6px 28px 6px 6px;position:relative}.pvDate{font-size:12px;position:absolute;top:5px;right:8px}.pvCalendar{gap:5px}.pvHead{padding:2px 0}.daysSummary{margin-top:10px;padding:10px 14px}.daysSummary>strong{margin-bottom:4px}.daysRow{padding:3px 0}.daysSummary .nameChip{padding:2px 8px 2px 3px}.monthPicker{background:#f1f5f9;border-radius:12px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.monthPicker button{color:var(--text2);cursor:pointer;background:0 0;border:none;border-radius:9px;flex-direction:column;align-items:center;gap:1px;padding:8px 6px;font-size:14px;font-weight:600;transition:background .15s,color .15s,box-shadow .15s;display:flex}.monthPicker button.active{color:var(--text);background:#fff;box-shadow:0 1px 3px #0f172a1f}.monthPicker small{color:#b45309;font-size:11px;font-weight:500}.dayEditor{flex-direction:column;max-height:calc(100vh - 64px);display:flex}.dayEditor .deHeader{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:22px 24px 14px;display:flex}.dayEditor .deHeader h2{letter-spacing:-.01em;color:var(--text);font-size:20px}.dayEditor .deHeader p{color:var(--text2);margin-top:4px;font-size:13px}.dayEditor .deClose{width:34px;height:34px;color:var(--text2);cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;display:grid}.dayEditor .deClose:hover{background:#f1f5f9}.dayEditor .deBody{flex:1;min-height:0;padding:16px 24px;overflow-y:auto}.dayEditor .deSection{border-bottom:1px solid #f1f5f9;padding:12px 0 14px}.dayEditor .deSection:last-child{border-bottom:none}.dayEditor .deSectionHead{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.dayEditor .deSectionHead h3{color:var(--text);font-size:14px}.dayEditor .deCount{color:#15803d;background:#dcfce7;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600}.dayEditor .deCount.isShort{color:#b91c1c;background:#fee2e2}.dayEditor .dePeople{flex-wrap:wrap;gap:8px;display:flex}.dayEditor .deEmpty{color:#94a3b8;font-size:13px}.dayEditor .dePerson{color:var(--text);border:1px solid var(--border);background:#f8fafc;border-radius:999px;align-items:center;gap:7px;padding:4px 6px 4px 4px;font-size:13px;font-weight:500;display:inline-flex}.dayEditor .dePerson i{border-radius:50%;place-items:center;width:24px;height:24px;font-size:9.5px;font-style:normal;font-weight:700;display:grid}.dayEditor .dePerson.Kitchen i{color:#9a3412;background:#ffedd5}.dayEditor .dePerson.Hall i{color:#1e40af;background:#dbeafe}.dayEditor .dePerson.partTime i{color:#475569;background:#e2e8f0}.dayEditor .dePerson small{color:var(--text2);font-size:11.5px}.dayEditor .deShift.day{color:#b7791f}.dayEditor .deShift.evening{color:#4f46e5}.dayEditor .dePerson button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.dayEditor .dePerson button:hover{color:#dc2626;background:#fee2e2}.dayEditor .deSelect{border:1px solid var(--border);height:36px;color:var(--text);background:#fff;border-radius:8px;outline:none;min-width:200px;margin-top:10px;padding:0 10px;font-size:13px}.dayEditor .deSelect:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.dayEditor .deSelect.narrow{min-width:150px}.dayEditor .deAddRow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dayEditor .deAddRow .deSelect{margin-top:10px}.dayEditor .deAddBtn{background:var(--primary-soft);height:36px;color:var(--primary);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:4px;margin-top:10px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.dayEditor .deAddBtn:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9}.dayEditor .deFooter{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:14px 24px;display:flex}.dayEditor .deBtn{border:1px solid var(--border);height:40px;color:var(--text);cursor:pointer;background:#fff;border-radius:10px;padding:0 18px;font-size:14px;font-weight:600}.dayEditor .deBtn:hover{background:#f8fafc}.dayEditor .deBtn.primary{border-color:var(--primary);background:var(--primary);color:#fff}.dayEditor .deBtn.primary:hover{background:var(--primary-hover)}.dayEditor .deShiftBlock{background:#fbfcfd;border:1px solid #eef1f5;border-radius:12px;margin-bottom:8px;padding:10px 12px}.dayEditor .deShiftHead{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.dayEditor .deShiftName{font-size:13px;font-weight:700}.dayEditor .deShiftName small{color:var(--text2);margin-left:4px;font-weight:500}.dayEditor .deShiftName.day{color:#b7791f}.dayEditor .deShiftName.evening{color:#4f46e5}.dayEditor .dePeople{align-items:center}.dayEditor .deSelect.inline{border-style:dashed;min-width:150px;height:34px;margin-top:0}.Schedule{width:100%}.scheduleTop{justify-content:space-between;align-items:center;display:flex}.scheduleTop h1{margin:0}.scheduleTop p{color:var(--text2);margin-top:8px}.createScheduleButton{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 18px;font-size:15px;font-weight:500;display:flex}.createScheduleButton:hover{background:#1d4ed8}.createScheduleButton svg{font-size:20px}.scheduleToolbar{justify-content:space-between;align-items:center;margin-top:28px;display:flex}.currentMonth{border:1px solid var(--border);background:#fff;border-radius:8px;padding:11px 20px;font-size:16px;font-weight:600}.scheduleFilter{border:1px solid var(--border);width:240px;color:var(--text);cursor:pointer;background:#fff;border-radius:8px;padding:11px 14px;font-size:14px}.scheduleLegend{border:1px solid var(--border);background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:18px;padding:16px 20px;display:flex;box-shadow:0 2px 6px #0f172a0a}.legendItem{align-items:center;gap:10px;display:flex}.legendItem strong{color:#374151;font-size:13px;font-weight:600;display:block}.legendItem div span{color:#9ca3af;margin-top:2px;font-size:11px;display:block}.legendColor{border-radius:5px;flex-shrink:0;width:18px;height:18px}.legendColor.day{background:#ffd36a}.legendColor.evening{background:#a5b4fc}.legendColor.short{background:#fff;border:2px solid #ef4444}.legendColor.gray{background:#d9dde3}.legendColor.red{background:#ffb0b0}.calendar{border:1px solid var(--border);background:#fff;border-radius:14px;margin-top:22px;overflow:visible;box-shadow:0 2px 6px #0f172a0d,0 8px 24px #0f172a0d}.calendarHeader{border-bottom:1px solid var(--border);background:#fafbfc;border-radius:14px 14px 0 0;grid-template-columns:repeat(7,1fr);min-height:48px;display:grid}.calendarHeader>div{color:#374151;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.calendarHeader .weekend{color:#64748b}.calendarBody{grid-template-columns:repeat(7,1fr);display:grid}.calendarDay{cursor:pointer;background:#fff;border-bottom:1px solid #eef0f3;border-right:1px solid #eef0f3;min-height:116px;padding:14px;transition:background .15s;position:relative}.calendarDay:hover{background:#fafcff}.calendarDay:nth-child(7n){border-right:none}.calendarDay.outside{color:#cbd5e1;cursor:default;background:#fafbfc}.calendarDay.outside:hover{background:#fafbfc}.dayNumber{color:#1f2937;font-size:15px;font-weight:500}.calendarDay.outside .dayNumber{color:#cbd5e1}.calendarDay.today{background:#f8fbff}.calendarDay.today .dayNumber{color:#fff;background:#2563eb;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;font-weight:600;display:inline-flex}.daySchedule{margin-top:14px}.shiftRow{color:#64748b;align-items:center;gap:6px;margin-top:6px;font-size:12.5px;display:flex}.shiftRowName{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.shiftRowCount{color:#334155;font-weight:600}.shiftRow.isShort .shiftRowCount{color:#dc2626}.scheduleDot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.scheduleDot.day{background:#f5b51b}.scheduleDot.evening{background:#6366f1}.leaveCount{color:#64748b;align-items:center;gap:7px;margin-top:6px;font-size:13px;display:flex}.leaveDot{background:#ef7777;border-radius:50%;flex-shrink:0;width:7px;height:7px}.scheduleTooltip{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:310px;position:absolute;top:72px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 10px 25px #0f172a1f,0 4px 8px #0f172a0f}.scheduleTooltip:before{content:"";background:#fff;border-top:1px solid #e5e7eb;border-left:1px solid #e5e7eb;width:14px;height:14px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.tooltipHeader{border-bottom:1px solid #eef0f3;justify-content:space-between;padding:16px 18px;display:flex;position:relative}.tooltipHeader strong{color:#1f2937;font-size:14px;display:block}.tooltipHeader span{color:#9ca3af;margin-top:4px;font-size:12px;display:block}.tooltipClose{color:#64748b!important;font-size:20px!important}.tooltipContent{padding:10px 18px}.tooltipShift{align-items:center;gap:10px;padding:8px 0;display:flex}.tooltipColor{border-radius:5px;flex-shrink:0;width:17px;height:17px}.tooltipColor.day{background:#ffd36a}.tooltipColor.evening{background:#a5b4fc}.tooltipColor.red{background:#ffb0b0}.tooltipShift div{flex:1}.tooltipShift strong{color:#374151;font-size:13px;display:block}.tooltipShift div span{color:#9ca3af;margin-top:2px;font-size:11px;display:block}.tooltipStaff{color:#9ca3af;white-space:nowrap;font-size:12px}.tooltipStaff.isShort{color:#dc2626;font-weight:600}.tooltipFooter{color:var(--primary);border-top:1px solid #eef0f3;padding:12px 18px;font-size:13px;font-weight:600}.createScheduleButton:disabled{cursor:not-allowed;background:#cbd5e1}.monthNav{align-items:center;gap:8px;display:flex}.navBtn{border:1px solid var(--border);width:38px;height:38px;color:var(--text);cursor:pointer;background:#fff;border-radius:10px;place-items:center;display:grid}.navBtn:hover:not(:disabled){background:var(--primary-soft);color:var(--primary)}.navBtn:disabled{color:#cbd5e1;cursor:not-allowed}.monthNav .currentMonth{text-align:center;min-width:150px}.statusBadge{white-space:nowrap;border-radius:999px;margin-left:6px;padding:4px 10px;font-size:12px;font-weight:600}.statusBadge.submitted{color:#15803d;background:#dcfce7}.statusBadge.draft{color:#b45309;background:#fef3c7}.toolbarRight{align-items:center;gap:10px;display:flex}.submitButton{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;height:42px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 6px 16px -6px #2563eb8c}.submitButton:hover{background:var(--primary-hover)}.noteBox{border:1px solid var(--border);background:#fff;border-radius:12px;align-items:center;gap:12px;margin-top:14px;padding:10px 14px;display:flex}.noteLabel{color:var(--text2);flex:none;font-size:13px;font-weight:600}.noteInput{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:14px}.noteText{color:var(--text);font-size:14px}.noteText.empty{color:#94a3b8}.calLegend{color:var(--text2);flex-wrap:wrap;align-items:center;gap:18px;margin-top:14px;font-size:13px;display:flex}.calLegend span{align-items:center;gap:6px;display:inline-flex}.calLegend .calDot{width:14px;height:14px}.calHint{color:#94a3b8;margin-left:auto}.calDots{flex-wrap:wrap;gap:3px;margin-top:6px;display:flex}.calDot{border-radius:50%;place-items:center;width:24px;height:24px;font-size:9.5px;font-style:normal;font-weight:700;display:inline-grid}.calDot.Kitchen{color:#9a3412;background:#ffedd5}.calDot.Hall{color:#1e40af;background:#dbeafe}.calDot.partTime{color:#475569;background:#e2e8f0}.calDot.empty{background:0 0;border:1.5px dashed #f87171}.calendarDay.isShort{background:#fff7f7}.emptyState{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:80px 20px;display:flex}.emptyState strong{color:var(--text);font-size:16px}.emptyState span{color:var(--text2);font-size:14px}.calDot.half{opacity:.55;outline-offset:-1.5px;outline:1.5px dashed}.scheduleFilter{appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%2364748B' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border-radius:10px;outline:none;width:200px;height:42px;padding:0 38px 0 14px;font-weight:500;line-height:40px}.scheduleFilter:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.navBtn{width:42px;height:42px}.monthNav .currentMonth{border-radius:10px;justify-content:center;align-items:center;height:42px;padding:0 18px;display:flex}.clearButton{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:6px;height:42px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.clearButton:hover{background:#fef2f2}.Settings{width:100%}.Settings .pageSubtitle{color:var(--text2);margin-top:8px;font-size:14px}.Settings .settingsCard{border:1px solid var(--border);background:#fff;border-radius:16px;margin-top:28px;display:flex;overflow:hidden;box-shadow:0 2px 6px #0f172a0d,0 8px 24px #0f172a0f}.Settings .settingsTabs{border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:4px;width:220px;padding:12px;display:flex}.Settings .settingsTabs button{text-align:left;color:#374151;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:12px 14px;font-size:14px}.Settings .settingsTabs button:hover{background:#f3f4f6}.Settings .settingsTabs button.active{color:var(--primary);background:#eff6ff;font-weight:600}.Settings .settingsPanel{flex:1;min-width:0;padding:24px 28px}.Settings .settingsPanel h2{color:var(--text);margin-bottom:20px;font-size:18px}.Settings .field{flex-direction:column;flex:1;gap:8px;margin-bottom:18px;display:flex}.Settings .field span{color:#4b5563;font-size:13px;font-weight:500}.Settings .field input,.Settings .field select{border:1px solid var(--border);height:42px;color:var(--text);background:#fff;border-radius:8px;outline:none;padding:0 12px;font-size:14px}.Settings .field input:focus,.Settings .field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.Settings .fieldRow{flex-wrap:wrap;gap:20px;display:flex}.Settings .fieldRow .field{min-width:200px}.Settings .toggleRow{justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.Settings .toggleRow strong{color:var(--text);font-size:14px;display:block}.Settings .toggleRow p{color:var(--text2);margin-top:4px;font-size:13px}.Settings .settingsFooter{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:16px;margin-top:16px;padding-top:20px;display:flex}.Settings .saveButton{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;height:42px;padding:0 20px;font-size:14px;font-weight:500}.Settings .saveButton:hover{background:#1d4ed8}.Settings .savedHint{color:#15803d;align-items:center;gap:6px;font-size:14px;display:flex}.Settings .savedHint svg{font-size:18px}.Settings .comingSoon{color:var(--text2);font-size:14px}@media (width<=900px){.Settings .settingsCard{flex-direction:column}.Settings .settingsTabs{border-right:none;border-bottom:1px solid var(--border);flex-direction:row;width:100%;overflow-x:auto}.Settings .settingsTabs button{white-space:nowrap}}.Login{background:#fff;grid-template-columns:minmax(380px,46%) 1fr;height:100vh;display:grid;overflow:auto}.Login .loginBrand{color:#fff;background:radial-gradient(600px at 90% 0,#60a5fa59,#0000 60%),linear-gradient(160deg,#0b1220 0%,#12245a 55%,#1d4ed8 100%);flex-direction:column;justify-content:space-between;padding:40px 56px;display:flex;position:relative;overflow:hidden}.Login .brandTop{letter-spacing:-.01em;align-items:center;gap:12px;font-size:16px;font-weight:600;display:flex}.Login .brandLogo{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.Login .brandLogo svg{font-size:20px}.Login .brandMain h2{letter-spacing:-.03em;color:#fff;max-width:440px;font-size:44px;font-weight:700;line-height:1.1}.Login .brandMain>p{color:#ffffffb3;max-width:400px;margin-top:16px;font-size:16px;line-height:1.6}.Login .brandCalendar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff24;border-radius:20px;grid-template-columns:repeat(7,1fr);gap:8px;max-width:420px;margin-top:48px;padding:16px;display:grid;box-shadow:0 30px 60px -30px #00000080}.Login .miniDay{background:#fffffff5;border-radius:12px;flex-direction:column;align-items:center;gap:7px;padding:10px 0 12px;display:flex}.Login .miniDay small{color:#6e6e73;font-size:11px;font-weight:600}.Login .miniBar{border-radius:3px;width:64%;height:6px}.Login .miniBar.day{background:#f5b51b}.Login .miniBar.evening{background:#6366f1}.Login .miniBar.evening.short{background:#fca5a5}.Login .brandFoot{color:#ffffff73;font-size:12px}.Login .loginSide{flex-direction:column;min-height:100vh;display:flex}.Login .loginTop{justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.Login .backLink{color:#6e6e73;align-items:center;gap:2px;font-size:14px;text-decoration:none;transition:color .15s;display:inline-flex}.Login .backLink:hover{color:#1d1d1f}.Login .loginMain{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:16px 24px 64px;display:flex}.Login .loginCard{text-align:left;width:100%;max-width:380px}.Login .loginLogo{display:none}.Login .loginCard h1{letter-spacing:-.025em;color:#1d1d1f;font-size:32px;font-weight:700}.Login .loginSub{color:#6e6e73;margin:10px 0 32px;font-size:15px;line-height:1.5}.Login .loginRow{justify-content:space-between;align-items:center;margin:-6px 0 10px;display:flex}.Login .loginRow .MuiFormControlLabel-label{color:#6e6e73;font-size:13.5px}.Login .textLink{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:13.5px}.Login .textLink:hover{text-decoration:underline}.Login .demoLine{color:#86868b;border-top:1px solid #f0f0f2;align-items:center;gap:8px;width:100%;max-width:380px;margin-top:28px;padding-top:20px;font-size:13.5px;display:flex}.Login .demoLine button{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:13.5px;font-weight:500}.Login .demoLine button:hover{text-decoration:underline}@media (width<=900px){.Login{background:#f5f5f7;grid-template-columns:1fr}.Login .loginBrand{display:none}.Login .loginTop{padding:16px}.Login .loginCard{text-align:center;background:#fff;border-radius:24px;max-width:400px;padding:40px 28px 32px;box-shadow:0 2px 4px #00000005,0 24px 60px #0000000f}.Login .loginLogo{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:16px;place-items:center;width:56px;height:56px;margin:0 auto 22px;display:grid;box-shadow:0 8px 20px -8px #2563eb99}.Login .loginLogo svg{font-size:28px}.Login .loginCard h1{font-size:26px}.Login .demoLine{border-top:none;justify-content:center;padding-top:0}}