.login-page{background:linear-gradient(#00000080,#00000080),url(/assets/background-C_yl3VZl.png);background-size:cover;background-position:center;min-height:100vh;display:flex;justify-content:center;align-items:center;color:#333}.login-page .login-container{background:#fff;width:420px;padding:40px;border-radius:12px;box-shadow:0 15px 35px #0006;text-align:center}.login-page .logo-section{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:10px}.login-page .logo-icon{width:36px;height:36px;background:#0070e0;border-radius:50% 50% 50% 0;transform:rotate(-45deg);position:relative}.login-page .logo-icon:after{content:"";position:absolute;width:12px;height:12px;background:#fff;border-radius:50%;top:12px;left:12px}.login-page .logo-text{font-size:28px;font-weight:800;color:#0056b3;letter-spacing:-1px}.login-page .sub-brand{font-size:12px;color:#0070e0;background:#eef6ff;padding:4px 15px;border-radius:20px;display:inline-block;margin-bottom:35px;font-weight:600;text-transform:uppercase}.login-page .input-group{position:relative;margin-bottom:25px;text-align:left}.login-page .input-group i{position:absolute;left:0;top:12px;color:#999;font-size:18px}.login-page .input-group input{width:100%;padding:12px 10px 12px 35px;border:none;border-bottom:1px solid #eee;outline:none;font-size:16px;transition:border-color .3s;color:#444}.login-page .input-group input:focus{border-bottom:1px solid #0070e0}.login-page .input-group input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.login-page .input-group .toggle-password{position:absolute;right:0;left:auto;cursor:pointer;color:#666}.login-page .error-message{color:#dc3545;font-size:13px;margin-top:-20px;margin-bottom:15px;text-align:left;padding-left:35px}.login-page .error-message.api-error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;padding:10px 15px;margin-top:0;margin-bottom:20px;text-align:center}.login-page .forgot-password{text-align:right;margin-bottom:35px}.login-page .forgot-password a{color:#0070e0;text-decoration:none;font-size:14px;font-weight:500}.login-page .button-group{display:flex;gap:12px}.login-page .btn{flex:1;padding:14px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s}.login-page .btn:disabled{opacity:.6;cursor:not-allowed}.login-page .btn-primary{background:#0070e0;color:#fff}.login-page .btn-secondary{background:#32b94d;color:#fff}.login-page .btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.login-page .footer{position:fixed;bottom:25px;width:100%;display:flex;justify-content:center;gap:30px;color:#fff;font-size:14px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.login-page .footer-item{display:flex;align-items:center;gap:8px;cursor:pointer}.login-page .footer-item img{border-radius:2px}.admin-page{background-color:#f4f6f8;color:#333;min-height:100vh}.admin-page .top-header{background:#fff;height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #ddd}.admin-page .logo-section{display:flex;align-items:center;gap:10px}.admin-page .logo-icon{width:24px;height:24px;background:#0070e0;border-radius:50% 50% 50% 0;transform:rotate(-45deg)}.admin-page .logo-text{font-size:18px;font-weight:800;color:#0056b3}.admin-page .top-nav{display:flex;gap:20px;font-size:13px;color:#666}.admin-page .top-nav-left{margin-left:30px}.admin-page .top-nav-item{display:flex;align-items:center;gap:5px;cursor:pointer}.admin-page .dropdown-trigger{position:relative;padding:8px 0}.admin-page .dropdown-menu{position:absolute;top:calc(100% + 1px);right:0;background:#fff;border:1px solid #d9d9d9;border-radius:4px;box-shadow:0 8px 20px #0000001f;min-width:260px;display:none;z-index:30;padding:6px 0}.admin-page .settings-dropdown{min-width:290px}.admin-page .admin-dropdown{min-width:220px}.admin-page .dropdown-trigger:hover .dropdown-menu{display:block}.admin-page .dropdown-item{width:100%;border:none;background:transparent;text-align:left;padding:10px 14px;display:flex;align-items:center;gap:10px;color:#2f2f2f;font-size:15px;cursor:pointer}.admin-page .dropdown-item i{width:18px;text-align:center;color:#6d6d6d}.admin-page .dropdown-item:hover{background:#f5f7fa}.admin-page .dropdown-item.danger,.admin-page .dropdown-item.danger i{color:#ef5350}.admin-page .badge-beta{background:#52c41a;color:#fff;font-size:10px;padding:1px 4px;border-radius:4px;margin-left:3px}.admin-page .notification-item{position:relative}.admin-page .notification-badge{background:red;color:#fff;border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center;font-size:9px;margin-left:-8px;margin-top:-10px}.admin-page .main-menu{background:#0070e0;height:50px;display:flex;align-items:center;padding:0 20px;justify-content:space-between}.admin-page .hamburger-menu{display:none}.admin-page .menu-items{display:flex;height:100%}.admin-page .menu-item-wrapper{position:relative;height:100%}.admin-page .menu-item{color:#fff;padding:0 15px;display:flex;align-items:center;font-size:14px;cursor:pointer;transition:background .3s}.admin-page .menu-item.has-submenu{height:100%}.admin-page .menu-submenu{position:absolute;top:calc(100% - 2px);left:0;min-width:170px;background:#fff;border:1px solid #d6dbe1;border-radius:4px;box-shadow:0 8px 18px #00000026;display:none;z-index:20;padding:6px 0}.admin-page .menu-item-wrapper:hover .goods-submenu,.admin-page .menu-item-wrapper:hover .menu-submenu{display:block}.admin-page .menu-submenu-item{width:100%;border:none;background:transparent;text-align:left;padding:8px 12px;font-size:14px;color:#2f3640;cursor:pointer}.admin-page .menu-submenu-item:hover,.admin-page .menu-submenu-item.active{background:#f3f7fc;color:#0070e0}.admin-page .menu-item:hover,.admin-page .menu-item.active{background:#ffffff26;font-weight:500}.admin-page .menu-right{display:flex;gap:10px}.admin-page .btn-action{background:#fff;color:#0070e0;border:none;padding:6px 15px;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:5px}.admin-page .btn-action.blue{background:#0056b3;color:#fff}.admin-page .dashboard-container{padding:20px;display:grid;grid-template-columns:1fr 300px;gap:20px;max-width:1400px;margin:0 auto}.admin-page .card{background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;padding:20px;margin-bottom:20px}.admin-page .card-title{font-size:15px;font-weight:700;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;text-transform:uppercase}.admin-page .card-title.small{font-size:13px}.admin-page .card-title.no-margin{margin-bottom:0}.admin-page .stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}.admin-page .stat-item{display:flex;align-items:center;gap:15px}.admin-page .stat-icon{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.admin-page .icon-red{background:#ff4d4f}.admin-page .icon-green{background:#52c41a}.admin-page .icon-blue{background:#1890ff}.admin-page .stat-info .label{font-size:13px;color:#888;margin-bottom:5px}.admin-page .stat-info .value{font-size:18px;font-weight:700;color:#ff4d4f}.admin-page .stat-info .sub-value{font-size:12px;color:#aaa}.admin-page .value-note{font-size:12px;color:#ff4d4f}.admin-page .text-green{color:#52c41a!important}.admin-page .text-blue{color:#1890ff!important}.admin-page .ml10{margin-left:10px}.admin-page .text-muted{font-size:13px;color:#666}.admin-page .chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-page .chart-tabs{display:flex;gap:20px;font-size:14px}.admin-page .chart-tab{cursor:pointer;padding-bottom:5px}.admin-page .chart-tab.active{color:#0070e0;border-bottom:2px solid #0070e0;font-weight:500}.admin-page .mini-bars{height:150px;display:flex;align-items:flex-end;gap:30px;padding:20px}.admin-page .mini-bar{flex:1;background:#e6f7ff;position:relative}.admin-page .mini-bar span{position:absolute;bottom:-25px;left:0;font-size:12px}.admin-page .mini-bar.h20{height:20%}.admin-page .mini-bar.h40{height:40%}.admin-page .mini-bar.h10{height:10%}.admin-page .activity-list{list-style:none}.admin-page .activity-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #f0f0f0}.admin-page .activity-icon{width:32px;height:32px;background:#e6f7ff;color:#1890ff;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.admin-page .activity-content{font-size:13px}.admin-page .activity-user{font-weight:500;color:#0070e0}.admin-page .activity-time{font-size:11px;color:#aaa;margin-top:3px}.admin-page .font-600{font-weight:600}.admin-page .promo-card{background:#fff;border-radius:4px;padding:15px;margin-bottom:20px;border:1px solid #e6f7ff;display:flex;align-items:center;gap:15px}.admin-page .promo-icon{font-size:24px;color:#1890ff}.admin-page .promo-text{font-size:13px;font-weight:500}.admin-page .promo-text span{font-size:11px;color:#888;font-weight:400}.admin-page .promo-arrow{margin-left:auto;color:#ccc}.admin-page .card-compact{padding:15px}.admin-page .overview-dashboard{padding:16px;max-width:1440px;margin:0 auto}.admin-page .overview-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.admin-page .overview-heading h2{font-size:22px;line-height:1.2;margin:0 0 4px;color:#17202a}.admin-page .overview-heading p{margin:0;font-size:13px;color:#607080}.admin-page .overview-date-range{background:#fff;border:1px solid #d9e1ea;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:700;color:#263442;white-space:nowrap}.admin-page .overview-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}.admin-page .overview-stat-card,.admin-page .overview-data-card{background:#fff;border:1px solid #dfe6ee;border-radius:6px;box-shadow:0 1px 2px #0f172a0d}.admin-page .overview-stat-card{min-height:104px;padding:16px;display:flex;align-items:center;gap:14px}.admin-page .overview-stat-icon{width:44px;height:44px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex:0 0 auto}.admin-page .overview-stat-icon.tone-red{background:#dc2626}.admin-page .overview-stat-icon.tone-green{background:#16a34a}.admin-page .overview-stat-icon.tone-blue{background:#0a66c2}.admin-page .overview-stat-label{font-size:12px;color:#607080;font-weight:700;text-transform:uppercase;margin-bottom:5px}.admin-page .overview-stat-value{font-size:22px;line-height:1.15;font-weight:800;color:#17202a}.admin-page .overview-stat-sub{font-size:12px;color:#7b8794;margin-top:4px}.admin-page .overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.admin-page .overview-data-card{padding:14px;min-width:0}.admin-page .overview-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.admin-page .overview-card-header h3{margin:0;font-size:14px;font-weight:800;color:#17202a;text-transform:uppercase}.admin-page .overview-card-header span{font-size:12px;color:#6b7886;font-weight:600}.admin-page .overview-chart-box{height:280px;position:relative}.admin-page .overview-empty-chart,.admin-page .overview-empty-list{min-height:180px;border:1px dashed #cbd5df;border-radius:6px;background:#f8fafc;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:13px;font-weight:600;text-align:center;padding:16px}.admin-page .overview-orders-card{margin-bottom:20px}.admin-page .overview-orders-table-wrap{overflow-x:auto}.admin-page .overview-orders-table{width:100%;border-collapse:collapse;font-size:13px}.admin-page .overview-orders-table th,.admin-page .overview-orders-table td{border-bottom:1px solid #edf1f5;padding:10px 8px;text-align:left;white-space:nowrap}.admin-page .overview-orders-table th{background:#f8fafc;color:#536171;font-size:12px;text-transform:uppercase}.admin-page .overview-orders-table td{color:#263442;font-weight:500}@media (max-width: 1180px){.admin-page .overview-grid{grid-template-columns:1fr}}@media (max-width: 900px){.admin-page .overview-heading,.admin-page .overview-card-header{align-items:flex-start;flex-direction:column}.admin-page .overview-stats-grid{grid-template-columns:1fr}.admin-page .overview-chart-box{height:240px}}.admin-page .goods-layout{display:grid;grid-template-columns:250px 1fr;gap:16px;padding:12px}.admin-page .goods-sidebar{display:flex;flex-direction:column;gap:12px}.admin-page .goods-filter-card{background:#fff;border:1px solid #dde2e8;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:9px}.admin-page .goods-filter-title{font-size:14px;font-weight:700;color:#2f3640}.admin-page .goods-search-input{border:1px solid #ccd3db;border-radius:6px;height:30px;padding:0 10px;font-size:13px}.admin-page .goods-filter-card label{font-size:14px;color:#3c4755;display:flex;gap:8px;align-items:center}.admin-page .goods-content{min-width:0}.admin-page .goods-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:12px}.admin-page .goods-toolbar h2{margin:0;font-size:22px;color:#2f3640}.admin-page .goods-toolbar-actions{display:flex;gap:8px;align-items:center}.admin-page .goods-add-wrapper{position:relative}.admin-page .goods-add-btn{display:flex;align-items:center;gap:6px}.admin-page .goods-add-dropdown{position:absolute;top:calc(100% + 2px);left:0;min-width:210px;background:#fff;border:1px solid #d7dee6;border-radius:6px;box-shadow:0 8px 16px #0000001f;display:none;z-index:10;padding:4px 0}.admin-page .goods-add-wrapper:hover .goods-add-dropdown{display:block}.admin-page .goods-add-option{width:100%;border:none;background:transparent;text-align:left;padding:9px 12px;font-size:13px;color:#2f3640;cursor:pointer}.admin-page .goods-add-option:hover{background:#f5f8fc;color:#0070e0}.admin-page .goods-btn{border:none;border-radius:7px;padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer}.admin-page .goods-btn.green{background:#2db84d;color:#fff}.admin-page .goods-btn.danger{background:#dc3545;color:#fff}.admin-page .goods-btn.danger-outline{color:#c92a2a;background:#fff;border:1px solid #f0b7b7}.admin-page .goods-table-wrap{background:#fff;border:1px solid #d7dee6;border-radius:6px;overflow:hidden}.admin-page .goods-table{width:100%;border-collapse:collapse}.admin-page .goods-table th{background:#d9eef9;color:#334a5f;font-size:13px;text-align:left;padding:9px 8px;border-bottom:1px solid #cad8e5}.admin-page .goods-table td{font-size:13px;color:#3b4754;padding:8px;border-bottom:1px solid #edf1f5}.admin-page .goods-table td a{color:#0a66c2;text-decoration:none;font-weight:500}.admin-page .goods-table-footer{height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#657181;background:#fafbfd;padding:0 12px}.admin-page .goods-pagination{display:flex;align-items:center;gap:8px;white-space:nowrap}.admin-page .goods-pagination .goods-btn{height:28px;padding:0 10px}.admin-page .goods-pagination .goods-btn:disabled{opacity:.45;cursor:not-allowed}.admin-page .staff-layout .goods-sidebar{gap:10px}.admin-page .goods-filter-header{display:flex;align-items:center;justify-content:space-between}.admin-page .icon-btn{border:none;background:transparent;color:#5d6978;cursor:pointer;font-size:16px}.admin-page .staff-toolbar-search{width:400px;max-width:42vw;height:34px;border:1px solid #cfd7e2;border-radius:8px;padding:0 12px;font-size:14px}.admin-page .goods-btn.white{background:#fff;color:#2f5ea2;border:1px solid #c8d4e6}.admin-page .goods-btn.square{width:34px;padding:0;display:inline-flex;align-items:center;justify-content:center}.admin-page .cashbook-layout .goods-sidebar{gap:12px}.admin-page .cashbook-layout .goods-filter-card{gap:10px}.admin-page .cashbook-summary{background:#fff;border:1px solid #d7dee6;border-radius:6px;min-height:66px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;padding:0 12px;margin-bottom:10px}.admin-page .cashbook-summary-item{display:flex;flex-direction:column;gap:6px;align-items:center}.admin-page .cashbook-summary-item span{color:#4f5b69;font-size:15px}.admin-page .cashbook-summary-item strong{font-size:30px}.admin-page .cashbook-summary-item strong.teal{color:#0f8a95}.admin-page .cashbook-summary-item strong.red{color:#e53935}.admin-page .cashbook-summary-item strong.green{color:#3b8f2e}.admin-page .staff-schedule-page,.admin-page .schedule-layout{padding:12px;background:#f6f8fb}.admin-page .schedule-toolbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:16px}.admin-page .schedule-toolbar h2{margin:0;font-size:24px;line-height:1.2;color:#2f3640}.admin-page .schedule-toolbar p{margin:4px 0 0;color:#667386;font-size:13px}.admin-page .schedule-toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.admin-page .schedule-search{width:220px;height:36px;border:1px solid #cfd7e2;border-radius:8px;padding:0 12px;font-size:14px}.admin-page .schedule-filter-select{height:36px;border:1px solid #cfd7e2;border-radius:8px;padding:0 10px;color:#384453;background:#fff;font-size:13px}.admin-page .filter-group{display:flex;align-items:center;gap:6px}.admin-page .filter-group label{color:#53606f;font-size:12px;font-weight:700;white-space:nowrap}.admin-page .filter-group input.schedule-btn,.admin-page .filter-group select.schedule-btn{min-width:132px;color:#384453;font-weight:600}.admin-page .schedule-btn{border:1px solid #cfd7e2;background:#fff;border-radius:8px;height:36px;padding:0 12px;font-size:13px;font-weight:600;color:#4a5663;cursor:pointer}.admin-page .schedule-btn.primary{color:#fff;border-color:#0a66c2;background:#0a66c2}.admin-page .schedule-segmented{height:36px;display:inline-flex;padding:3px;background:#e9eef5;border-radius:9px}.admin-page .schedule-segmented button{height:30px;padding:0 10px;color:#526070;background:transparent;border:none;border-radius:7px;font-size:13px;font-weight:700;cursor:pointer}.admin-page .schedule-segmented button.active{color:#0a4f9c;background:#fff;box-shadow:0 1px 3px #0f172a1f}.admin-page .shift-config-panel{margin-bottom:12px;padding:14px;background:#fff;border:1px solid #d7dee6;border-radius:8px}.admin-page .shift-config-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.admin-page .shift-config-head h3{margin:0;color:#273444;font-size:16px}.admin-page .shift-config-head p{margin:4px 0 0;color:#667386;font-size:13px}.admin-page .shift-config-actions{display:flex;align-items:center;gap:8px}.admin-page .shift-day-grid{display:grid;grid-template-columns:repeat(7,minmax(140px,1fr));gap:10px;overflow-x:auto}.admin-page .shift-day-card{min-width:140px;padding:10px;background:#f8fafc;border:1px solid #e3e9f0;border-radius:8px}.admin-page .shift-day-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.admin-page .shift-day-head strong{color:#273444;font-size:13px}.admin-page .shift-day-head span{color:#c92a2a;font-size:11px;font-weight:700;white-space:nowrap}.admin-page .shift-day-head span.complete{color:#2f8f46}.admin-page .shift-config-list{display:flex;flex-direction:column;gap:6px}.admin-page .shift-config-item{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;background:#fff;border:1px solid #e3e9f0;border-radius:7px}.admin-page .shift-config-item span{min-width:0;display:flex;flex-direction:column;gap:2px}.admin-page .shift-config-item strong{color:#26313f;font-size:12px}.admin-page .shift-config-item small,.admin-page .shift-empty{color:#748195;font-size:12px}.admin-page .shift-item-menu-wrap{position:relative;flex:0 0 auto}.admin-page .shift-menu-trigger{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px}.admin-page .shift-menu-trigger:hover{background:#eef3f8}.admin-page .shift-item-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:30;min-width:132px;padding:4px;background:#fff;border:1px solid #d7dee6;border-radius:8px;box-shadow:0 10px 24px #0f172a29}.admin-page .shift-item-menu button{width:100%;height:34px;display:flex;align-items:center;gap:8px;padding:0 10px;color:#344255;background:transparent;border:none;border-radius:6px;font-size:13px;font-weight:600;text-align:left;cursor:pointer}.admin-page .shift-item-menu button:hover{background:#f3f7fc}.admin-page .shift-item-menu button.danger{color:#c92a2a}.admin-page .shift-item-menu button.danger:hover{background:#fff1f1}.admin-page .shift-delete-modal{width:min(440px,100%)}.admin-page .shift-delete-modal p{margin:0;color:#344255;line-height:1.5}.admin-page .shift-delete-note{margin-top:8px!important;color:#7b5b5b!important;font-size:13px}.admin-page .schedule-calendar-wrap,.admin-page .schedule-view-wrap{position:relative}.admin-page .schedule-view-dropdown{position:absolute;top:calc(100% + 3px);right:0;min-width:180px;background:#fff;border:1px solid #d3dbe5;border-radius:8px;box-shadow:0 8px 18px #0000001f;z-index:20;padding:4px 0}.admin-page .schedule-view-option{width:100%;border:none;background:transparent;text-align:left;padding:8px 12px;font-size:13px;color:#384453;cursor:pointer}.admin-page .schedule-view-option:hover,.admin-page .schedule-view-option.active{background:#f3f7fc;color:#0a66c2}.admin-page .schedule-calendar-popover{position:absolute;top:calc(100% + 4px);left:0;width:260px;background:#fff;border:1px solid #d3dbe5;border-radius:10px;box-shadow:0 10px 22px #00000024;z-index:22;padding:8px}.admin-page .schedule-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.admin-page .schedule-calendar-header strong{font-size:14px;color:#2f3640}.admin-page .calendar-nav-btn{border:none;background:#f3f6fb;color:#5d6a79;width:26px;height:26px;border-radius:6px;cursor:pointer}.admin-page .calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:6px}.admin-page .calendar-weekdays span{text-align:center;font-size:11px;color:#6f7b88}.admin-page .calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.admin-page .calendar-day{border:none;background:transparent;height:28px;border-radius:6px;font-size:12px;color:#3a4655;cursor:pointer}.admin-page .calendar-day:hover{background:#edf4fd}.admin-page .calendar-day.selected{background:#0a66c2;color:#fff;font-weight:700}.admin-page .calendar-day.empty{pointer-events:none}.admin-page .schedule-table-wrap{background:#fff;border:1px solid #d7dee6;border-radius:8px;overflow:auto;box-shadow:0 1px 2px #0f172a0a}.admin-page .schedule-table{width:100%;border-collapse:collapse;min-width:1180px}.admin-page .schedule-table th,.admin-page .schedule-table td{border:1px solid #eef2f6;vertical-align:top}.admin-page .schedule-table th{background:#eef6fd;color:#4b5865;padding:10px 8px;font-size:13px;text-align:center}.admin-page .schedule-table th span{font-weight:700;color:#2f3640;margin-left:4px}.admin-page .schedule-table th.sunday-col{color:#0a66c2}.admin-page .employee-col{text-align:left!important;width:190px}.admin-page .salary-col{width:150px}.admin-page .employee-cell{padding:10px;background:#fafbfd}.admin-page .employee-cell strong{display:block;color:#2f3640}.admin-page .employee-cell span{color:#6b7582;font-size:12px}.admin-page .schedule-empty-cell{padding:24px!important;text-align:center;color:#748195}.admin-page .schedule-table td{min-width:130px;height:92px;padding:6px}.admin-page .shift-stack{display:flex;flex-direction:column;gap:6px}.admin-page .shift-pill{border-radius:8px;padding:7px 9px;font-size:12px;font-weight:700;display:flex;flex-direction:column;gap:2px}.admin-page .shift-pill span{font-weight:600;opacity:.85}.admin-page .schedule-muted{color:#9aa5b1;font-size:12px}.admin-page .shift-blue{background:#dbe7f5;color:#1f5cb7}.admin-page .shift-green{background:#d7ece2;color:#1e7e4f}.admin-page .shift-orange{background:#f3e7d8;color:#b56b1f}.admin-page .shift-red{background:#f8e2e4;color:#cf2f2f}.admin-page .salary-cell{text-align:right;padding:10px;font-weight:700;color:#2f3640}.admin-page .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a75}.admin-page .modal-content{width:min(600px,100%);max-height:calc(100vh - 48px);overflow-y:auto;background:#fff;border:1px solid #dbe3ec;border-radius:8px;box-shadow:0 24px 60px #0f172a3d}.admin-page .modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e7edf4;background:#fbfcfe}.admin-page .modal-header h3{margin:0;color:#26313f;font-size:18px;font-weight:700}.admin-page .staff-form-modal,.admin-page .schedule-form-modal{width:min(780px,100%);overflow:hidden}.admin-page .schedule-form-modal{width:min(680px,100%)}.admin-page .staff-form,.admin-page .schedule-form{display:flex;flex-direction:column;max-height:calc(100vh - 126px)}.admin-page .staff-form-body{display:flex;flex-direction:column;gap:14px;padding:18px 20px;overflow:auto;background:#f6f8fb}.admin-page .staff-form-section{padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px}.admin-page .staff-form-section.danger{border-color:#f2c5c5;background:snow}.admin-page .staff-danger-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.admin-page .staff-danger-row strong,.admin-page .staff-danger-row span{display:block}.admin-page .staff-danger-row strong{color:#273444;margin-bottom:3px}.admin-page .staff-danger-row span{color:#7b5b5b;font-size:13px}.admin-page .staff-danger-actions{display:flex;gap:8px}.admin-page .staff-form-section-title{margin-bottom:12px;color:#1f2d3d;font-size:14px;font-weight:700}.admin-page .staff-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.admin-page .staff-form-grid.compact{grid-template-columns:repeat(2,minmax(150px,1fr))}.admin-page .staff-form-grid .form-group.full{grid-column:1 / -1}.admin-page .staff-form .form-group,.admin-page .schedule-form .form-group{min-width:0;margin:0}.admin-page .staff-form .form-group label,.admin-page .schedule-form .form-group label{display:block;margin-bottom:7px;color:#344255;font-size:13px;font-weight:700}.admin-page .staff-form .form-input,.admin-page .schedule-form .form-input{width:100%;min-height:40px;padding:9px 11px;color:#273444;font:inherit;font-size:14px;background:#fff;border:1px solid #cbd5e1;border-radius:7px;outline:none;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.admin-page .staff-form textarea.form-input{min-height:84px;resize:vertical}.admin-page .staff-form .form-input:focus,.admin-page .schedule-form .form-input:focus{border-color:#0a66c2;box-shadow:0 0 0 3px #0a66c21f}.admin-page .staff-form .form-input.error,.admin-page .schedule-form .form-input.error{border-color:#dc3545}.admin-page .staff-form .error-text,.admin-page .schedule-form .error-message{display:block;margin-top:6px;color:#dc3545;font-size:12px;line-height:1.35}.admin-page .staff-form .modal-actions,.admin-page .schedule-form .modal-actions{background:#fff;border-top:1px solid #e7edf4}.admin-page .overview-chart-card{padding:14px 16px 16px}.admin-page .insight-chart-wrap{height:280px}.admin-page .insight-chart-wrap.top-products-wrap{height:330px}.admin-page .chart-empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:#888;font-size:14px}.admin-page .modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:15px 20px;border-top:1px solid #eee}.admin-page .modal-body{padding:20px}.admin-page .modal-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.admin-page .modal-close:hover{color:#333}.admin-page .export-options{display:flex;flex-direction:column;gap:12px}.admin-page .report-export-modal{width:min(460px,100%);overflow:hidden}.admin-page .report-export-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-page .report-export-option{min-height:92px;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:12px;padding:14px;color:#26313f;background:#fff;border:1px solid #d7dee6;border-radius:8px;cursor:pointer}.admin-page .report-export-option.active{border-color:#0a66c2;background:#f0f7ff;box-shadow:inset 0 0 0 1px #0a66c2}.admin-page .report-export-option input{position:absolute;opacity:0;pointer-events:none}.admin-page .report-export-option i{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:#0a66c2;background:#e7f1fc;border-radius:7px;font-size:17px}.admin-page .report-export-option span{display:flex;min-width:0;flex-direction:column;gap:4px}.admin-page .report-export-option strong{font-size:15px}.admin-page .report-export-option small{color:#667386;font-size:12px;line-height:1.35}.admin-page .admin-placeholder{margin:20px;background:#fff;border:1px solid #dde3ea;border-radius:8px;padding:24px}.admin-page .admin-placeholder h3{margin:0 0 8px;color:#2f3640}.admin-page .admin-placeholder p{margin:0;color:#6a7583}.admin-page .reports-layout{padding:12px;display:grid;grid-template-columns:250px 1fr;gap:16px}.admin-page .reports-sidebar{display:flex;flex-direction:column;gap:12px}.admin-page .reports-title{font-size:22px;line-height:1.2;margin:0;color:#2f3640}.admin-page .report-filter-card{background:#fff;border:1px solid #dde2e8;border-radius:6px;padding:10px;display:flex;flex-direction:column;gap:10px}.admin-page .report-filter-card h3{margin:0;font-size:15px;font-weight:700;color:#2f3640}.admin-page .report-option{display:flex;align-items:center;gap:8px;font-size:14px;color:#3c4755}.admin-page .report-option input[type=radio]{width:16px;height:16px;accent-color:#1d71d8;margin:0}.admin-page .report-select{width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid #ccd3db;background:#fff;border-radius:6px;height:30px;padding:0 10px;font-size:13px}.admin-page .report-time-input,.admin-page .report-time-range{display:flex;flex-direction:column;gap:8px}.admin-page .report-time-input label,.admin-page .report-time-range label{display:flex;flex-direction:column;gap:6px;color:#53606f;font-size:12px;font-weight:700}.admin-page .report-date-input{width:100%;height:38px;padding:0 10px;color:#273444;background:#fff;border:1px solid #cbd5e1;border-radius:7px;font:inherit;font-size:14px;outline:none}.admin-page .report-date-input:focus{border-color:#0a66c2;box-shadow:0 0 0 3px #0a66c21f}.admin-page .report-time-range button{border:1px solid #cfd7e2;border-radius:6px;height:30px;padding:0 12px;background:#fff;color:#4a5663;font-size:13px}.admin-page .reports-content{min-width:0}.admin-page .export-button{width:100%;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:#0a66c2;border:1px solid #0a66c2;border-radius:7px;font-size:14px;font-weight:700;cursor:pointer}.admin-page .export-button:disabled{opacity:.65;cursor:not-allowed}.admin-page .report-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}.admin-page .report-summary-item{min-width:0;padding:12px 14px;background:#fff;border:1px solid #d7dee6;border-radius:7px}.admin-page .report-summary-item span{display:block;margin-bottom:6px;color:#667386;font-size:12px;font-weight:700}.admin-page .report-summary-item strong{display:block;color:#1f2d3d;font-size:22px;line-height:1.2}.admin-page .report-panel{background:#fff;border:1px solid #d7dee6;border-radius:6px;min-height:calc(100vh - 150px);padding:10px}.admin-page .report-panel h3{margin:0 0 10px;text-align:center;color:#2f3640;font-size:30px;font-weight:600}.admin-page .product-report-chart{background:#fafbfd;border:1px solid #edf1f5;border-radius:6px;padding:12px;display:flex;flex-direction:column;gap:10px}.admin-page .product-bar-row{display:grid;grid-template-columns:minmax(160px,280px) 1fr minmax(96px,120px);gap:10px;align-items:center}.admin-page .product-label,.admin-page .product-value{font-size:13px;color:#3b4754}.admin-page .product-bar-track{height:14px;background:#e7edf4;border-radius:7px}.admin-page .product-bar-fill{height:100%;border-radius:7px;background:#1693d0}.admin-page .sales-report-chart{height:calc(100% - 44px);min-height:420px;background:#fafbfd;border:1px solid #edf1f5;border-radius:6px;padding:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(54px,1fr));gap:22px;align-items:end}.admin-page .sales-column-wrap{position:relative;height:100%;display:flex;align-items:flex-end;justify-content:center}.admin-page .sales-grid-line{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(to top,rgba(95,111,130,.2),rgba(95,111,130,.2) 1px,transparent 1px,transparent 46px);pointer-events:none}.admin-page .sales-column{width:56px;min-height:16px;background:#1693d0;border-radius:4px 4px 0 0;z-index:1}.admin-page .sales-column-label{position:absolute;bottom:-24px;font-size:13px;color:#4f5b69}.admin-page .report-panel-table{padding:10px}.admin-page .report-paper{background:#fff;border:1px solid #d7dee6;border-radius:6px;padding:12px;min-height:calc(100vh - 190px)}.admin-page .paper-headline{font-size:36px;font-weight:700;text-align:center;color:#2b313a;margin-bottom:4px}.admin-page .paper-subline{font-size:20px;text-align:center;color:#4f5b69;margin-bottom:12px}.admin-page .end-day-table{width:100%;border-collapse:collapse}.admin-page .end-day-table th{background:#d9eef9;color:#334a5f;padding:9px 8px;font-size:13px;text-align:left;border-bottom:1px solid #cad8e5}.admin-page .end-day-table td{padding:8px;border-bottom:1px solid #edf1f5;font-size:13px;color:#3b4754}.admin-page .end-day-table .summary-row td{background:#f6f3e4;font-weight:700}@media (max-width: 1023px){.admin-page .main-menu{flex-direction:column;height:auto;padding:10px;gap:10px}.admin-page .menu-items{flex-wrap:wrap;height:auto}.admin-page .menu-item-wrapper{height:auto}.admin-page .menu-item.has-submenu{height:auto;padding:8px 15px}.admin-page .menu-right{width:100%;justify-content:space-between}.admin-page .dashboard-container{grid-template-columns:1fr;padding:15px}.admin-page .stats-row{grid-template-columns:1fr;gap:15px}.admin-page .goods-layout{grid-template-columns:1fr;padding:10px}.admin-page .goods-sidebar{display:none}.admin-page .goods-toolbar{flex-direction:column;align-items:flex-start;gap:10px}.admin-page .goods-toolbar-actions{width:100%;justify-content:space-between}.admin-page .staff-toolbar-search{max-width:100%;width:100%}.admin-page .goods-table-wrap{overflow-x:auto}.admin-page .goods-table{min-width:800px}.admin-page .schedule-table-wrap{overflow-x:auto}.admin-page .schedule-table{min-width:1000px}.admin-page .reports-layout{grid-template-columns:1fr;padding:10px}.admin-page .cashbook-summary{grid-template-columns:repeat(2,1fr);gap:10px;padding:10px}.admin-page .report-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 767px){.admin-page .top-header{padding:0 10px}.admin-page .logo-text{display:none}.admin-page .top-nav-left{margin-left:10px}.admin-page .top-nav{gap:10px;font-size:12px}.admin-page .top-nav-item span{display:none}.admin-page .main-menu{padding:8px}.admin-page .menu-items{display:none}.admin-page .menu-right{flex-direction:column;gap:8px}.admin-page .btn-action{width:100%;justify-content:center;padding:8px 12px}.admin-page .hamburger-menu{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff3;border:none;border-radius:4px;color:#fff;font-size:20px;cursor:pointer}.admin-page .mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.admin-page .mobile-menu-drawer{position:fixed;top:0;left:0;width:280px;height:100vh;background:#fff;z-index:1000;overflow-y:auto;box-shadow:2px 0 8px #00000026}.admin-page .mobile-menu-header{background:#0070e0;color:#fff;padding:15px;display:flex;justify-content:space-between;align-items:center}.admin-page .mobile-menu-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer}.admin-page .mobile-menu-items{padding:10px 0}.admin-page .mobile-menu-item{padding:12px 15px;border-bottom:1px solid #eee;cursor:pointer;color:#333;font-size:14px}.admin-page .mobile-menu-item.active{background:#e7f3ff;color:#0070e0;font-weight:600}.admin-page .mobile-submenu{padding-left:15px;background:#f9f9f9}.admin-page .mobile-submenu-item{padding:10px 15px;border-bottom:1px solid #eee;cursor:pointer;color:#666;font-size:13px}.admin-page .mobile-submenu-item.active{color:#0070e0;font-weight:600}.admin-page .dashboard-container{padding:10px}.admin-page .card{padding:15px;margin-bottom:15px}.admin-page .goods-toolbar h2,.admin-page .schedule-toolbar h2{font-size:18px}.admin-page .goods-add-btn,.admin-page .goods-btn{font-size:12px;padding:6px 10px}.admin-page .goods-table th,.admin-page .goods-table td{font-size:12px;padding:6px}.admin-page .schedule-toolbar{flex-direction:column;align-items:flex-start;gap:10px}.admin-page .schedule-toolbar-actions{width:100%;flex-direction:column}.admin-page .schedule-search{width:100%}.admin-page .cashbook-summary,.admin-page .report-summary-grid,.admin-page .report-export-options{grid-template-columns:1fr}.admin-page .cashbook-summary-item strong{font-size:24px}.admin-page .report-panel h3,.admin-page .paper-headline{font-size:20px}.admin-page .paper-subline{font-size:16px}}@media (max-width: 1023px){.admin-page .goods-table-wrap,.admin-page .schedule-table-wrap,.admin-page .report-paper{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-page .end-day-table{min-width:600px}}@media (max-width: 767px){.admin-page .modal-body form{display:flex;flex-direction:column;gap:15px}.admin-page .modal-body .form-row{flex-direction:column;gap:15px}.admin-page .modal-body .form-group{width:100%}.admin-page .modal-body input,.admin-page .modal-body select,.admin-page .modal-body textarea{width:100%;font-size:16px}.admin-page .modal-actions{flex-direction:column-reverse;gap:10px}.admin-page .modal-actions button{width:100%}.admin-page .modal-overlay{align-items:flex-start;padding:12px}.admin-page .staff-form-modal,.admin-page .schedule-form-modal{width:100%;max-height:calc(100vh - 24px)}.admin-page .staff-form,.admin-page .schedule-form{max-height:calc(100vh - 86px)}.admin-page .staff-form-body,.admin-page .staff-form-section{padding:12px}.admin-page .staff-form-grid,.admin-page .staff-form-grid.compact{grid-template-columns:1fr}}@media (max-width: 1200px){.admin-page .reports-layout{grid-template-columns:1fr}.admin-page .report-panel{min-height:auto}.admin-page .product-bar-row{grid-template-columns:1fr;gap:6px}.admin-page .sales-report-chart{min-height:320px}.admin-page .reports-title{font-size:20px}.admin-page .report-filter-card h3{font-size:18px}.admin-page .report-option,.admin-page .report-select,.admin-page .paper-subline{font-size:14px}.admin-page .paper-headline{font-size:24px}.admin-page .end-day-table th,.admin-page .end-day-table td{font-size:12px}}.loading-spinner{display:flex;justify-content:center;align-items:center;padding:20px}.loading-spinner--small{padding:10px}.loading-spinner--large{padding:40px}.spinner{border:3px solid rgba(0,0,0,.1);border-top-color:#3498db;border-radius:50%;animation:spin .8s linear infinite}.loading-spinner--small .spinner{width:20px;height:20px;border-width:2px}.loading-spinner--medium .spinner{width:40px;height:40px;border-width:3px}.loading-spinner--large .spinner{width:60px;height:60px;border-width:4px}.loading-spinner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#ffffffe6;display:flex;justify-content:center;align-items:center;z-index:9999}@keyframes spin{to{transform:rotate(360deg)}}.error-message{border-radius:8px;padding:12px 16px;margin:12px 0;display:flex;flex-direction:column;gap:8px;box-shadow:0 2px 4px #0000001a;animation:slideIn .3s ease-out}.error-content{display:flex;align-items:flex-start;gap:12px;flex:1}.error-icon{font-size:20px;flex-shrink:0;line-height:1.4}.error-text{flex:1;line-height:1.5;color:inherit}.error-dismiss{position:absolute;top:8px;right:8px;background:none;border:none;font-size:24px;line-height:1;cursor:pointer;padding:4px 8px;color:inherit;opacity:.7;transition:opacity .2s}.error-dismiss:hover{opacity:1}.error-dismiss:focus{outline:2px solid currentColor;outline-offset:2px;border-radius:4px}.error-details{list-style:none;padding:8px 0 0 32px;margin:0;font-size:14px}.error-details li{margin:4px 0;line-height:1.4}.error-details strong{text-transform:capitalize;margin-right:4px}.error-critical{background-color:#fee;border:1px solid #fcc;color:#c33;position:relative}.error-warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404;position:relative}.error-auth{background-color:#fff3e0;border:1px solid #ffe0b2;color:#e65100;position:relative}.error-default{background-color:#f8f9fa;border:1px solid #dee2e6;color:#495057;position:relative}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.error-message{padding:10px 12px;margin:8px 0}.error-icon{font-size:18px}.error-details{padding-left:24px;font-size:13px}}.confirm-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-in-out}.confirm-dialog-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:400px;max-width:500px;animation:slideIn .2s ease-out}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-dialog-header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid #e5e7eb}.confirm-dialog-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.dialog-icon-warning{font-size:24px;color:#f59e0b}.dialog-icon-danger{font-size:24px;color:#ef4444}.dialog-icon-info{font-size:24px;color:#3b82f6}.confirm-dialog-body{padding:20px 24px}.confirm-dialog-body p{margin:0;font-size:15px;line-height:1.6;color:#4b5563}.confirm-dialog-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background-color:#f9fafb;border-radius:0 0 8px 8px}.confirm-dialog-btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;min-width:80px}.confirm-dialog-btn:focus{outline:none;box-shadow:0 0 0 3px #3b82f64d}.confirm-dialog-btn-cancel{background-color:#fff;color:#6b7280;border:1px solid #d1d5db}.confirm-dialog-btn-cancel:hover{background-color:#f9fafb;border-color:#9ca3af}.confirm-dialog-btn-confirm{color:#fff}.confirm-dialog-btn-warning{background-color:#f59e0b}.confirm-dialog-btn-warning:hover{background-color:#d97706}.confirm-dialog-btn-danger{background-color:#ef4444}.confirm-dialog-btn-danger:hover{background-color:#dc2626}.confirm-dialog-btn-info{background-color:#3b82f6}.confirm-dialog-btn-info:hover{background-color:#2563eb}.confirm-dialog-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.confirm-dialog-content{min-width:90%;max-width:90%;margin:0 16px}.confirm-dialog-header,.confirm-dialog-body{padding:16px 20px}.confirm-dialog-footer{padding:12px 20px;flex-direction:column-reverse}.confirm-dialog-btn{width:100%}}.pos-page{background-color:#f0f2f5;height:100vh;display:flex;flex-direction:column;overflow:hidden}.pos-page .header{background-color:#0070e0;color:#fff;height:50px;display:flex;align-items:center;padding:0 15px;justify-content:space-between}.pos-page .header-left{display:flex;align-items:center;gap:10px}.pos-page .nav-tabs{display:flex;height:100%;margin-left:20px}.pos-page .nav-tab{padding:0 20px;display:flex;align-items:center;gap:8px;border:none;background:transparent;color:inherit;cursor:pointer;font-size:14px;height:50px}.pos-page .nav-tab.active{background-color:#fff;color:#0070e0;border-radius:8px 8px 0 0;margin-top:5px;height:45px}.pos-page .search-box{background:#fff3;border-radius:20px;padding:5px 15px;display:flex;align-items:center;width:300px;margin-left:20px}.pos-page .search-box input{background:none;border:none;color:#fff;outline:none;padding-left:10px;width:100%}.pos-page .search-box input::placeholder{color:#ffffffb3}.pos-page .header-right{display:flex;align-items:center;gap:15px;font-size:14px}.pos-page .menu-toggle-btn{border:none;background:transparent;color:inherit;font-size:14px;cursor:pointer}.pos-page .main-content{flex:1;display:flex;overflow:hidden}.pos-page .left-panel{flex:1.2;background:#fff;border-right:1px solid #ddd;display:flex;flex-direction:column;padding:15px}.pos-page .left-panel.menu-panel{background:#f4f5f7;padding:8px 10px 0}.pos-page .menu-categories{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.pos-page .menu-category-btn{border:none;background:transparent;color:#4e5661;height:28px;border-radius:14px;padding:0 12px;cursor:pointer;font-weight:600;font-size:14px}.pos-page .menu-category-btn.active{background:#0a66c2;color:#fff}.pos-page .menu-grid{flex:1;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-content:start;gap:6px;list-style:none;margin:0;padding:0 4px 0 0;overflow-y:auto}.pos-page .menu-loading{flex:1;display:flex;align-items:center;justify-content:center;min-height:300px}.pos-page .menu-item{min-width:0;height:190px}.pos-page .menu-item-card{border:1px solid #dcdfe4;border-radius:8px;background:#eceff3;padding:0;overflow:hidden;cursor:pointer;text-align:center;display:flex;flex-direction:column;justify-content:flex-start;width:100%;height:100%;text-decoration:none}.pos-page .menu-item-image-wrap{height:132px;position:relative;background:#dbe1e8}.pos-page .menu-item-image{width:100%;height:100%;object-fit:cover}.pos-page .menu-item-price{position:absolute;bottom:4px;left:50%;transform:translate(-50%);background:#0a66c2e6;color:#fff;font-size:12px;font-weight:700;border-radius:4px;padding:2px 5px}.pos-page .menu-item-name{padding:6px 8px 0;font-size:12px;font-weight:700;color:#222a33;line-height:1.2;min-height:34px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pos-page .menu-item-unit{color:#0a66c2;font-weight:600;padding:0 0 8px;font-size:11px}@media (max-width: 1440px){.pos-page .menu-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width: 1280px){.pos-page .menu-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.pos-page .menu-panel-footer{height:34px;border-top:1px solid #d7dbe1;display:flex;align-items:center;justify-content:space-between;color:#0a66c2}.pos-page .menu-help-btn{border:none;background:transparent;color:#0a66c2;cursor:pointer;font-size:20px;display:flex;align-items:center;gap:6px}.pos-page .menu-pagination{display:flex;align-items:center;gap:6px;color:#27313d}.pos-page .menu-pagination button{border:none;background:transparent;cursor:pointer;color:#6b7480}.pos-page .filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.pos-page .tabs-filter{display:flex;gap:10px}.pos-page .tab-btn{padding:6px 15px;border-radius:4px;font-size:13px;cursor:pointer;background:#eee;border:none}.pos-page .tab-btn.active{background:#0070e0;color:#fff}.pos-page .status-filter{display:flex;gap:15px;font-size:13px;align-items:center}.pos-page .table-auto-menu-toggle{display:flex;align-items:center;gap:6px;color:#27313d;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer}.pos-page .table-auto-menu-toggle input{width:15px;height:15px;cursor:pointer}.pos-page .status-item{display:flex;align-items:center;gap:5px}.pos-page .dot{width:12px;height:12px;border-radius:50%;display:inline-block}.pos-page .dot-blue{background:#0070e0}.pos-page .dot-gray{background:#ccc}.pos-page .dot-empty{border:1px solid #ccc}.pos-page .table-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:20px;overflow-y:auto;padding-top:10px}.pos-page .table-item{text-align:center;cursor:pointer;transition:transform .2s}.pos-page .table-item:hover{transform:scale(1.05)}.pos-page .table-item.selected .table-icon{border-color:#0070e0;background:#e7f3ff}.pos-page .table-item.selected .table-name{color:#0070e0;font-weight:700}.pos-page .table-item.occupied .table-icon{border-color:#ff6b00;background:#fff3e0}.pos-page .table-item.available .table-icon{border-color:#52c41a;background:#f6ffed}.pos-page .table-item.reserved .table-icon{border-color:#faad14;background:#fffbe6}.pos-page .table-item.maintenance .table-icon{border-color:#d9d9d9;background:#f5f5f5;opacity:.6;cursor:not-allowed}.pos-page .table-status-badge{font-size:10px;color:#ff6b00;margin-top:4px;font-weight:600}.pos-page .table-rate{color:#5f6368;font-size:11px;line-height:1.3;margin-top:3px}.pos-page .status-item.active{font-weight:700;color:#0070e0}.pos-page .table-icon{width:70px;height:40px;border:2px solid #ccc;border-radius:8px;margin:0 auto 8px;position:relative}.pos-page .table-icon:before,.pos-page .table-icon:after{content:"";position:absolute;width:10px;height:20px;border:2px solid #ccc;top:8px}.pos-page .table-icon:before{left:-10px;border-radius:4px 0 0 4px;border-right:none}.pos-page .table-icon:after{right:-10px;border-radius:0 4px 4px 0;border-left:none}.pos-page .table-name{font-size:13px;font-weight:500}.pos-page .right-panel{flex:.8;background:#fff;display:flex;flex-direction:column}.pos-page .order-header{padding:10px 15px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.pos-page .order-tabs{display:flex;gap:5px}.pos-page .order-tab{padding:5px 15px;background:#f0f2f5;border-radius:15px;font-size:13px;display:flex;align-items:center;gap:5px}.pos-page .order-tab.active{background:#e7f3ff;color:#0070e0;border:1px solid #0070e0}.pos-page .order-search{padding:10px 15px;border-bottom:1px solid #eee;display:flex;align-items:center;gap:10px}.pos-page .order-search input{flex:1;border:none;outline:none;font-size:14px}.pos-page .play-time-section{padding:12px 15px;border-bottom:1px solid #eee;background:#f9f9f9;display:flex;flex-direction:column;gap:8px}.pos-page .play-time-display{display:flex;align-items:center;gap:8px;font-size:14px}.pos-page .play-time-label{color:#666;font-weight:500}.pos-page .play-time-value{font-size:18px;font-weight:700;color:#0070e0;font-family:Courier New,monospace}.pos-page .play-time-btn{padding:8px 16px;border-radius:4px;border:none;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:13px;transition:all .2s}.pos-page .play-time-btn.start{background:#52c41a;color:#fff}.pos-page .play-time-btn.start:hover{background:#3da80f}.pos-page .play-time-btn.stop{background:#ff4d4f;color:#fff}.pos-page .play-time-btn.stop:hover{background:#e03e40}.pos-page .time-slot-warning{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff7e6;border:1px solid #ffd591;border-radius:4px;color:#d46b08;font-size:13px;margin-bottom:8px}.pos-page .time-slot-warning i{font-size:14px}.pos-page .play-time-value.current-rate{color:#52c41a;font-weight:700}.pos-page .price-breakdown{margin-top:12px;padding:12px;background:#f9f9f9;border-radius:4px;border:1px solid #e8e8e8}.pos-page .breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:14px}.pos-page .breakdown-label{color:#666;font-weight:500}.pos-page .breakdown-value{font-weight:600;color:#333}.pos-page .breakdown-expandable{margin-top:8px;border-top:1px solid #e8e8e8;padding-top:8px}.pos-page .breakdown-toggle{width:100%;padding:8px;background:#fff;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;font-size:13px;color:#0070e0;font-weight:500;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.pos-page .breakdown-toggle:hover{background:#f0f8ff;border-color:#0070e0}.pos-page .breakdown-details{margin-top:8px;padding:8px;background:#fff;border-radius:4px;border:1px solid #e8e8e8}.pos-page .breakdown-slot{padding:6px 8px;font-size:13px;color:#666;border-bottom:1px solid #f0f0f0}.pos-page .breakdown-slot:last-child{border-bottom:none}.pos-page .breakdown-total{margin-top:8px;padding-top:8px;border-top:2px solid #0070e0;font-weight:700;color:#0070e0;font-size:14px;text-align:right}.pos-page .empty-order{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#999;text-align:center;padding:40px}.pos-page .empty-order i{font-size:60px;margin-bottom:20px;color:#0070e0;opacity:.5}.pos-page .empty-help{font-size:13px}.pos-page .order-footer{padding:15px;border-top:1px solid #eee;background:#f9f9f9}.pos-page .total-section{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:15px;font-size:16px;font-weight:500}.pos-page .total-amount{color:#0070e0;font-size:20px;font-weight:700}.pos-page .action-buttons{display:flex;gap:10px}.pos-page .action-btn{flex:1;padding:12px;border-radius:8px;border:none;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.pos-page .btn-info{background:#e7f3ff;color:#0070e0}.pos-page .btn-outline{border:1px solid #0070e0;color:#0070e0;background:#fff}.pos-page .btn-success{background:#0070e0;color:#fff;flex:2}.pos-page .btn-warning{background:#ff9800;color:#fff}.pos-page .btn-warning:hover{background:#f57c00}.pos-page .footer-pos{background:#002b55;color:#fff;height:30px;display:flex;align-items:center;padding:0 15px;font-size:12px;justify-content:space-between}.pos-page .footer-left{display:flex;gap:20px}.pos-page .user-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000002e;z-index:40}.pos-page .user-menu-drawer{position:fixed;top:0;right:0;width:405px;max-width:96vw;height:100vh;background:#f5f5f5;border-left:1px solid #d7d7d7;box-shadow:-8px 0 24px #0000001f;z-index:41;overflow-y:auto}.pos-page .drawer-header{background:#ececec;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #d7d7d7}.pos-page .drawer-user{display:flex;align-items:center;gap:10px;color:#2d2d2d;font-weight:600}.pos-page .drawer-user i{color:#9aa0a6;font-size:22px}.pos-page .drawer-close{border:none;background:transparent;color:#6b6b6b;cursor:pointer;font-size:14px}.pos-page .drawer-section{border-bottom:1px solid #d7d7d7;background:#f5f5f5;padding:6px 0}.pos-page .drawer-section.grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.pos-page .drawer-item{border:none;background:transparent;width:100%;min-height:42px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;color:#2f3438;font-size:15px;cursor:pointer}.pos-page .drawer-item-left{display:flex;align-items:center;gap:12px;font-size:15px}.pos-page .drawer-item-left i{width:20px;color:#68707a;text-align:center}.pos-page .drawer-item-trailing{color:#7c8590;font-size:18px}.pos-page .drawer-item.danger,.pos-page .drawer-item.danger .drawer-item-left i{color:#ef5350}.pos-page .order-items{flex:1;overflow-y:auto;padding:15px}.pos-page .order-item{border-bottom:1px solid #eee;padding:12px 0}.pos-page .item-info{display:flex;justify-content:space-between;margin-bottom:8px}.pos-page .item-name{font-weight:600;font-size:14px;color:#333}.pos-page .item-price{color:#666;font-size:13px}.pos-page .item-controls{display:flex;align-items:center;gap:8px;margin-bottom:8px}.pos-page .qty-btn{width:30px;height:30px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}.pos-page .qty-btn:hover{background:#f5f5f5}.pos-page .qty-input{width:60px;height:30px;border:1px solid #ddd;border-radius:4px;text-align:center;font-size:14px}.pos-page .remove-btn{margin-left:auto;width:30px;height:30px;border:1px solid #ff4444;background:#fff;color:#f44;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.pos-page .remove-btn:hover{background:#f44;color:#fff}.pos-page .item-subtotal{text-align:right;font-weight:600;color:#0070e0;font-size:14px}.pos-page .discount-section{margin-top:15px;padding-top:15px;border-top:2px solid #eee}.pos-page .discount-input-group{display:flex;gap:8px;margin-bottom:10px}.pos-page .discount-input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.pos-page .discount-type{width:80px;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.pos-page .apply-discount-btn{padding:8px 16px;background:#0070e0;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600}.pos-page .apply-discount-btn:hover{background:#005bb5}.pos-page .discount-applied{color:#ff6b00;font-weight:600;font-size:14px}.pos-page .total-section{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.pos-page .subtotal-row,.pos-page .discount-row,.pos-page .total-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.pos-page .discount-row{color:#ff6b00}.pos-page .total-row{font-size:16px;font-weight:600;padding-top:8px;border-top:1px solid #ddd}.pos-page .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.pos-page .modal-content{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.pos-page .modal-header{padding:20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.pos-page .modal-header h3{margin:0;font-size:20px;color:#333}.pos-page .modal-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.pos-page .modal-close:hover{color:#333}.pos-page .modal-body{padding:20px}.pos-page .payment-summary{background:#f5f5f5;padding:15px;border-radius:8px;margin-bottom:20px}.pos-page .summary-row{display:flex;justify-content:space-between;align-items:center;font-size:16px}.pos-page .summary-amount{font-size:24px;font-weight:700;color:#0070e0}.pos-page .payment-method,.pos-page .payment-amount{margin-bottom:20px}.pos-page .payment-method label,.pos-page .payment-amount label{display:block;margin-bottom:8px;font-weight:600;color:#333}.pos-page .payment-method-select,.pos-page .amount-input{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px}.pos-page .payment-change{background:#e7f3ff;padding:15px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:600}.pos-page .change-amount{font-size:20px;color:#0070e0}.pos-page .modal-footer{padding:20px;border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end}.pos-page .btn-cancel,.pos-page .btn-confirm{padding:12px 24px;border-radius:4px;font-weight:600;cursor:pointer;font-size:16px}.pos-page .btn-cancel{background:#fff;border:1px solid #ddd;color:#666}.pos-page .btn-cancel:hover{background:#f5f5f5}.pos-page .btn-confirm{background:#0070e0;border:none;color:#fff}.pos-page .btn-confirm:hover{background:#005bb5}.pos-page .btn-confirm:disabled,.pos-page .btn-cancel:disabled{opacity:.5;cursor:not-allowed}.pos-page .payment-qr-display{margin:20px 0;padding:20px;background:#f9f9f9;border-radius:8px;border:2px dashed #ddd}.pos-page .payment-qr-display label{display:block;margin-bottom:12px;font-weight:600;color:#333;text-align:center}.pos-page .qr-code-container{display:flex;justify-content:center;align-items:center;padding:15px;background:#fff;border-radius:8px}.pos-page .payment-qr-image{max-width:250px;max-height:250px;width:100%;height:auto;border-radius:4px;box-shadow:0 2px 8px #0000001a}.pos-page .qr-select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;margin-bottom:12px;background:#fff;cursor:pointer}.pos-page .qr-select:focus{border-color:#0070e0;outline:none;box-shadow:0 0 0 2px #0070e01a}.pos-page .qr-title-label{text-align:center;margin:10px 0 0;font-size:14px;color:#333}.pos-page .qr-title-label span{color:#666;font-weight:400}.pos-page .qr-instruction{text-align:center;margin:12px 0 0;font-size:14px;color:#666;font-style:italic}@media (max-width: 1023px){.pos-page .search-box{width:200px}.pos-page .main-content{flex-direction:column}.pos-page .left-panel,.pos-page .right-panel{flex:1;width:100%}.pos-page .left-panel{max-height:50vh;border-right:none;border-bottom:1px solid #ddd}.pos-page .right-panel{max-height:50vh}.pos-page .menu-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.pos-page .table-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:15px}}@media (max-width: 767px){.pos-page .header{padding:0 10px;height:45px}.pos-page .nav-tabs{margin-left:10px}.pos-page .nav-tab{padding:0 12px;font-size:13px;height:45px}.pos-page .nav-tab.active{height:40px}.pos-page .nav-tab span,.pos-page .search-box{display:none}.pos-page .header-right{gap:10px;font-size:13px}.pos-page .header-right span{display:none}.pos-page .main-content{flex-direction:column}.pos-page .left-panel,.pos-page .right-panel{flex:1;width:100%}.pos-page .left-panel{max-height:45vh;padding:10px}.pos-page .right-panel{max-height:55vh}.pos-page .menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pos-page .menu-item{height:160px}.pos-page .menu-item-image-wrap{height:110px}.pos-page .menu-item-name{font-size:11px;min-height:28px;padding:4px 6px 0}.pos-page .menu-item-unit{font-size:10px;padding:0 0 6px}.pos-page .menu-item-price{font-size:11px}.pos-page .table-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:12px}.pos-page .table-icon{width:60px;height:35px}.pos-page .table-name{font-size:12px}.pos-page .filter-bar{flex-direction:column;align-items:flex-start;gap:10px}.pos-page .tabs-filter{width:100%;overflow-x:auto}.pos-page .status-filter{width:100%;justify-content:space-between}.pos-page .order-header{padding:8px 10px}.pos-page .order-tabs{flex-wrap:wrap;gap:4px}.pos-page .order-tab{padding:4px 10px;font-size:12px}.pos-page .order-search{padding:8px 10px}.pos-page .order-items{padding:10px}.pos-page .order-item{padding:10px 0}.pos-page .item-name{font-size:13px}.pos-page .item-price{font-size:12px}.pos-page .order-footer{padding:12px}.pos-page .total-section{font-size:13px}.pos-page .total-amount{font-size:18px}.pos-page .action-buttons{flex-direction:column}.pos-page .action-btn{width:100%;padding:10px;font-size:14px}.pos-page .footer-pos{height:25px;font-size:11px;padding:0 10px}.pos-page .footer-left{gap:10px}.pos-page .user-menu-drawer{width:100%;max-width:100%}.pos-page .modal-content{width:95%;max-width:95%}.pos-page .modal-header{padding:15px}.pos-page .modal-header h3{font-size:18px}.pos-page .modal-body{padding:15px}.pos-page .payment-summary{padding:12px}.pos-page .summary-row{font-size:14px}.pos-page .summary-amount{font-size:20px}.pos-page .payment-method-select,.pos-page .amount-input{font-size:16px;padding:10px}.pos-page .payment-change{padding:12px;font-size:14px}.pos-page .change-amount{font-size:18px}.pos-page .modal-footer{padding:15px;flex-direction:column-reverse}.pos-page .btn-cancel,.pos-page .btn-confirm{width:100%;padding:10px;font-size:14px}.pos-page .payment-qr-image{max-width:200px;max-height:200px}.pos-page .qr-instruction{font-size:13px}.pos-page .empty-order{padding:20px}.pos-page .empty-order i{font-size:40px;margin-bottom:15px}.pos-page .empty-help{font-size:12px}}@media (max-width: 767px) and (orientation: landscape){.pos-page .left-panel{max-height:60vh}.pos-page .right-panel{max-height:40vh}.pos-page .menu-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.pos-page .menu-item{height:140px}.pos-page .menu-item-image-wrap{height:90px}}@media (max-width: 479px){.pos-page .menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-page .table-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:10px}.pos-page .menu-categories{gap:6px}.pos-page .menu-category-btn{font-size:12px;padding:0 10px;height:26px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.modal-confirm{max-width:400px}.modal-header{padding:20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:20px;color:#333}.modal-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#333}.modal-body{padding:20px}.modal-body p{margin:10px 0}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-group input[type=text],.form-group input[type=number],.form-group select,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#0070e0}.form-group input.input-error,.form-group select.input-error{border-color:#dc3545}.form-group .error-text{display:block;color:#dc3545;font-size:12px;margin-top:5px}.form-group textarea{resize:vertical;font-family:inherit}.modal-footer{padding:20px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:10px}.btn-cancel,.btn-submit,.btn-delete{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-cancel{background:#f5f5f5;color:#333}.btn-cancel:hover{background:#e0e0e0}.btn-submit{background:#0070e0;color:#fff}.btn-submit:hover{background:#005bb5}.btn-delete{background:#dc3545;color:#fff}.btn-delete:hover{background:#c82333}.btn-cancel:disabled,.btn-submit:disabled,.btn-delete:disabled{opacity:.6;cursor:not-allowed}.goods-btn-action{background:none;border:none;color:#0070e0;cursor:pointer;padding:5px 10px;font-size:16px;transition:color .2s}.goods-btn-action:hover{color:#005bb5}.goods-btn-action:disabled{opacity:.5;cursor:not-allowed}.goods-btn-action:last-child{color:#dc3545}.goods-btn-action:last-child:hover{color:#c82333}.pricing-view{padding:20px;background:#f5f5f5;min-height:calc(100vh - 120px)}.pricing-header{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.pricing-header h2{margin:0 0 20px;font-size:24px;color:#333}.pricing-filters{display:flex;gap:15px;align-items:center}.pricing-search{flex:1;padding:10px 15px;border:1px solid #ddd;border-radius:4px;font-size:14px}.pricing-search:focus{outline:none;border-color:#0070e0}.pricing-category-filter{padding:10px 15px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff;cursor:pointer;min-width:200px}.pricing-category-filter:focus{outline:none;border-color:#0070e0}.pricing-table-wrap{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.pricing-table{width:100%;border-collapse:collapse}.pricing-table thead{background:#f8f9fa}.pricing-table th{padding:15px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #dee2e6}.pricing-table tbody tr{border-bottom:1px solid #dee2e6;transition:background-color .2s}.pricing-table tbody tr:hover{background:#f8f9fa}.pricing-table td{padding:15px;color:#666}.price-display{font-weight:600;color:#28a745;font-size:16px}.price-edit-cell{display:flex;flex-direction:column;gap:5px}.price-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:150px}.price-input:focus{outline:none;border-color:#0070e0}.price-input.input-error{border-color:#dc3545}.error-text{color:#dc3545;font-size:12px}.price-actions{display:flex;gap:10px}.btn-edit,.btn-save,.btn-cancel-inline{background:none;border:none;cursor:pointer;padding:8px 12px;font-size:16px;border-radius:4px;transition:all .2s}.btn-edit{color:#0070e0}.btn-edit:hover{background:#e3f2fd;color:#005bb5}.btn-save{color:#28a745}.btn-save:hover{background:#d4edda;color:#1e7e34}.btn-cancel-inline{color:#dc3545}.btn-cancel-inline:hover{background:#f8d7da;color:#c82333}.btn-edit:disabled,.btn-save:disabled,.btn-cancel-inline:disabled{opacity:.5;cursor:not-allowed}.pricing-table-footer{padding:15px;background:#f8f9fa;border-top:1px solid #dee2e6;color:#666;font-size:14px}@media (max-width: 768px){.pricing-view{padding:10px}.pricing-header{padding:15px}.pricing-filters{flex-direction:column;gap:10px}.pricing-category-filter{width:100%}.pricing-table-wrap{overflow-x:auto}.pricing-table{min-width:600px}.pricing-table th,.pricing-table td{padding:10px;font-size:13px}}.inventory-view{padding:20px;background:#f5f5f5;min-height:calc(100vh - 120px)}.inventory-header{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.inventory-header h2{margin:0 0 20px;font-size:24px;color:#333}.inventory-filters{display:flex;gap:15px;align-items:center}.inventory-search{flex:1;padding:10px 15px;border:1px solid #ddd;border-radius:4px;font-size:14px}.inventory-search:focus{outline:none;border-color:#0070e0}.inventory-category-filter{padding:10px 15px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff;cursor:pointer;min-width:200px}.inventory-category-filter:focus{outline:none;border-color:#0070e0}.btn-save-inventory{padding:10px 20px;background:#28a745;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.btn-save-inventory:hover{background:#218838}.btn-save-inventory:disabled{background:#6c757d;cursor:not-allowed}.success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:4px;padding:15px;margin-bottom:20px;display:flex;align-items:center;gap:10px}.success-icon{color:#28a745;font-size:20px;font-weight:700}.success-text{color:#155724;font-size:14px}.inventory-table-wrap{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.inventory-table{width:100%;border-collapse:collapse}.inventory-table thead{background:#f8f9fa}.inventory-table th{padding:15px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #dee2e6}.inventory-table tbody tr{border-bottom:1px solid #dee2e6;transition:background-color .2s}.inventory-table tbody tr:hover{background:#f8f9fa}.inventory-table td{padding:15px;color:#666}.quantity-cell{font-weight:600;color:#333;font-size:16px}.actual-quantity-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:120px}.actual-quantity-input:focus{outline:none;border-color:#0070e0}.difference{font-weight:600;font-size:16px;padding:4px 8px;border-radius:4px;display:inline-block}.difference-negative{color:#dc3545;background:#f8d7da}.difference-positive{color:#28a745;background:#d4edda}.difference-zero{color:#6c757d;background:#e9ecef}.inventory-table-footer{padding:15px;background:#f8f9fa;border-top:1px solid #dee2e6;color:#666;font-size:14px}@media (max-width: 768px){.inventory-view{padding:10px}.inventory-header{padding:15px}.inventory-filters{flex-direction:column;gap:10px}.inventory-category-filter,.btn-save-inventory{width:100%}.inventory-table-wrap{overflow-x:auto}.inventory-table{min-width:700px}.inventory-table th,.inventory-table td{padding:10px;font-size:13px}.actual-quantity-input{width:100px}}.transactions-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.summary-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #00000014;transition:transform .2s,box-shadow .2s}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.summary-card-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.summary-card.receipt .summary-card-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.summary-card.expense .summary-card-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.summary-card.balance .summary-card-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.summary-card-content{flex:1}.summary-card-label{font-size:13px;color:#6b7280;margin-bottom:4px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.summary-card-value{font-size:24px;font-weight:700;color:#111827}.transactions-table{font-size:14px}.transactions-table thead th{background:#f9fafb;color:#374151;font-weight:600;text-transform:uppercase;font-size:12px;letter-spacing:.5px;padding:12px 16px}.transaction-row{cursor:pointer;transition:background-color .15s}.transaction-row:hover{background-color:#f9fafb}.transaction-row td{padding:16px;vertical-align:top}.transaction-code{font-family:Monaco,Courier New,monospace;font-size:13px;color:#6b7280;font-weight:500}.transaction-date{font-size:13px;color:#6b7280;white-space:nowrap}.transaction-type-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.transaction-type-badge.receipt{background:#d1fae5;color:#065f46}.transaction-type-badge.expense{background:#fee2e2;color:#991b1b}.transaction-type-badge i{font-size:10px}.transaction-table-info{display:flex;flex-direction:column;gap:2px}.transaction-table-name{font-weight:600;color:#111827;font-size:14px}.transaction-order-number{font-size:12px;color:#6b7280;font-family:Monaco,Courier New,monospace}.transaction-person{color:#6b7280;font-size:13px}.transaction-order-summary{display:flex;flex-direction:column;gap:8px}.transaction-items-preview{display:flex;flex-direction:column;gap:4px}.transaction-item-preview{display:flex;align-items:center;gap:6px;font-size:13px;color:#374151}.transaction-item-preview .item-bullet{color:#9ca3af;font-size:16px;line-height:1}.transaction-item-preview .item-name{flex:1;font-weight:500}.transaction-item-preview .item-qty{color:#6b7280;font-size:12px;font-weight:600}.transaction-items-more{font-size:12px;color:#6b7280;font-style:italic;padding-left:16px}.transaction-table-time-preview{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#eff6ff;border-radius:6px;font-size:12px;color:#1e40af;font-weight:500}.transaction-table-time-preview i{font-size:11px}.transaction-table-time-preview .time-charge{margin-left:auto;font-weight:600}.transaction-note{font-size:13px;color:#6b7280;line-height:1.5}.transaction-empty{color:#d1d5db}.transaction-amount{font-size:16px;font-weight:700;white-space:nowrap}.transaction-amount.receipt{color:#059669}.transaction-amount.expense{color:#dc2626}.transaction-creator{font-size:13px;color:#6b7280}.transaction-modal-content{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.transaction-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px;border-bottom:1px solid #e5e7eb}.transaction-modal-header h3{margin:0;font-size:20px;font-weight:700;color:#111827}.transaction-modal-code{margin:4px 0 0;font-size:13px;color:#6b7280;font-family:Monaco,Courier New,monospace}.transaction-modal-header .modal-close{background:#f3f4f6;border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s}.transaction-modal-header .modal-close:hover{background:#e5e7eb;color:#111827}.transaction-modal-body{flex:1;overflow-y:auto;padding:24px}.transaction-modal-summary{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:#f9fafb;border-radius:12px;margin-bottom:24px}.transaction-modal-type{display:flex;justify-content:center}.transaction-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:8px;font-size:13px;font-weight:600}.transaction-badge.receipt{background:#d1fae5;color:#065f46}.transaction-badge.expense{background:#fee2e2;color:#991b1b}.transaction-modal-amount{font-size:36px;font-weight:800}.transaction-modal-amount.receipt{color:#059669}.transaction-modal-amount.expense{color:#dc2626}.transaction-order-details{display:flex;flex-direction:column;gap:20px}.transaction-detail-section{display:flex;flex-direction:column;gap:8px}.transaction-detail-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.transaction-detail-label i{font-size:14px;color:#9ca3af}.transaction-detail-value{font-size:14px;color:#111827;line-height:1.6}.transaction-detail-value strong{font-weight:600}.transaction-order-number{display:inline-block;margin-top:4px;padding:2px 8px;background:#f3f4f6;border-radius:4px;font-size:12px;color:#6b7280;font-family:Monaco,Courier New,monospace}.transaction-items-list{display:flex;flex-direction:column;gap:8px}.transaction-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#f9fafb;border-radius:8px}.transaction-item-name{display:flex;align-items:center;gap:8px;flex:1;font-size:14px;color:#111827}.transaction-item-bullet{color:#9ca3af;font-size:16px}.transaction-item-qty{padding:2px 8px;background:#fff;border-radius:4px;font-size:12px;font-weight:600;color:#6b7280}.transaction-item-price{font-size:14px;font-weight:600;color:#111827}.transaction-table-time{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#eff6ff;border-radius:8px}.transaction-time-minutes{font-size:16px;font-weight:600;color:#1e40af}.transaction-time-charge{font-size:16px;font-weight:700;color:#1e40af}.transaction-meta{display:flex;flex-direction:column;gap:8px;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.transaction-meta-item{display:flex;align-items:center;gap:10px;font-size:13px;color:#6b7280}.transaction-meta-item i{width:16px;text-align:center;color:#9ca3af}.transaction-modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}@media (max-width: 768px){.transactions-summary-cards{grid-template-columns:1fr}.transaction-modal-content{width:95%;max-height:95vh}.transaction-modal-amount{font-size:28px}}.payment-settings-view{padding:24px;max-width:1200px;margin:0 auto}.payment-settings-header{margin-bottom:32px}.payment-settings-header h2{font-size:24px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.payment-settings-description{font-size:14px;color:#666;margin:0}.upload-error-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;margin-bottom:16px}.upload-error-message i{font-size:16px}.payment-qr-section{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a}.qr-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e5e5}.qr-section-header h3{font-size:18px;font-weight:600;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:8px}.qr-count{font-size:14px;font-weight:400;color:#888}.btn-upload{display:flex;align-items:center;gap:8px;padding:10px 18px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;background-color:#2196f3;color:#fff}.btn-upload:hover:not(:disabled){background-color:#1976d2;transform:translateY(-1px);box-shadow:0 2px 8px #2196f34d}.btn-upload:disabled{opacity:.5;cursor:not-allowed}.qr-upload-form{background:#f8f9fc;border:2px dashed #d0d5dd;border-radius:8px;padding:24px;margin-bottom:24px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.qr-upload-form h4{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 16px}.upload-form-fields{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:#344054}.required{color:#e53e3e}.form-input{padding:10px 14px;border:1px solid #d0d5dd;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s}.form-input:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.file-upload-area{position:relative}.file-input{position:absolute;width:0;height:0;opacity:0}.file-upload-label{display:flex;align-items:center;gap:10px;padding:14px 20px;border:1px dashed #b0b5c0;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s;font-size:14px;color:#555}.file-upload-label:hover{border-color:#2196f3;background:#f0f7ff;color:#2196f3}.file-upload-label i{font-size:20px;color:#2196f3}.upload-preview{display:flex;justify-content:center;padding:16px;background:#fff;border-radius:8px;border:1px solid #e5e5e5}.preview-image{max-width:250px;max-height:250px;border-radius:6px;box-shadow:0 2px 8px #0000001a}.upload-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #e5e5e5}.btn-cancel-upload{padding:10px 20px;border:1px solid #d0d5dd;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;background:#fff;color:#344054;transition:all .2s}.btn-cancel-upload:hover:not(:disabled){background:#f3f4f6}.btn-confirm-upload{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;background:#2196f3;color:#fff;transition:all .2s}.btn-confirm-upload:hover:not(:disabled){background:#1976d2}.btn-confirm-upload:disabled{opacity:.5;cursor:not-allowed}.qr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:24px}.qr-card{position:relative;border:1px solid #e5e5e5;border-radius:10px;overflow:hidden;background:#fff;transition:all .2s;box-shadow:0 1px 3px #0000000d}.qr-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.qr-card-default{border-color:#2196f3;border-width:2px;box-shadow:0 2px 8px #2196f326}.qr-card-inactive{opacity:.6}.qr-card-inactive .qr-card-image{filter:grayscale(60%)}.qr-default-badge,.qr-inactive-badge{position:absolute;top:10px;left:10px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;z-index:2;display:flex;align-items:center;gap:4px}.qr-default-badge{background:#2196f3;color:#fff}.qr-inactive-badge{background:#9e9e9e;color:#fff;bottom:auto;left:auto;right:10px;top:10px}.qr-card-image{display:flex;justify-content:center;align-items:center;padding:20px;background:#fafafa;min-height:200px}.qr-image{max-width:200px;max-height:200px;width:auto;height:auto;border-radius:4px;box-shadow:0 2px 8px #00000014}.qr-card-info{padding:16px;border-top:1px solid #f0f0f0}.qr-title{font-size:15px;font-weight:600;color:#1a1a1a;margin:0 0 4px}.qr-description{font-size:13px;color:#666;margin:0 0 8px;line-height:1.4}.qr-created{font-size:12px;color:#999;display:flex;align-items:center;gap:6px;margin:0}.qr-created i{font-size:11px}.qr-edit-form{display:flex;flex-direction:column;gap:8px}.qr-edit-form .form-input{padding:8px 10px;font-size:13px}.edit-actions{display:flex;gap:8px;margin-top:4px}.qr-card-actions{display:flex;gap:4px;padding:10px 16px;background:#f8f8f8;border-top:1px solid #f0f0f0;justify-content:flex-end}.btn-sm{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 10px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;min-width:32px}.btn-set-default{background:#e3f2fd;color:#1976d2}.btn-set-default:hover{background:#bbdefb}.btn-edit{background:#f3f4f6;color:#555}.btn-edit:hover{background:#e5e7eb;color:#333}.btn-toggle-off{background:#fff3e0;color:#ef6c00}.btn-toggle-off:hover{background:#ffe0b2}.btn-toggle-on{background:#e8f5e9;color:#2e7d32}.btn-toggle-on:hover{background:#c8e6c9}.btn-delete-qr{background:#ffebee;color:#c62828}.btn-delete-qr:hover{background:#ffcdd2}.btn-save{background:#2196f3;color:#fff}.btn-save:hover{background:#1976d2}.btn-cancel-edit{background:#f3f4f6;color:#555}.btn-cancel-edit:hover{background:#e5e7eb}.qr-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;color:#999}.qr-empty i{font-size:64px;margin-bottom:16px;color:#ddd}.qr-empty p{margin:8px 0;font-size:16px}.qr-empty-help{font-size:14px;color:#aaa;max-width:400px}.qr-instructions{margin-top:32px;padding-top:24px;border-top:1px solid #e5e5e5}.qr-instructions h4{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:12px}.qr-instructions ul{list-style:none;padding:0;margin:0}.qr-instructions li{padding:8px 0 8px 24px;position:relative;font-size:14px;color:#666}.qr-instructions li:before{content:"•";position:absolute;left:8px;color:#2196f3;font-weight:700}@media (max-width: 768px){.payment-settings-view{padding:16px}.qr-section-header{flex-direction:column;align-items:flex-start;gap:16px}.btn-upload{width:100%;justify-content:center}.qr-grid{grid-template-columns:1fr}.upload-form-actions{flex-direction:column}.btn-cancel-upload,.btn-confirm-upload{width:100%;justify-content:center}}.bill-template-view{display:flex;gap:24px;padding:24px;max-width:1400px;margin:0 auto;min-height:calc(100vh - 120px)}.bill-template-form{flex:1;min-width:0}.form-header{margin-bottom:24px}.form-header h2{font-size:22px;font-weight:600;color:#1a1a1a;margin-bottom:6px;display:flex;align-items:center;gap:10px}.form-header h2 i{color:#2196f3}.form-description{font-size:14px;color:#666;margin:0}.form-body{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:20px}.bill-template-form .form-group{display:flex;flex-direction:column;gap:6px}.bill-template-form .form-group label{font-size:13px;font-weight:600;color:#344054}.bill-template-form .form-input{padding:10px 14px;border:1px solid #d0d5dd;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s}.bill-template-form .form-input:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.toggle-wrapper{display:flex;align-items:center;gap:12px}.toggle-btn{position:relative;width:48px;height:26px;border:none;border-radius:13px;background:#ccc;cursor:pointer;transition:background .2s;padding:0}.toggle-btn.active{background:#2196f3}.toggle-slider{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0003}.toggle-btn.active .toggle-slider{transform:translate(22px)}.toggle-label{font-size:14px;color:#555}.form-actions{display:flex;gap:12px;margin-top:20px}.btn-reset,.btn-save{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-reset{background:#fff;border:1px solid #d0d5dd;color:#344054}.btn-reset:hover:not(:disabled){background:#f3f4f6}.btn-save{background:#2196f3;border:none;color:#fff}.btn-save:hover:not(:disabled){background:#1976d2}.btn-reset:disabled,.btn-save:disabled{opacity:.5;cursor:not-allowed}.bill-placeholders{margin-top:24px;background:#f0f7ff;border-radius:8px;padding:20px;border:1px solid #d0e7ff}.bill-placeholders h4{font-size:14px;font-weight:600;color:#1565c0;margin-bottom:12px;display:flex;align-items:center;gap:8px}.bill-placeholders ul{list-style:none;padding:0;margin:0}.bill-placeholders li{font-size:13px;color:#444;padding:4px 0 4px 20px;position:relative;line-height:1.5}.bill-placeholders li:before{content:"•";position:absolute;left:6px;color:#2196f3;font-weight:700}.bill-template-preview{width:320px;flex-shrink:0;position:sticky;top:24px;align-self:flex-start}.preview-header{margin-bottom:12px}.preview-header h3{font-size:16px;font-weight:600;color:#1a1a1a;text-align:right}.preview-container{background:#f5f5f5;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a}.receipt-preview{background:#fff;padding:16px 12px;font-family:Courier New,Consolas,monospace;font-size:11px;color:#000;line-height:1.4;box-shadow:0 2px 8px #0000001a;border-radius:2px}.rp-header{text-align:center;margin-bottom:6px}.rp-store-name{font-size:16px;font-weight:700;margin-bottom:2px}.rp-store-info{font-size:10px;color:#333}.rp-divider{border-top:1px dashed #999;margin:6px 0}.rp-divider-bold{border-top:2px solid #000;margin:6px 0}.rp-title{text-align:center;font-size:14px;font-weight:700;margin:6px 0 2px}.rp-subtitle{text-align:center;font-size:10px;color:#555;margin-bottom:6px}.rp-table-badge-wrap{text-align:center;margin-bottom:4px}.rp-table-badge{display:inline-block;padding:2px 12px;border:1px solid #000;font-size:12px;font-weight:700}.rp-time-row{display:flex;justify-content:space-between;font-size:10px;color:#333;margin-bottom:4px}.rp-table{width:100%;border-collapse:collapse}.rp-table th{font-size:10px;font-weight:700;text-align:left;padding:2px 1px;border-bottom:1px solid #000}.rp-table td{font-size:10px;padding:2px 1px}.rp-table .text-right{text-align:right}.rp-table .text-center{text-align:center}.rp-section-break{padding-top:4px!important;border-top:1px dashed #ccc}.rp-time-header td{padding-top:3px}.rp-time-detail td{padding:0 1px}.rp-muted{font-size:9px!important;color:#666}.rp-totals{margin-top:4px}.rp-total-row{display:flex;justify-content:space-between;font-size:11px;padding:1px 0}.rp-discount{color:#c00}.rp-grand{font-size:13px;font-weight:700;border-top:1px solid #000;padding-top:4px;margin-top:3px}.rp-qr-section{text-align:center;margin:8px 0 4px}.rp-qr-placeholder{display:inline-flex;flex-direction:column;align-items:center;gap:4px;padding:12px 24px;border:2px dashed #ccc;border-radius:4px;color:#999}.rp-qr-placeholder i{font-size:40px}.rp-qr-placeholder span{font-size:10px}.rp-footer{text-align:center;margin-top:8px;padding-top:6px;border-top:1px dashed #999}.rp-footer-msg{font-size:11px;font-weight:700;font-style:italic;color:#333}@media (max-width: 900px){.bill-template-view{flex-direction:column;padding:16px}.bill-template-preview{width:100%;position:static}.preview-header h3{text-align:left}.preview-container{max-width:320px;margin:0 auto}}.timeslot-container{padding:24px;background:#f8f9fa;min-height:100vh}.timeslot-header{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.timeslot-header h2{margin:0;font-size:24px;font-weight:600;color:#1a1a1a;display:flex;align-items:center;gap:12px}.timeslot-header h2 i{color:#0070e0}.timeslot-btn-add{background:linear-gradient(135deg,#0070e0,#005bb5);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 12px #0070e04d}.timeslot-btn-add:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0070e066}.timeslot-btn-add:active{transform:translateY(0)}.timeslot-btn-add:disabled{opacity:.6;cursor:not-allowed;transform:none}.timeslot-alert{padding:16px 20px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:12px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.timeslot-alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.timeslot-alert-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.timeslot-alert i{font-size:18px}.timeslot-alert-close{margin-left:auto;background:none;border:none;color:inherit;cursor:pointer;padding:4px;opacity:.7;transition:opacity .2s}.timeslot-alert-close:hover{opacity:1}.timeslot-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.timeslot-table{width:100%;border-collapse:collapse}.timeslot-table thead{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.timeslot-table thead th{padding:16px 20px;text-align:left;font-weight:600;font-size:13px;color:#495057;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #dee2e6}.timeslot-table tbody tr{border-bottom:1px solid #f1f3f5;transition:background-color .2s ease}.timeslot-table tbody tr:hover{background-color:#f8f9fa}.timeslot-table tbody tr:last-child{border-bottom:none}.timeslot-table tbody td{padding:20px;color:#495057;font-size:14px}.timeslot-table tbody td:first-child{font-weight:500;color:#212529}.timeslot-time-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#e7f3ff;color:#0070e0;border-radius:6px;font-weight:500;font-size:13px}.timeslot-time-badge i{font-size:12px}.timeslot-badge-midnight{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;font-size:11px;font-weight:600;margin-left:8px;text-transform:uppercase;letter-spacing:.5px}.timeslot-price{font-weight:600;color:#28a745;font-size:15px}.timeslot-actions{display:flex;gap:8px}.timeslot-btn-action{background:none;border:none;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:14px}.timeslot-btn-edit{color:#0070e0;background:#e7f3ff}.timeslot-btn-edit:hover{background:#0070e0;color:#fff;transform:scale(1.1)}.timeslot-btn-delete{color:#dc3545;background:#ffe7e7}.timeslot-btn-delete:hover{background:#dc3545;color:#fff;transform:scale(1.1)}.timeslot-btn-action:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.timeslot-empty{text-align:center;padding:60px 20px;color:#6c757d}.timeslot-empty i{font-size:64px;color:#dee2e6;margin-bottom:16px}.timeslot-empty h3{margin:0 0 8px;font-size:18px;color:#495057}.timeslot-empty p{margin:0;font-size:14px}.timeslot-loading{text-align:center;padding:60px 20px}.timeslot-spinner{width:48px;height:48px;border:4px solid #f3f3f3;border-top:4px solid #0070e0;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.timeslot-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.timeslot-modal{background:#fff;border-radius:16px;width:90%;max-width:540px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.timeslot-modal-header{padding:24px 28px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff)}.timeslot-modal-header h3{margin:0;font-size:20px;font-weight:600;color:#212529;display:flex;align-items:center;gap:10px}.timeslot-modal-header h3 i{color:#0070e0}.timeslot-modal-close{background:#f8f9fa;border:none;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6c757d;transition:all .2s ease}.timeslot-modal-close:hover{background:#e9ecef;color:#212529;transform:rotate(90deg)}.timeslot-modal-body{padding:28px;max-height:calc(90vh - 180px);overflow-y:auto}.timeslot-form-group{margin-bottom:24px}.timeslot-form-label{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-weight:600;font-size:14px;color:#212529}.timeslot-form-label i{color:#0070e0;font-size:12px}.timeslot-form-input{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;color:#495057;transition:all .2s ease;box-sizing:border-box}.timeslot-form-input:focus{outline:none;border-color:#0070e0;box-shadow:0 0 0 4px #0070e01a}.timeslot-form-input.error{border-color:#dc3545}.timeslot-form-input.error:focus{box-shadow:0 0 0 4px #dc35451a}.timeslot-form-input:disabled{background:#f8f9fa;cursor:not-allowed}.timeslot-form-error{display:flex;align-items:center;gap:6px;color:#dc3545;font-size:12px;margin-top:6px}.timeslot-form-error i{font-size:11px}.timeslot-form-hint{display:flex;align-items:center;gap:6px;color:#6c757d;font-size:12px;margin-top:6px}.timeslot-form-preview{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#e7f3ff;color:#0070e0;border-radius:6px;font-size:13px;font-weight:600;margin-top:8px}.timeslot-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.timeslot-modal-footer{padding:20px 28px;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:12px;background:#f8f9fa}.timeslot-btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.timeslot-btn-cancel{background:#fff;color:#6c757d;border:2px solid #e9ecef}.timeslot-btn-cancel:hover{background:#f8f9fa;border-color:#dee2e6}.timeslot-btn-submit{background:linear-gradient(135deg,#0070e0,#005bb5);color:#fff;box-shadow:0 4px 12px #0070e04d}.timeslot-btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0070e066}.timeslot-btn-submit:active{transform:translateY(0)}.timeslot-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.timeslot-confirm-modal{max-width:440px}.timeslot-confirm-icon{width:64px;height:64px;margin:0 auto 20px;background:linear-gradient(135deg,#ffe7e7,#ffd4d4);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#dc3545;font-size:28px}.timeslot-confirm-title{text-align:center;font-size:18px;font-weight:600;color:#212529;margin:0 0 12px}.timeslot-confirm-message{text-align:center;color:#6c757d;font-size:14px;margin:0 0 8px}.timeslot-confirm-note{text-align:center;color:#adb5bd;font-size:12px;margin:0}.timeslot-btn-delete-confirm{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;box-shadow:0 4px 12px #dc35454d}.timeslot-btn-delete-confirm:hover{transform:translateY(-2px);box-shadow:0 6px 16px #dc354566}@media (max-width: 768px){.timeslot-container{padding:16px}.timeslot-header{flex-direction:column;gap:16px;align-items:stretch}.timeslot-btn-add{justify-content:center}.timeslot-table-container{overflow-x:auto}.timeslot-table{min-width:600px}.timeslot-time-grid{grid-template-columns:1fr}.timeslot-modal{width:95%;max-width:none}}.access-denied{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5;padding:20px}.access-denied-content{background-color:#fff;border-radius:8px;padding:40px;max-width:500px;text-align:center;box-shadow:0 2px 10px #0000001a}.access-denied-content h2{color:#e74c3c;font-size:28px;margin-bottom:16px;font-weight:600}.access-denied-content p{color:#555;font-size:16px;line-height:1.6;margin-bottom:12px}.access-denied-role{font-size:14px;color:#777}.access-denied-role strong{color:#333;font-weight:600}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}html,body,#root{width:100%;min-height:100%}a{color:inherit}