body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-page{align-items:center;background:linear-gradient(135deg,#e0f7fa,#e1bee7);display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative}.login-container{background:#fff;border-radius:16px;box-shadow:0 12px 24px #00000026;box-sizing:border-box;max-width:420px;padding:40px;text-align:center;width:100%;z-index:1}.login-container .logo-section{margin-bottom:0}.login-container .logo-icon{height:200px;margin:auto;transition:transform .4s ease;width:200px;z-index:1}.login-container .logo-icon img{cursor:pointer;height:100%;width:100%}.login-container .logo-icon:hover{transform:rotate(5deg) scale(1.05)}.login-container .frame-sologan{display:flex;flex-direction:column;margin-bottom:30px}.login-container .sologan-title{-webkit-text-fill-color:#0000;background:linear-gradient(270deg,#6b46ff,#00d4ff);-webkit-background-clip:text;font-size:20px;font-weight:700;margin-top:-30px;z-index:2}.login-container hr{background:linear-gradient(90deg,#6b46ff,#00d4ff);border:none!important;border-radius:5px;height:2px;width:40%}.login-container .login-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#6b46ff,#00d4ff);-webkit-background-clip:text;font-size:30px;font-weight:700}.login-container .company-title{font-size:24px;font-weight:700;margin-bottom:4px}.login-container .company-subtitle{color:#888;font-size:14px}.login-container .error-messages{background:#fff1f0;border:1px solid #ffa39e;border-radius:8px;color:#f5222d;margin-bottom:20px;padding:10px;text-align:left}.login-container .error-message{align-items:center;display:flex;gap:6px}.login-container .login-form .form-group{margin-bottom:20px;text-align:left}.login-container .login-form label{color:#555;display:block;font-weight:600;margin-bottom:6px}.login-container .input-wrapper{position:relative;width:100%}.login-container .ant-form-item-explain-error{text-align:left}.login-container .input-wrapper input{border:1px solid #d9d9d9;border-radius:8px;box-sizing:border-box;outline:none;padding:12px 12px 12px 40px;transition:all .2s;width:100%}.login-container .input-wrapper input:focus{border-color:#1890ff;box-shadow:0 0 5px #1890ff4d}.login-container .input-wrapper .input-icon{color:#888;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.login-container .login-btn{background-color:#1890ff;border:none;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:20px!important;padding:12px;transition:background .3s ease;width:50%!important}.login-container .login-btn:hover{background-color:#40a9ff}.login-container .footer-text{color:#aaa;font-size:12px;margin-top:24px}.layout{background:#f7f8fb;display:grid;grid-template-columns:72px 1fr;min-height:100dvh}.sidebar{align-items:center;background:#fff;box-shadow:0 8px 24px #11182714;display:flex;flex-direction:column;height:100dvh;justify-content:space-around;position:sticky;top:0}.logo-side-bar{height:70px;margin-top:-20px;width:100%}.logo-side-bar img{height:100%;width:100%}.nav{grid-gap:3rem!important;display:grid;gap:3rem!important;grid-auto-rows:min-content;list-style:none;margin:0;padding:0}.nav-item{display:flex}.btn,.nav-item{justify-content:center}.btn{align-items:center;display:inline-flex;text-decoration:none}.btn .icon-wrap{background:#0000;border-radius:14px;display:grid;font-size:28px;height:44px;place-items:center;transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease;width:44px}.btn:hover .icon-wrap{transform:translateY(-1px)}.is-active .icon-wrap{background:#225ae9;box-shadow:0 8px 20px #2f6bff59}.content{background:#f7f8fb;min-width:0}.header{background:#fff;border-bottom:1px solid #e5e5e5;height:60px;justify-content:space-between;padding:0 20px;width:100%}.header,.header .header-left{align-items:center;display:flex}.header .header-left{gap:20px}.header .header-left hr{background-color:#e5e5e5!important;border:none;height:40px;margin:0;width:2px!important}.header .header-left .frame-title-tab-header{align-items:center;display:flex;width:150px!important}.header .header-left .frame-title-tab-header .ant-tag{border-radius:6px;font-size:20px;font-weight:500;padding:4px 12px 5.7px}.header .header-left .logo{align-items:center;display:flex;gap:8px}.header .header-left .logo .logo-img{border-radius:50%;height:32px;width:32px}.header .header-left .logo .logo-text{font-size:16px;font-weight:600}.header .header-left .frame-tag-active{align-items:center;display:flex!important;justify-content:space-between}.header .header-left .circle-active{background-color:#11c911;border-radius:50%;color:#11c911!important;height:5px;margin-right:5px;width:5px}.header .header-left .status-btn{align-items:center;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:5px 12px}.header .header-left .status-btn .icon{font-size:12px}.header .header-right{align-items:center;display:flex;gap:25px}.header .header-right .datetime{align-items:center;color:#555;display:flex;font-size:14px;gap:8px}.header .header-right .datetime .icon{font-size:16px}.header .header-right .profile{align-items:center;cursor:pointer;display:flex;gap:8px}.header .header-right .profile .avatar{border-radius:50%;height:32px;width:32px}.header .header-right .profile .username{font-size:14px;font-weight:500}.header .header-right .profile .icon{color:#666;font-size:12px}.frame-menu{height:auto;width:100%}.frame-menu .frame-item-list-vs-ordered{display:flex;height:100%;justify-content:center;width:100%}.frame-menu .frame-item-list-vs-ordered .item-list{background-color:#f7fbff;box-sizing:border-box;height:82vh;overflow-x:hidden;overflow-y:auto;padding:20px;width:70%}.frame-menu .frame-item-list-vs-ordered .item-list::-webkit-scrollbar{width:6px}.frame-menu .frame-item-list-vs-ordered .item-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.frame-menu .frame-item-list-vs-ordered .item-list::-webkit-scrollbar-thumb{background:#aaa;border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease}.frame-menu .frame-item-list-vs-ordered .item-list::-webkit-scrollbar-thumb:hover{background:#555}.frame-menu .frame-item-list-vs-ordered .ordered-item{background:#f9fafc;display:flex;flex-direction:column;height:82vh;width:30%}.frame-menu .frame-item-selected{background-color:#f7fbff;flex:1 1;overflow-x:hidden;overflow-y:scroll;padding:10px}.frame-menu .frame-item-selected::-webkit-scrollbar{width:6px}.frame-menu .frame-item-selected::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.frame-menu .frame-item-selected::-webkit-scrollbar-thumb{background:#aaa;border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease}.frame-menu .frame-item-selected::-webkit-scrollbar-thumb:hover{background:#555}.frame-menu .frame-print-bill{background:#f9fbff;border-radius:12px;border-top:4px solid #e28c4a;box-shadow:0 2px 8px #00000014;margin:auto;padding-bottom:10px;padding-left:20px;padding-right:20px;transition:.4s ease,opacity .3s ease;width:100%}.frame-menu .active-summary-detail{padding-top:10px}.frame-menu .order-summary{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.frame-menu .summary-row{color:#333;display:flex;font-size:15px;justify-content:space-between}.frame-menu .circle-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 2px 6px #00000026;color:#fff!important;display:flex;font-size:14px;font-weight:600;height:30px;justify-content:center;width:30px}.frame-menu .summary-row span{color:#666}.frame-menu .summary-row strong{color:#111;font-weight:500}.frame-menu .summary-row.total{border-top:1px dashed #ccc;color:#2c3e50;font-size:16px;font-weight:600;margin-top:8px;padding-top:8px}.frame-menu .ant-btn-primary{border:none;border-radius:8px!important;box-shadow:0 3px 6px #0000001f;font-size:16px!important;font-weight:600;transition:all .2s ease}.frame-menu .ant-btn-primary:hover{transform:translateY(-1px)}.invoice-title-modal{font-family:Arial;font-size:20px;text-align:left!important}.menu-slider{align-items:center;background:#fff;border-bottom:1px solid #eee;display:flex;margin:auto;padding:10px 16px;width:100%}.menu-slider .frame-left-slider{align-items:center;display:flex;gap:20px;justify-content:space-between;padding-right:15px;width:70%}.menu-slider .menu-left,.menu-slider .menu-right{align-items:center;color:#333;display:flex;font-size:14px;font-weight:500;gap:6px}.menu-slider .menu-left span,.menu-slider .menu-right span{white-space:nowrap}.menu-slider .menu-left .icon,.menu-slider .menu-right .icon{font-size:18px}.menu-slider .menu-tabs{display:flex;gap:10px;gap:15px;height:35px!important;overflow:hidden;overflow:auto;width:70%!important}.menu-slider .menu-tabs::-webkit-scrollbar{display:none}.menu-slider .menu-tabs .tab{align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;font-size:14px;gap:6px;transition:all .2s ease;white-space:nowrap}.menu-slider .menu-tabs .tab:hover{background:#e9e9e9}.menu-slider .menu-tabs .tab:hover .count{background-color:#fff}.menu-slider .menu-tabs .tab p{font-size:15px;margin:0}.menu-slider .menu-tabs .tab .count{background-color:#ededed;border-radius:5px;color:#555;font-size:13px;font-weight:600;width:25px}.menu-slider .menu-tabs .tab.active{background:#1677ff;border-color:#1677ff;color:#fff}.menu-slider .menu-tabs .tab.active .count{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff}.menu-slider .search-box{border-radius:999px!important;font-size:14px;height:35px;max-width:300px;padding-left:10px}.menu-slider .search-box .ant-input-prefix{color:#999;font-size:16px;margin-right:8px}.menu-slider .search-box input{border:none!important;box-shadow:none!important}.menu-slider .search-box:hover{border-color:#40a9ff!important}.menu-slider .search-box:focus-within{border-color:#1890ff!important;box-shadow:0 0 0 2px #1890ff33}.menu-slider .frame-bill-id{align-items:center;display:flex;height:100%;width:auto;width:30%}.menu-slider .frame-bill-id hr{background-color:#e5e5e5!important;border:none;height:40px;margin:0;width:2px!important}.menu-slider .frame-bill-id .button-id-bill{display:flex;justify-content:space-between;margin-left:20px;width:100%}.menu-slider .frame-bill-id .button-id-bill .custom-delete-btn{background-color:#ff4d4f!important;border-color:#ff4d4f!important;box-shadow:0 7px 29px 0 #64646f33}.menu-slider .frame-bill-id .button-id-bill .custom-delete-btn-disabled{background-color:#f4f4f4!important;box-shadow:0 2px 8px 0 #63636333}.menu-slider .frame-bill-id .button-id-bill p{color:#999;font-size:20px;margin:0}.menu-slider .frame-bill-id .button-id-bill .frame-group-button-delete-save{display:flex;gap:10px}.coffee-menu{overflow-y:visible}.coffee-card{border-radius:16px;box-shadow:0 4px 10px #00000014;overflow:hidden;position:relative;text-align:center;transition:transform .2s ease}.coffee-card:hover{transform:translateY(-4px)}.coffee-card img{height:26vh;width:100%}.coffee-card .ant-card-body{padding:12px!important}.coffee-card .frame-item-infor-add-button{align-items:center;display:flex;justify-content:space-between}.coffee-card .add-btn{background:#000;border:none;bottom:12px;box-shadow:0 3px 6px #00000026}.coffee-card .add-btn:hover{background:#333}.coffee-card .coffee-info{text-align:left}.coffee-card .coffee-info .coffee-name{font-size:15px;font-weight:600;margin-bottom:2px}.coffee-card .coffee-info .coffee-price{color:#777;font-size:14px;margin-bottom:12px}.coffee-card .options-container{align-items:center;display:flex;justify-content:space-between}.coffee-card .topping-btn{border:1px solid #999;border-radius:20px;color:#555;font-size:13px;height:28px;padding:0 14px}.coffee-card .topping-btn:hover{background:#f5f5f5}.coffee-card .size-options{display:flex;gap:6px}.coffee-card .size-btn{border:1px solid #aaa;border-radius:50%;color:#555;font-size:13px;height:32px;padding:0;transition:all .2s ease;width:32px}.coffee-card .size-btn:hover{background:#f0f0f0;transform:scale(1.05)}.coffee-card .size-btn.active{background:#000!important;border-color:#000!important;color:#fff!important}.counter{align-items:center;display:flex;gap:5px;width:100px}.counter-btn{border-radius:6px;font-size:14px;height:28px;padding:0;width:28px}.counter-value{font-size:14px;min-width:20px;text-align:center}.circle-checkbox .ant-checkbox-inner{border-radius:50%!important}.coffee-cart{display:flex;flex-direction:column;gap:12px}.item-selected{background:#fff;border:2px solid #e5e5e5;border-radius:12px;box-shadow:0 2px 6px #00000014;display:flex;justify-content:space-between;padding:10px;position:relative}.coffee-card-content{display:flex;gap:10px}.frame-image-item-selected{height:60px;width:60px}.frame-image-item-selected .coffee-price{font-size:14px;font-weight:600;margin:9px 0 0;text-align:center}.coffee-img{border-radius:5px;height:100%;width:100%}.coffee-info{align-self:center;display:flex;flex-direction:column}.coffee-info .coffee-name{font-size:15px;font-weight:600;margin:0}.coffee-info .coffee-meta{color:#777;font-size:13px;margin:2px 0}.selected-item-actions{align-items:flex-end;display:flex;flex-direction:column;gap:25px;justify-content:space-between;position:relative}.selected-item-actions .delete-btn{background:#ff4d4f;border:none;color:#fff}.selected-item-actions .bottom-actions{align-items:center;display:flex;gap:8px}.quantity-control{align-items:center;display:flex;gap:6px}.quantity-control .qty-btn{align-items:center;background:#fff;border:1px solid #d9d9d9;border-radius:5px!important;display:flex;height:26px;justify-content:center;padding:0;width:30px}.quantity-control .qty-value{font-size:14px;font-weight:600;min-width:20px;text-align:center}.toppings-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}.topping-card{align-items:center;background:#fafafa;border:1px solid #eee;border-radius:6px;box-shadow:0 2px 6px #00000014;display:flex;justify-content:space-between;padding:6px 10px}.topping-card .frame-name-topping{font-size:13px;font-weight:500;width:30%}.invoice-wrapper{align-items:center;display:flex;flex-direction:column;gap:15px;min-height:auto}.invoice-container{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:500px;justify-content:space-between;max-width:480px;overflow-y:auto;padding:20px;scrollbar-color:#aaa #fff;scrollbar-width:thin;width:100%}.invoice-container::-webkit-scrollbar{width:6px}.invoice-container::-webkit-scrollbar-track{background:#fff;border-radius:8px}.invoice-container::-webkit-scrollbar-thumb{background-color:#aaa;border:2px solid #fff;border-radius:8px}.invoice-container::-webkit-scrollbar-button{display:none;height:0;width:0}.invoice-container::-webkit-scrollbar-button:single-button{display:none}.invoice-title{font-size:22px;font-weight:700;margin-bottom:5px;text-align:center}.invoice-address,.invoice-phone{color:#444;font-size:14px;margin:0;text-align:center}.invoice-divider{border-top:1px dashed #ccc;margin:10px 0}.invoice-header{align-items:center;display:grid;grid-template-columns:repeat(3,1fr)}.invoice-header h3,.invoice-header p{display:flex;justify-content:center;margin:0}.invoice-header h3{font-size:large;font-weight:600}.invoice-header .invoice-date{font-size:13px;justify-content:left!important;text-align:left}.invoice-header .invoice-id{font-size:13px;justify-content:right!important;text-align:right}.invoice-table{border-collapse:collapse;font-size:14px;margin-top:10px;table-layout:fixed;width:100%}.invoice-table td,.invoice-table th{word-wrap:break-word;border:1px solid #ddd;padding:6px 5px;text-align:center;vertical-align:middle}.invoice-table th{background-color:#f9f9f9;font-weight:700;text-align:center}.invoice-table td:first-child,.invoice-table th:first-child{width:40%}.invoice-table td:nth-child(2),.invoice-table td:nth-child(3),.invoice-table td:nth-child(4),.invoice-table th:nth-child(2),.invoice-table th:nth-child(3),.invoice-table th:nth-child(4){width:20%}.topping-row td:first-child{font-style:italic}.invoice-summary-container{align-items:center;display:flex;justify-content:space-around;padding-top:20px}.invoice-summary-container .qr_code{height:100px;width:100px}.invoice-summary-container .qr_code img{height:100%;width:100%}.invoice-summary-container .invoice-summary{border:2px solid #777;border-radius:6px;font-size:14px;text-align:center;width:60%}.invoice-summary-container .invoice-summary p{margin:4px 0}.invoice-summary-container .invoice-summary .invoice-total{font-size:16px;font-weight:700}.invoice-footer{border-top:1px solid #ddd;color:#555;font-size:13px;margin-top:15px;padding-top:10px;text-align:center}.invoice-footer p{margin:2px 0}.invoice-actions{align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 1px 4px #00000014;display:flex;justify-content:space-between;margin-top:15px;max-width:480px;padding:10px 15px;width:100%}.invoice-actions .ant-checkbox-group{display:flex;gap:12px}.invoice-actions .ant-checkbox-group .ant-checkbox-wrapper{font-size:14px;font-weight:500}.invoice-actions .ant-btn{margin-left:auto}.frame-working-shift{grid-gap:2%;display:grid;gap:2%;grid-template-columns:59% 39%;padding:20px}.work-schedule{border-bottom-left-radius:10px;border-bottom-right-radius:10px;height:85vh;margin:0 auto;overflow:hidden}.work-schedule .schedule-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:0 8px 32px #667eea33;display:flex;justify-content:space-between;overflow:hidden;padding:20px 24px;position:relative}.work-schedule .schedule-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='4' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.work-schedule .schedule-header .week-navigation{align-items:center;display:flex;gap:12px;position:relative;z-index:1}.work-schedule .schedule-header .week-navigation .nav-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#ffffffe6;display:flex;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.work-schedule .schedule-header .week-navigation .nav-button:hover{background:#fff3;border-color:#ffffff4d;box-shadow:0 4px 16px #0003;color:#fff;transform:translateY(-2px)}.work-schedule .schedule-header .week-navigation .nav-button .anticon{font-size:14px}.work-schedule .schedule-header .week-navigation .week-button{align-items:center;background:#fffffff2;border:1px solid #ffffff4d;border-radius:10px;box-shadow:0 4px 16px #0000001a;color:#667eea;display:flex;font-weight:600;gap:8px;padding:8px 20px;transition:all .3s ease}.work-schedule .schedule-header .week-navigation .week-button:hover{background:#fff;box-shadow:0 6px 20px #00000026;color:#5a67d8;transform:translateY(-2px)}.work-schedule .schedule-header .week-navigation .week-button .anticon{color:#667eea;font-size:16px}.work-schedule .schedule-header .date-picker{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:10px;box-shadow:0 4px 16px #0000001a;position:relative;transition:all .3s ease;z-index:1}.work-schedule .schedule-header .date-picker:hover{background:#fff;box-shadow:0 6px 20px #00000026;transform:translateY(-1px)}.work-schedule .schedule-header .date-picker .ant-picker-input input{background:#0000;color:#667eea;font-weight:600}.work-schedule .schedule-header .date-picker .ant-picker-suffix{color:#667eea}.work-schedule .schedule-content{box-sizing:border-box;display:flex;flex-direction:column;gap:16px;height:560px;overflow-y:auto}.work-schedule .schedule-content::-webkit-scrollbar{width:6px}.work-schedule .schedule-content::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.work-schedule .schedule-content::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.work-schedule .schedule-content::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.work-schedule .day-card{border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;transition:all .3s ease}.work-schedule .day-card:hover{border-color:#d9d9d9;box-shadow:0 4px 16px #0000001a}.work-schedule .day-card .ant-card-body{padding:20px}.work-schedule .day-card .day-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.work-schedule .day-card .day-header .day-info .day-title{color:#262626;font-size:18px;font-weight:600;margin:0}.work-schedule .day-card .day-header .day-info .day-date{color:#8c8c8c;font-size:14px}.work-schedule .day-card .day-header .day-actions{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.work-schedule .day-card .day-header .day-actions .working-day-check{color:#595959;font-weight:500}.work-schedule .day-card .day-header .day-actions .clear-time-button{align-items:center;border-radius:4px;color:#ff4d4f;display:flex;font-size:12px;gap:4px;padding:2px 8px;transition:all .3s ease}.work-schedule .day-card .day-header .day-actions .clear-time-button:hover{background-color:#fff2f0;color:#ff7875}.work-schedule .day-card .shift-row{display:flex!important}.work-schedule .day-card .shift-section{border-radius:10px;box-shadow:0 2px 6px #0000000d;display:flex;flex:1 1;flex-direction:column;gap:12px;padding:16px}.work-schedule .day-card .shift-section .shift-title{font-size:15px;font-weight:600}.work-schedule .day-card .shift-section .time-inputs{margin-bottom:8px}.work-schedule .day-card .shift-section .duration{font-size:13px;font-weight:600}.work-schedule .day-card .shift-section .shift-actions{display:flex;justify-content:space-between}.work-schedule .day-card .morning-shift{background:#fffef7;border:1px solid #fff1b8}.work-schedule .day-card .morning-shift .shift-title{color:#faad14}.work-schedule .day-card .morning-shift .duration{color:#d48806}.work-schedule .day-card .evening-shift{background:#f7faff;border:1px solid #adc6ff}.work-schedule .day-card .evening-shift .shift-title{color:#2f54eb}.work-schedule .day-card .evening-shift .duration{color:#1d39c4}@media(max-width:768px){.work-schedule{padding:16px}.work-schedule .day-card .shift-row{flex-direction:column}}@media(prefers-color-scheme:dark){.work-schedule{background-color:#141414}.work-schedule .day-card{background-color:#1f1f1f;border-color:#303030}.work-schedule .day-card:hover{border-color:#434343;box-shadow:0 4px 16px #ffffff0d}.work-schedule .day-card .day-title{color:#f0f0f0}.work-schedule .day-card .day-date{color:#8c8c8c}}.weekly-shift-schedule{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:85vh;overflow:hidden}.weekly-shift-schedule .schedule-header{background-color:#35ba64;color:#fff;padding:24px 32px 0;position:sticky;top:0;z-index:100}.weekly-shift-schedule .schedule-header .header-content{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.weekly-shift-schedule .schedule-header .header-content .header-left .schedule-title{color:#fff;font-size:24px;font-weight:600;margin:0 0 8px}.weekly-shift-schedule .schedule-header .header-content .header-left .date-range{color:#fffc;font-size:16px;font-weight:400}.weekly-shift-schedule .schedule-header .header-content .header-controls{align-items:center;display:flex;gap:12px}.weekly-shift-schedule .schedule-header .header-content .header-controls .nav-button{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;height:auto;padding:8px 16px}.weekly-shift-schedule .schedule-header .header-content .header-controls .nav-button:hover{background:#fff3;border-color:#ffffff4d;color:#fff}.weekly-shift-schedule .schedule-header .header-content .header-controls .nav-button .anticon{font-size:12px}.weekly-shift-schedule .schedule-header .header-content .header-controls .this-week-button{background:#ffffff26;border:1px solid #ffffff40;border-radius:8px;color:#fff;height:auto;padding:8px 16px}.weekly-shift-schedule .schedule-header .header-content .header-controls .this-week-button:hover{background:#ffffff40;border-color:#ffffff59;color:#fff}.weekly-shift-schedule .schedule-header .header-content .header-controls .date-picker .ant-picker{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff}.weekly-shift-schedule .schedule-header .header-content .header-controls .date-picker .ant-picker:hover{border-color:#ffffff4d}.weekly-shift-schedule .schedule-header .header-content .header-controls .date-picker .ant-picker .ant-picker-input>input{color:#fff}.weekly-shift-schedule .schedule-header .header-content .header-controls .date-picker .ant-picker .ant-picker-input>input::placeholder{color:#fff9}.weekly-shift-schedule .schedule-header .header-content .header-controls .date-picker .ant-picker .ant-picker-suffix{color:#fffc}.weekly-shift-schedule .shift-headers{grid-gap:24px;align-items:center;background-color:#35ba64;background-color:#6445cb!important;display:grid;gap:24px;grid-template-columns:150px 1fr 1fr;height:40px;justify-content:center;padding-left:35px;padding-right:35px}.weekly-shift-schedule .shift-headers .column-header{align-items:center;color:#ffffffe6;display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:1px;text-transform:uppercase}.weekly-shift-schedule .shift-headers .column-header .shift-icon{font-size:14px}.weekly-shift-schedule .schedule-content{flex:1 1;overflow-y:auto;padding:0 32px 24px}.weekly-shift-schedule .schedule-content::-webkit-scrollbar{width:6px}.weekly-shift-schedule .schedule-content::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.weekly-shift-schedule .schedule-content::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.weekly-shift-schedule .schedule-content::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.weekly-shift-schedule .schedule-content .day-row{grid-gap:24px;border-bottom:1px solid #f0f0f0;display:grid;gap:24px;grid-template-columns:150px 1fr 1fr;padding:20px 0}.weekly-shift-schedule .schedule-content .day-row:last-child{border-bottom:none}.weekly-shift-schedule .schedule-content .day-row .day-info{align-items:center;display:flex;gap:12px}.weekly-shift-schedule .schedule-content .day-row .day-info .day-indicator{background:#52c41a;border-radius:50%;flex-shrink:0;height:8px;margin-top:8px;width:8px}.weekly-shift-schedule .schedule-content .day-row .day-info .day-details .day-name{color:#262626;font-size:16px;font-weight:600;margin-bottom:4px}.weekly-shift-schedule .schedule-content .day-row .day-info .day-details .day-date{color:#8c8c8c;font-size:14px;margin-bottom:4px}.weekly-shift-schedule .schedule-content .day-row .day-info .day-details .shift-count{color:#8c8c8c;font-size:12px}.weekly-shift-schedule .schedule-content .day-row .evening-shifts,.weekly-shift-schedule .schedule-content .day-row .morning-shifts{display:flex;flex-direction:column;gap:12px;min-height:60px}.weekly-shift-schedule .schedule-content .day-row .evening-shifts.single-item,.weekly-shift-schedule .schedule-content .day-row .morning-shifts.single-item{align-items:center;justify-content:center}.weekly-shift-schedule .schedule-content .day-row .add-shift-card{align-items:center;border-radius:8px;display:flex;justify-content:center;padding:12px}.weekly-shift-schedule .schedule-content .day-row .add-shift-card.morning{background:#fff9e680;border:2px dashed #ffe58f}.weekly-shift-schedule .schedule-content .day-row .add-shift-card.evening{background:#e6f7ff80;border:2px dashed #91d5ff}.weekly-shift-schedule .schedule-content .day-row .add-shift-card .add-shift-button{align-items:center;background:#0000;border:none;box-shadow:none;color:#8c8c8c;display:flex;font-size:14px;gap:8px;height:48px;justify-content:center;transition:all .2s ease;width:100%}.weekly-shift-schedule .schedule-content .day-row .add-shift-card .add-shift-button:hover{background:#1890ff0d;border-color:#1890ff;color:#1890ff}.weekly-shift-schedule .schedule-content .day-row .add-shift-card .add-shift-button .plus-icon{font-size:16px;font-weight:700}.weekly-shift-schedule .schedule-content .day-row .add-shift-card.morning .add-shift-button:hover{background:#fadb140d;border-color:#fadb14;color:#fadb14}.weekly-shift-schedule .schedule-content .day-row .shift-card{align-items:center;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.weekly-shift-schedule .schedule-content .day-row .shift-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.weekly-shift-schedule .schedule-content .day-row .shift-card.morning{background:#fff9e6;border:1px solid #ffe58f}.weekly-shift-schedule .schedule-content .day-row .shift-card.morning .employee-avatar{background:#fadb14;color:#613400}.weekly-shift-schedule .schedule-content .day-row .shift-card.evening{background:#e6f7ff;border:1px solid #91d5ff}.weekly-shift-schedule .schedule-content .day-row .shift-card.evening .employee-avatar{background:#1890ff;color:#fff}.weekly-shift-schedule .schedule-content .day-row .shift-card .employee-info{align-items:center;display:flex;gap:12px}.weekly-shift-schedule .schedule-content .day-row .shift-card .employee-info .employee-avatar{flex-shrink:0;font-weight:600}.weekly-shift-schedule .schedule-content .day-row .shift-card .employee-info .employee-details .employee-name{color:#262626;font-size:14px;font-weight:600;margin-bottom:2px}.weekly-shift-schedule .schedule-content .day-row .shift-card .employee-info .employee-details .employee-role{color:#8c8c8c;font-size:12px}.weekly-shift-schedule .schedule-content .day-row .shift-card .shift-time{text-align:right}.weekly-shift-schedule .schedule-content .day-row .shift-card .shift-time .time-range{color:#262626;font-size:14px;font-weight:500;margin-bottom:2px}.weekly-shift-schedule .schedule-content .day-row .shift-card .shift-time .duration{color:#8c8c8c;font-size:12px}@media(max-width:1024px){.weekly-shift-schedule .schedule-header{padding:20px 24px 0}.weekly-shift-schedule .schedule-header .header-content{align-items:stretch;flex-direction:column;gap:16px}.weekly-shift-schedule .schedule-header .header-content .header-controls{flex-wrap:wrap;justify-content:flex-end}.weekly-shift-schedule .schedule-header .shift-headers{gap:16px;grid-template-columns:100px 1fr 1fr}.weekly-shift-schedule .schedule-content{padding:0 24px 24px}.weekly-shift-schedule .schedule-content .day-row{gap:16px;grid-template-columns:100px 1fr 1fr}}@media(max-width:768px){.weekly-shift-schedule .schedule-header{padding:16px 20px 0}.weekly-shift-schedule .schedule-header .shift-headers{gap:12px;grid-template-columns:1fr;text-align:center}.weekly-shift-schedule .schedule-content{padding:0 20px 20px}.weekly-shift-schedule .schedule-content .day-row{gap:16px;grid-template-columns:1fr}.weekly-shift-schedule .schedule-content .day-row .day-info{justify-content:center;text-align:center}}body,html{height:100%;width:100%}input::-ms-clear,input::-ms-reveal{display:none}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:sans-serif;line-height:1.15}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:initial;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{font-weight:500;margin-bottom:.5em;margin-top:0}p{margin-bottom:1em;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1em}input[type=number],input[type=password],input[type=text],textarea{-webkit-appearance:none}dl,ol,ul{margin-bottom:1em;margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}code,kbd,pre,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}pre{margin-bottom:1em;margin-top:0;overflow:auto}figure{margin:0 0 1em}img{border-style:none;vertical-align:middle}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{caption-side:bottom;padding-bottom:.3em;padding-top:.75em;text-align:left}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5em;line-height:inherit;margin-bottom:.5em;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:initial}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{background-color:#feffe6;padding:.2em}
/*# sourceMappingURL=main.96ab318b.css.map*/