*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--accent:#f59e0b;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--dark:#0f172a;--dark-2:#1e293b;--gray:#64748b;--light:#f8fafc;--border:#e2e8f0;--white:#fff;--shadow-sm:0 1px 3px #0000000f;--shadow:0 4px 6px -1px #00000014;--shadow-lg:0 10px 25px -5px #0000001a;--shadow-xl:0 20px 40px -10px #00000026;--radius:12px;--radius-lg:16px;--radius-xl:24px}body{-webkit-font-smoothing:antialiased;background:#f8fafc;background:var(--light);color:#0f172a;color:var(--dark);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}button{background:none;border:none;cursor:pointer}button,input,select,textarea{font-family:inherit}img{display:block;max-width:100%}.login-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-page:before{background:radial-gradient(circle,#ffffff26,#0000 70%);border-radius:50%;content:"";height:500px;position:absolute;right:-200px;top:-200px;width:500px}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:420px;padding:48px 40px;position:relative;width:100%;z-index:1}.login-brand{margin-bottom:32px;text-align:center}.login-icon{display:block;font-size:56px;margin-bottom:12px}.login-brand h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800}.login-brand p{color:var(--gray);font-size:14px;margin-top:4px}.app-layout{display:flex;min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--dark) 0,var(--dark-2) 100%);bottom:0;box-shadow:var(--shadow-lg);color:#fff;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:transform .3s cubic-bezier(.4,0,.2,1);width:260px;z-index:100}.sidebar-brand{align-items:center;border-bottom:1px solid #ffffff14;display:flex;gap:12px;padding:24px 20px}.brand-icon{font-size:32px}.sidebar-brand h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a5b4fc,#fbbf24);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700}.sidebar-brand p{color:#ffffff80;font-size:11px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:16px 12px}.nav-item{align-items:center;border-radius:var(--radius);color:#ffffffb3;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.nav-item:hover{background:#ffffff14;color:#fff;transform:translateX(4px)}.nav-item.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 4px 12px #6366f166;color:#fff}.nav-icon{font-size:18px;text-align:center;width:20px}.sidebar-footer{border-top:1px solid #ffffff14;padding:16px}.user-info{gap:12px;margin-bottom:12px}.avatar,.user-info{align-items:center;display:flex}.avatar{background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%;color:#fff;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.avatar.large{font-size:20px;height:48px;width:48px}.username{font-size:14px;font-weight:600}.role{color:#ffffff80;font-size:11px;text-transform:capitalize}.logout-btn{background:#ef444426;border-radius:10px;color:#fca5a5;font-size:13px;font-weight:600;padding:10px;transition:all .2s;width:100%}.logout-btn:hover{background:#ef44444d;color:#fff}.main-content{flex:1 1;margin-left:260px;min-height:100vh;padding:24px 32px}.topbar{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:16px}.topbar h2{color:var(--dark);flex:1 1;font-size:24px;font-weight:700}.topbar-actions{display:flex;flex-wrap:wrap;gap:2px}.menu-btn{background:var(--white);border-radius:8px;box-shadow:var(--shadow-sm);display:none;font-size:24px;padding:4px 12px}.btn{align-items:center;border-radius:10px;display:inline-flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:10px 20px;transition:all .2s;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 4px 12px #6366f14d;color:#fff}.btn-primary:hover{box-shadow:0 6px 16px #6366f166;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-success{background:var(--success);color:#fff;flex:1 1;padding:14px}.btn-success:hover{background:#059669}.btn-warning{background:var(--warning);color:#fff;flex:1 1;padding:14px}.btn-warning:hover{background:#d97706}.btn-outline{background:#fff;border:2px solid var(--border);color:var(--gray)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-active{background:var(--primary);color:#fff}.btn-block{padding:14px;width:100%}.btn-sm{font-size:13px;padding:6px 14px}.btn-edit{background:#6366f11a;color:var(--primary)}.btn-edit:hover{background:var(--primary);color:#fff}.btn-delete{background:#ef44441a;color:var(--danger)}.btn-delete:hover{background:var(--danger);color:#fff}.form-group{margin-bottom:16px}.form-group label{color:var(--dark);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background:var(--white);border:2px solid var(--border);border-radius:10px;color:var(--dark);font-size:14px;padding:12px 14px;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #6366f11a;outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.error-msg{background:#ef44441a;border-radius:8px;color:var(--danger);font-size:13px;margin-bottom:16px;padding:10px 14px;text-align:center}.nav-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:20px}.nav-card{border-radius:var(--radius-xl);color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:180px;overflow:hidden;padding:32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-card:after{background:#ffffff1a;border-radius:50%;content:"";height:200px;position:absolute;right:-60px;top:-60px;transition:all .5s;width:200px}.nav-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-6px)}.nav-card:hover:after{transform:scale(1.5)}.nav-card-slot{background:linear-gradient(135deg,#667eea,#764ba2)}.nav-card-cafe{background:linear-gradient(135deg,#f093fb,#f5576c)}.nav-card-expense{background:linear-gradient(135deg,#4facfe,#00f2fe)}.nav-card-icon{font-size:40px;margin-bottom:12px;position:relative;z-index:1}.nav-card h3{font-size:20px;font-weight:700;margin-bottom:6px}.nav-card h3,.nav-card p{position:relative;z-index:1}.nav-card p{font-size:13px;opacity:.9}.cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.info-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px;transition:all .2s}.info-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.info-card.clickable{cursor:pointer}.info-card h4{color:var(--dark);font-size:16px;font-weight:700;margin-bottom:8px}.info-card p{color:var(--gray);font-size:13px;margin-bottom:4px}.info-card .grand{color:var(--primary);font-size:20px;font-weight:800;margin:8px 0}.info-card .small{color:var(--gray);font-size:11px}.info-card-head{align-items:center;display:flex;gap:12px;margin-bottom:14px}.info-card-actions{border-top:1px solid var(--border);display:flex;gap:8px;margin-top:14px;padding-top:14px}.info-card-actions .btn{flex:1 1}.status-pending{border-left:4px solid var(--danger)}.status-completed{border-left:4px solid var(--success)}.item-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;transition:all .2s}.item-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.item-card img{height:140px;object-fit:cover;width:100%}.item-img-placeholder{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);display:flex;font-size:48px;height:140px;justify-content:center}.item-card-body{padding:14px}.item-card-body h4{font-size:15px;font-weight:700;margin-bottom:6px}.item-card-body p{color:var(--gray);font-size:13px}.order-tag{color:var(--primary)!important;font-size:11px!important;font-weight:600}.badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;text-transform:capitalize}.badge-owner{background:#6366f126;color:var(--primary-dark)}.badge-superadmin{background:#f59e0b26;color:#d97706}.badge-admin{background:#10b98126;color:#059669}.badge-staff{background:#64748b26;color:var(--gray)}.badge-pending{background:#ef444426;color:var(--danger)}.badge-cash,.badge-completed{background:#10b98126;color:var(--success)}.badge-online{background:#6366f126;color:var(--primary)}.modal-overlay{align-items:center;animation:fadeIn .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:520px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-lg{max-width:900px}.modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:4px 8px}.modal-header h3{color:var(--dark);font-size:18px;font-weight:700}.modal-close{align-items:center;border-radius:50%;color:var(--gray);display:flex;font-size:28px;height:36px;justify-content:center;line-height:1;transition:all .2s;width:36px}.modal-close:hover{background:var(--light);color:var(--danger)}.modal-body{overflow-y:auto;padding:24px}.items-rect-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:20px;max-height:380px;overflow-y:auto;padding:4px}.items-rect-grid.two-col{grid-template-columns:repeat(2,1fr)}.purchase-item{background:var(--white);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;overflow:hidden;transition:all .2s}.purchase-item.selected{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.purchase-item img{height:90px;object-fit:cover;width:100%}.purchase-item .item-img-placeholder{font-size:32px;height:90px}.pi-body{padding:10px}.pi-body h5{font-size:13px;font-weight:700;margin-bottom:4px}.pi-body p{color:var(--gray);font-size:12px;margin-bottom:6px}.pi-body .amount{color:var(--primary);font-size:14px;font-weight:700;margin-top:6px}.qty-control{background:var(--light);border-radius:8px;gap:8px;padding:4px}.qty-control,.qty-control button{align-items:center;display:flex;justify-content:center}.qty-control button{background:var(--white);border-radius:6px;box-shadow:var(--shadow-sm);color:var(--primary);font-size:16px;font-weight:700;height:36px;width:36px}.qty-control button:hover{background:var(--primary);color:#fff}.qty-control span{font-size:14px;font-weight:700;min-width:24px;text-align:center}.summary-box{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:2px;padding:6px}.summary-item{align-items:center;display:flex;font-size:14px;justify-content:space-between;justify-content:center;padding:2px 0}.summary-item:not(:last-child){border-bottom:1px dashed var(--border)}.summary-item span{color:var(--gray)}.summary-item strong{color:var(--dark);font-size:16px}.summary-item.grand strong{color:var(--primary);font-size:20px}.mini-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.mini-cards,.mini-cards2{grid-gap:14px;display:grid;gap:14px;margin-bottom:20px}.mini-card{border-radius:var(--radius);color:#fff;display:flex;flex-direction:column;gap:4px;padding:16px}.mini-card span{font-size:12px;opacity:.9}.mini-card strong{font-size:22px;font-weight:800}.mini-card small{font-size:15px;opacity:1}.stat-slot{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-cafe{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-expense{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-academy{background:linear-gradient(135deg,#43e97b,#38f9d7)}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:24px;overflow-x:auto}.data-table{background:var(--white);border-collapse:collapse;font-size:13px;width:100%}.data-table thead{background:var(--light)}.data-table th{color:var(--dark);font-size:12px;font-weight:700;letter-spacing:.3px;padding:12px;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td{border-top:1px solid var(--border);color:var(--gray);padding:12px}.data-table tbody tr:hover{background:var(--light)}.section-title{color:var(--dark);font-size:15px;font-weight:700;margin-bottom:12px;margin-top:20px}.calendar-section{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:20px;padding:20px}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.calendar-header h3{color:var(--dark);font-size:16px;font-weight:700}.calendar-header button{align-items:center;background:var(--light);border-radius:50%;color:var(--primary);display:flex;font-size:20px;font-weight:700;height:36px;justify-content:center;width:36px}.calendar-header button:hover{background:var(--primary);color:#fff}.calendar-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(7,1fr)}.cal-dow{color:var(--gray);font-size:11px;font-weight:700;padding:8px 0;text-align:center;text-transform:uppercase}.cal-day{align-items:center;aspect-ratio:1;background:var(--light);border:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:44px;padding:4px;transition:all .2s}.cal-day:hover{background:#e0e7ff;transform:scale(1.05)}.cal-day.selected{background:var(--primary);border-color:var(--primary-dark);color:#fff}.cal-day.settled{background:#10b98126}.cal-day .day-num{font-size:13px;font-weight:700}.cal-day .booked-badge{background:var(--accent);border-radius:8px;color:#fff;font-size:9px;font-weight:700;margin-top:2px;padding:1px 5px}.cal-day.selected .booked-badge{background:#fff;color:var(--primary)}.hours-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-bottom:20px}.hour-card{background:var(--light);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:14px 10px;text-align:center;transition:all .2s}.hour-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.hour-card span{color:var(--dark);font-size:14px;font-weight:700}.hour-card small{color:var(--gray);font-size:10px}.hour-card.booked{background:#ef44441a;border-color:#ef44444d;cursor:pointer}.hour-card.booked small{color:var(--danger);font-weight:700}.hour-card.booked-completed{background:#10b9811a;border-color:#10b98159;cursor:pointer}.hour-card.booked-completed span{color:#059669}.hour-card.booked-completed small{color:#059669;font-weight:700}.hour-card.selected{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-color:var(--primary-dark);color:#fff}.hour-card.selected small,.hour-card.selected span{color:#fff}.day-bookings{margin-top:24px}.day-bookings h4{color:var(--dark);font-size:16px;font-weight:700;margin-bottom:14px}.empty{color:var(--gray);font-size:14px;padding:20px;text-align:center}.detail-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding:10px}.detail-list>div{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;font-size:13px;gap:12px;justify-content:space-between;padding:10px 0}.detail-list span{color:var(--gray);flex-shrink:0}.detail-list strong{text-align:right}.date-btn,.detail-list strong{color:var(--dark);font-weight:600}.date-btn{background:#fff;border:2px solid var(--border);border-radius:10px;font-size:14px;padding:10px 18px;transition:all .2s}.date-btn:hover{border-color:var(--primary)}.date-btn.settled{background:#10b9811a;border-color:var(--success);color:var(--success)}.img-preview{border-radius:8px;margin-top:10px;max-height:120px;object-fit:cover}.text-center{text-align:center}.mb-2{margin-bottom:16px}@media (max-width:1024px){.main-content{padding:20px}}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.overlay{animation:fadeIn .2s;background:#00000080;inset:0;position:fixed;z-index:99}.main-content{margin-left:0;padding:16px}.menu-btn{align-items:center;display:flex}.topbar h2{font-size:18px}.topbar-actions{width:100%}.nav-cards{grid-template-columns:1fr}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.form-row,.items-rect-grid,.items-rect-grid.two-col{grid-template-columns:repeat(2,1fr)}.modal{max-height:95vh}.modal-body{padding:4px}.login-card{padding:32px 24px}.mini-cards{grid-template-columns:1fr 1fr}.hours-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.cal-day{min-height:38px}.topbar-logo{height:64px!important;width:64px!important}.final-total-grid{grid-template-columns:repeat(2,1fr)}.final-total-summary{grid-template-columns:1fr}.final-total-summary-item.grand{margin-top:6px}}.toast-container{display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.toast{align-items:center;animation:toastSlideIn .3s cubic-bezier(.4,0,.2,1);background:#fff;border-left:4px solid #6366f1;border-radius:12px;box-shadow:0 10px 30px #00000026;color:#0f172a;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;max-width:400px;min-width:260px;padding:14px 18px;pointer-events:auto}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(120%)}to{opacity:1;transform:translateX(0)}}.toast:hover{transform:translateX(-4px);transition:transform .2s}.toast-icon{flex-shrink:0;font-size:18px}.toast-message{flex:1 1;line-height:1.4}.toast-success{background:#f0fdf4;border-left-color:#10b981}.toast-error{background:#fef2f2;border-left-color:#ef4444}.toast-warning{background:#fffbeb;border-left-color:#f59e0b}.toast-info{background:#eef2ff;border-left-color:#6366f1}.confirm-overlay{align-items:center;animation:fadeIn .2s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172ab3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}.confirm-box{animation:confirmPop .25s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:20px;box-shadow:0 25px 60px #00000040;max-width:400px;padding:32px 28px 24px;text-align:center;width:100%}@keyframes confirmPop{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-icon{font-size:48px;line-height:1;margin-bottom:12px}.confirm-title{color:#0f172a;font-size:20px;font-weight:700;margin-bottom:8px}.confirm-message{color:#64748b;font-size:14px;line-height:1.5;margin-bottom:24px}.confirm-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.confirm-btn{border-radius:10px;font-size:14px;font-weight:600;padding:12px 16px}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef444459;color:#fff}.btn-danger:hover{box-shadow:0 6px 16px #ef444473;transform:translateY(-2px)}.deleted-row{background:#fef2f2!important;opacity:.85}.deleted-row td{color:#991b1b!important;text-decoration:line-through;text-decoration-color:#991b1b4d}.deleted-row td .badge{opacity:1;text-decoration:none}.badge-deleted{background:#ef444426;color:#dc2626;font-weight:700}.settle-legend{background:#f8fafc;border-radius:10px;flex-wrap:wrap;font-size:13px;gap:18px;margin-bottom:16px;padding:12px 14px}.legend-item,.settle-legend{align-items:center;display:flex}.legend-item{color:#334155;font-weight:600;gap:6px}.legend-dot{border-radius:50%;display:inline-block;height:12px;width:12px}.legend-green{background:#10b981}.legend-red{background:#ef4444}.legend-hint{color:#94a3b8;font-size:11px;font-style:italic;margin-left:auto}.settle-calendar{margin-bottom:16px}.settle-day{border:none;color:#fff;cursor:pointer;font-weight:600;transition:transform .15s,box-shadow .15s}.settle-day:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.08)}.settle-settled{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.settle-settled .day-num{color:#fff}.settle-unsettled{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.settle-unsettled .day-num{color:#fff}.settle-info{color:#64748b;font-size:13px;margin-top:8px;text-align:center}.settle-info strong{color:#0f172a}.settle-info .badge{margin-left:6px}.has-deleted td{background:#fff7ed}.has-deleted td:nth-child(2),.has-deleted td:nth-child(4){color:#92400e;text-decoration:line-through;text-decoration-color:#92400e4d}.month-picker-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.month-picker-header h3.month-picker-year{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:var(--dark);font-size:20px;font-weight:800}.month-picker-nav{align-items:center;background:var(--light);border-radius:50%;color:var(--primary);display:flex;font-size:22px;font-weight:700;height:40px;justify-content:center;transition:all .2s;width:40px}.month-picker-nav:hover{background:var(--primary);color:#fff;transform:scale(1.1)}.month-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.month-cell{background:#f8fafc;border:2px solid var(--border);border-radius:12px;color:var(--dark);cursor:pointer;font-size:14px;font-weight:600;padding:18px 8px;text-align:center;transition:all .2s}.month-cell:hover{background:#e0e7ff;border-color:var(--primary);transform:translateY(-2px)}.month-cell.selected{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-color:var(--primary-dark);box-shadow:0 4px 12px #6366f159;color:#fff}.month-picker-info{border-top:1px solid var(--border);color:#64748b;font-size:13px;line-height:1.6;padding-top:12px;text-align:center}.month-picker-info strong{color:var(--dark);font-size:15px}.month-picker-info small{color:#94a3b8;font-size:11px;font-style:italic}.inline-field{align-items:center;display:flex;gap:6px;margin:6px 0}.inline-field label{color:var(--gray);font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}.inline-field input{background:var(--white);border:1.5px solid var(--border);border-radius:6px;color:var(--primary);flex:1 1;font-size:13px;font-weight:600;min-width:0;padding:6px 8px;text-align:center;transition:all .15s}.inline-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f126;outline:none}.qty-control input{background:var(--white);border:1.5px solid var(--border);border-radius:6px;box-shadow:var(--shadow-sm);color:var(--primary);font-size:14px;font-weight:700;padding:6px 4px;text-align:center;width:48px}.qty-control input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f126;outline:none}.inline-field input::-webkit-inner-spin-button,.inline-field input::-webkit-outer-spin-button,.qty-control input::-webkit-inner-spin-button,.qty-control input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.inline-field input[type=number],.qty-control input[type=number]{appearance:textfield}.password-display{align-items:center;background:#f1f5f9;border-radius:8px;display:flex;font-size:13px;gap:8px;margin-top:10px;padding:8px 10px}.password-label{color:var(--gray);font-size:12px;font-weight:600}.password-value{color:var(--dark);flex:1 1;font-family:Courier New,monospace;font-weight:700;word-break:break-all}.topbar-logo{border-radius:8px;flex-shrink:0;object-fit:contain;transition:transform .2s}.topbar-logo:hover{transform:scale(1.05)}.final-total-card{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:var(--radius-lg);box-shadow:0 8px 24px #0f172a26;color:#fff;margin-bottom:24px;overflow:hidden;padding:20px;position:relative}.final-total-card:before{background:radial-gradient(circle,#6366f140,#0000 70%);border-radius:50%;content:"";height:200px;pointer-events:none;position:absolute;right:-80px;top:-80px;width:200px}.final-total-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px;position:relative;z-index:1}.final-total-header h3{color:#fff;font-size:18px;font-weight:800;letter-spacing:.3px}.final-profit-badge{border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.final-profit-badge.profit{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98159;color:#fff}.final-profit-badge.loss{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef444459;color:#fff}.final-total-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:16px;position:relative;z-index:1}.final-total-item{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:12px}.final-total-item span{color:#ffffffa6;font-size:10px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.final-total-item strong{font-size:15px;font-weight:700}.final-total-item.income strong{color:#6ee7b7}.final-total-item.expense strong{color:#fca5a5}.final-total-item.remaining strong{color:#fbbf24}.final-total-summary{grid-gap:10px;border-top:1px solid #ffffff1a;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);padding-top:16px;position:relative;z-index:1}.final-total-summary-item{padding:8px 4px;text-align:center}.final-total-summary-item span{color:#ffffffa6;display:block;font-size:10px;font-weight:600;letter-spacing:.3px;margin-bottom:4px;text-transform:uppercase}.final-total-summary-item strong{display:block;font-size:16px;font-weight:800}.text-income{color:#6ee7b7}.text-expense{color:#fca5a5}.text-profit{color:#34d399}.text-loss{color:#f87171}.final-total-summary-item.grand{background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px}.btn-print{background:#f59e0b1f;color:#d97706;font-weight:600}.btn-print:hover{background:#f59e0b;color:#fff;transform:translateY(-2px)}.topbar-logo{cursor:pointer}.topbar-logo:hover{transform:scale(1.08)}@media (max-width:480px){.cards-grid,.mini-cards{grid-template-columns:1fr}.items-rect-grid,.items-rect-grid.two-col{grid-template-columns:repeat(2,1fr)}.nav-card{min-height:150px;padding:24px}.nav-card-icon{font-size:32px}.nav-card h3{font-size:17px}.hours-grid{grid-template-columns:repeat(4,1fr)}.topbar{gap:10px}.btn{font-size:15px;padding:10px}.toast-container{left:12px;right:12px;top:12px}.toast{max-width:100%;min-width:auto}.month-grid{gap:8px;grid-template-columns:repeat(3,1fr)}.month-cell{font-size:13px;padding:14px 6px}.inline-field{align-items:stretch;flex-direction:column;gap:3px}.inline-field label{font-size:10px;text-align:left}.final-total-grid{grid-template-columns:repeat(2,1fr)}.final-total-header h3{font-size:15px}.final-profit-badge{font-size:11px;padding:5px 10px}}
/*# sourceMappingURL=main.33fab809.css.map*/