body,html{background:#020617;margin:0;padding:0}.login-container{background:radial-gradient(circle at 20% 20%,#0ea5e9 0%,#0000 40%),radial-gradient(circle at 80% 80%,#2563eb 0%,#0000 40%),#020617;justify-content:center;align-items:center;width:100%;height:100vh;font-family:Segoe UI,sans-serif;display:flex;position:relative;overflow:hidden}.login-bg{filter:blur(120px);background:radial-gradient(circle,#2563eb4d,#0000 70%);width:600px;height:600px;position:absolute}.login-card{z-index:2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172ad9;border-radius:18px;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:420px;padding:40px 30px;display:flex;position:relative;box-shadow:0 0 50px #000c}.login-logo{width:100px;margin-bottom:5px}.login-title{color:#fff;font-size:22px;font-weight:700}.login-subtitle{color:#94a3b8;margin-bottom:10px;font-size:13px}.login-input{color:#e2e8f0;background:#020617;border:1px solid #1e293b;border-radius:10px;width:100%;padding:12px;font-size:14px;transition:all .2s}.login-input:focus{border-color:#38bdf8;outline:none;box-shadow:0 0 8px #38bdf8}.login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#2563eb);border:none;border-radius:10px;width:100%;padding:12px;font-weight:600;transition:all .2s}.login-button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #2563eb80}.login-divider{background:#1e293b;width:100%;height:1px;margin:10px 0}.login-footer{gap:15px;display:flex}.login-icon{color:#94a3b8;cursor:pointer;background:#020617;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;transition:all .2s;display:flex}.login-icon:hover{color:#fff;background:#0ea5e9}.login-icon{text-decoration:none}@media (width<=480px){.login-card{padding:30px 20px}.login-logo{width:80px}}*{box-sizing:border-box}html,body{background:#020617;margin:0;padding:0;font-family:Segoe UI,sans-serif}.main-layout{color:#e5e7eb;background:radial-gradient(circle at 90% 10%,#2563eb2e,#0000 32%),radial-gradient(circle at 20% 90%,#0ea5e924,#0000 34%),linear-gradient(135deg,#020617 0%,#07111f 50%,#020617 100%);min-height:100vh;display:flex}.main-mobile-menu-btn,.main-mobile-close-btn{display:none}.main-sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:50;background:#080d1af0;border-right:1px solid #94a3b824;flex-direction:column;width:286px;min-height:100vh;padding:22px 16px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:18px 0 45px #00000059}.main-sidebar-brand{align-items:center;gap:13px;padding:4px 8px 14px;display:flex}.main-logo-full{object-fit:contain;flex-shrink:0;width:46px;height:46px}.main-brand-text h2{color:#fff;margin:0;font-size:18px;line-height:1.1}.main-brand-text span{color:#7dd3fc;margin-top:4px;font-size:12px;font-weight:500;display:block}.main-sidebar-line{background:linear-gradient(90deg,#0000,#94a3b840,#0000);width:100%;height:1px;margin:4px 0 18px}.main-sidebar-nav{flex:1;padding-right:4px;overflow-y:auto}.main-sidebar-nav::-webkit-scrollbar{width:5px}.main-sidebar-nav::-webkit-scrollbar-thumb{background:#38bdf840;border-radius:999px}.main-nav-section{margin-bottom:24px}.main-nav-title{color:#64748b;text-transform:uppercase;letter-spacing:1.1px;margin:0 10px 10px;font-size:11px;font-weight:800;display:block}.main-nav-items{flex-direction:column;gap:7px;display:flex}.main-nav-link{color:#94a3b8;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;min-height:46px;padding:11px 13px;font-size:14px;font-weight:600;text-decoration:none;transition:all .22s;display:flex;position:relative}.main-nav-link:hover{color:#e0f2fe;background:#0f172ae6;border-color:#38bdf81f}.main-nav-link.active{color:#fff;background:linear-gradient(135deg,#0ea5e93d,#2563eb3d);border-color:#38bdf838}.main-nav-link.active:before{content:"";background:linear-gradient(#38bdf8,#2563eb);border-radius:999px;width:4px;height:26px;position:absolute;left:-16px;box-shadow:0 0 12px #38bdf8b3}.main-nav-icon{color:#38bdf8;background:#0f172af2;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:31px;height:31px;display:flex}.main-nav-link.active .main-nav-icon{color:#fff;background:linear-gradient(135deg,#0ea5e9,#2563eb)}.main-sidebar-user{background:#0f172ad1;border:1px solid #94a3b821;border-radius:18px;align-items:center;gap:11px;margin-top:16px;padding:14px;display:flex}.main-user-avatar{color:#fff;background:linear-gradient(135deg,#0ea5e9,#1d4ed8);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:39px;height:39px;font-weight:900;display:flex}.main-user-info{flex:1;min-width:0}.main-user-info strong{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.main-user-info span{color:#38bdf8;text-transform:capitalize;font-size:11px}.main-logout-btn{color:#fca5a5;cursor:pointer;background:#ef44441f;border:none;border-radius:13px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.main-logout-btn:hover{color:#fff;background:#ef444438}.main-content{width:calc(100% - 286px);min-height:100vh;margin-left:286px;padding:30px}@media (width<=900px){.main-mobile-menu-btn{z-index:80;color:#38bdf8;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172aeb;border:1px solid #38bdf838;border-radius:15px;justify-content:center;align-items:center;width:46px;height:46px;display:flex;position:fixed;top:16px;right:16px;box-shadow:0 12px 30px #00000059}.main-mobile-close-btn{color:#cbd5e1;cursor:pointer;background:#020617d9;border:1px solid #94a3b829;border-radius:13px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:18px;right:18px}.main-sidebar{border-left:1px solid #94a3b824;border-right:none;width:300px;transition:transform .32s;left:auto;right:0;transform:translate(110%);box-shadow:-18px 0 45px #00000073}.main-sidebar.mobile-active{transform:translate(0)}.main-mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;z-index:40;background:#020617ad;transition:all .25s;position:fixed;inset:0}.main-mobile-overlay.active{opacity:1;visibility:visible}.main-content{width:100%;margin-left:0;padding:82px 18px 22px}.main-sidebar-brand{padding-right:55px}}@media (width<=420px){.main-sidebar{width:86%}.main-content{padding:82px 14px 20px}}.dashboard-page{width:100%}.dashboard-main-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.dashboard-main-header h1{color:#fff;letter-spacing:1px;margin:0;font-size:32px}.dashboard-main-header p{color:#94a3b8;margin:7px 0 0}.dashboard-date-actions{gap:12px;display:flex}.dashboard-date-pill{color:#cbd5e1;background:#0f172ae0;border:1px solid #94a3b824;border-radius:16px;align-items:center;gap:9px;padding:12px 15px;font-weight:700;display:flex}.dashboard-date-pill svg{color:#38bdf8}.dashboard-stats-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px;display:grid}.dashboard-stat-card,.dashboard-panel{background:#0f172adb;border:1px solid #94a3b821;border-radius:24px;box-shadow:0 20px 45px #00000040}.dashboard-stat-card{align-items:flex-start;gap:15px;min-height:145px;padding:20px;display:flex}.dashboard-stat-icon{color:#38bdf8;background:#0ea5e924;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.dashboard-stat-card.warning .dashboard-stat-icon{color:#fbbf24;background:#f59e0b24}.dashboard-stat-card span{color:#94a3b8;letter-spacing:.7px;font-size:12px;font-weight:900;display:block}.dashboard-stat-card strong{color:#fff;margin-top:12px;font-size:25px;display:block}.dashboard-stat-card small{color:#7dd3fc;cursor:default;align-items:center;gap:5px;margin-top:8px;font-size:12px;display:inline-flex}.dashboard-content-grid{grid-template-columns:1.35fr 1fr 1fr;gap:18px;display:grid}.dashboard-panel{padding:20px}.dashboard-panel-header{margin-bottom:14px}.dashboard-panel-header h2{color:#fff;letter-spacing:1px;margin:0;font-size:15px}.dashboard-court-panel{grid-column:span 2}.dashboard-actions-panel{grid-column:span 1}.dashboard-court-split{grid-template-columns:1.35fr .65fr;gap:14px;display:grid}.dashboard-field{background:linear-gradient(90deg,#22c55e24 50%,#22c55e33 50%),#14532d;border:3px solid #ffffffc7;border-radius:22px;height:255px;position:relative;overflow:hidden;box-shadow:inset 0 0 32px #00000059}.dashboard-field.active{box-shadow:inset 0 0 32px #00000059,0 0 34px #22c55e59}.dashboard-field.out-of-schedule{background:linear-gradient(90deg,#7f1d1db8 50%,#991b1bd1 50%),#450a0a;box-shadow:inset 0 0 35px #0000008c,0 0 38px #ef444459}.dashboard-field-line{background:#ffffffc7;width:3px;height:100%;position:absolute;top:0;left:50%}.dashboard-field-circle{border:3px solid #ffffffc7;border-radius:50%;width:82px;height:82px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dashboard-field-box{border:3px solid #ffffffc7;width:70px;height:130px;position:absolute;top:50%;transform:translateY(-50%)}.dashboard-field-box.left{left:-3px}.dashboard-field-box.right{right:-3px}.dashboard-field-content{z-index:5;text-shadow:0 3px 16px #000000a6;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:18px;display:flex;position:absolute;inset:0}.dashboard-field-content span{color:#bbf7d0;letter-spacing:1px;font-size:13px;font-weight:900}.dashboard-field.out-of-schedule .dashboard-field-content span{color:#fecaca}.dashboard-field-content strong{color:#fff;margin-top:8px;font-size:22px}.dashboard-field-content p{color:#dcfce7;margin:7px 0 0;font-size:14px}.dashboard-upcoming-card{background:#02061773;border:1px solid #94a3b81f;border-radius:20px;padding:15px}.dashboard-upcoming-card h3{color:#fff;letter-spacing:.8px;margin:0 0 12px;font-size:13px}.dashboard-upcoming-list{flex-direction:column;gap:10px;display:flex}.dashboard-upcoming-item{background:#0f172aa6;border:1px solid #94a3b81a;border-radius:14px;grid-template-columns:24px 1fr;align-items:center;gap:9px;padding:11px;display:grid}.dashboard-upcoming-item svg{color:#38bdf8}.dashboard-upcoming-item strong{color:#fff;font-size:13px;display:block}.dashboard-upcoming-item span{color:#94a3b8;margin-top:3px;font-size:12px;display:block}.dashboard-legend{color:#cbd5e1;flex-wrap:wrap;gap:11px;margin-top:14px;font-size:12px;display:flex}.dashboard-legend span{align-items:center;gap:6px;display:flex}.dashboard-legend b{border-radius:50%;width:11px;height:11px}.dashboard-legend .green{background:#22c55e}.dashboard-legend .gray{background:#64748b}.dashboard-legend .blue{background:#2563eb}.dashboard-legend .black{background:#020617;border:1px solid #334155}.dashboard-legend .red{background:#ef4444}.dashboard-actions-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.dashboard-actions-grid button{color:#cbd5e1;cursor:pointer;background:#02061773;border:1px solid #94a3b821;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:11px;min-height:120px;transition:all .2s;display:flex}.dashboard-actions-grid button:hover{color:#fff;background:#0ea5e91f;border-color:#38bdf84d;transform:translateY(-2px)}.dashboard-actions-grid svg{color:#38bdf8}.dashboard-actions-grid span{letter-spacing:.5px;font-size:13px;font-weight:900}.dashboard-list,.dashboard-top-list,.dashboard-alerts-list{flex-direction:column;gap:10px;display:flex}.dashboard-list-item,.dashboard-top-item,.dashboard-alert-item,.dashboard-alerts-list button{background:#0206177a;border:1px solid #94a3b81a;border-radius:16px;padding:12px}.dashboard-list-item{color:#cbd5e1;grid-template-columns:24px 115px 1fr auto 38px;align-items:center;gap:12px;min-height:58px;display:grid}.dashboard-list-item svg{color:#38bdf8}.dashboard-list-item strong{color:#fff;font-size:13px}.dashboard-list-item span{color:#cbd5e1;font-size:13px}.dashboard-list-item small{color:#94a3b8;font-size:12px}.dashboard-print-btn{color:#38bdf8;cursor:pointer;background:#0ea5e926;border:none;border-radius:11px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.dashboard-print-btn:hover{color:#fff;background:#0ea5e947}.dashboard-top-item{grid-template-columns:34px 1fr auto;align-items:center;gap:10px;display:grid}.dashboard-top-position{color:#38bdf8;background:#0ea5e924;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-weight:900;display:flex}.dashboard-top-item strong{color:#fff;font-size:13px;display:block}.dashboard-top-item span{color:#94a3b8;margin-top:3px;font-size:12px;display:block}.dashboard-top-item b{color:#7dd3fc;font-size:13px}.dashboard-alert-item{grid-template-columns:28px 1fr;align-items:center;gap:10px;display:grid}.dashboard-alert-item svg{color:#fbbf24}.dashboard-alert-item strong{color:#fff;font-size:13px;display:block}.dashboard-alert-item span{color:#94a3b8;margin-top:3px;font-size:12px;display:block}.dashboard-alerts-list button{color:#cbd5e1;cursor:pointer;text-align:left;grid-template-columns:28px 1fr 18px;align-items:center;gap:10px;width:100%;display:grid}.dashboard-alerts-list button:hover{background:#f59e0b1a;border-color:#f59e0b40}.dashboard-alerts-list svg{color:#fbbf24}.dashboard-alerts-list strong{color:#fff;font-size:13px;display:block}.dashboard-alerts-list span{color:#94a3b8;margin-top:3px;font-size:12px;display:block}.dashboard-link-btn{color:#7dd3fc;cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;margin-top:14px;margin-left:auto;font-weight:800;display:flex}.dashboard-link-btn:hover{color:#fff}.dashboard-empty{color:#94a3b8;text-align:center;background:#02061759;border:1px solid #94a3b81a;border-radius:16px;padding:22px}.dashboard-empty.small{padding:14px;font-size:12px}.dashboard-upcoming-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.dashboard-upcoming-print{color:#38bdf8;cursor:pointer;background:#0ea5e926;border:none;border-radius:10px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.dashboard-upcoming-print:hover{color:#fff;background:#0ea5e947}@media (width<=1250px){.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-content-grid{grid-template-columns:1fr 1fr}.dashboard-court-panel{grid-column:span 2}}@media (width<=850px){.dashboard-main-header,.dashboard-date-actions{flex-direction:column;align-items:stretch}.dashboard-stats-grid,.dashboard-content-grid{grid-template-columns:1fr}.dashboard-court-panel,.dashboard-actions-panel{grid-column:span 1}.dashboard-court-split,.dashboard-actions-grid{grid-template-columns:1fr}.dashboard-field{height:240px}.dashboard-list-item{grid-template-columns:24px 1fr 38px}.dashboard-list-item strong,.dashboard-list-item span,.dashboard-list-item small{grid-column:2}.dashboard-print-btn{grid-area:1/3/span 3}}@media (width<=520px){.dashboard-main-header h1{font-size:26px}.dashboard-stat-card{flex-direction:column}.dashboard-field{height:210px}.dashboard-field-content strong{font-size:17px}.dashboard-top-item{grid-template-columns:34px 1fr}.dashboard-top-item b{grid-column:2}}.users-page{width:100%}.users-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px;display:flex}.users-header h1{color:#fff;margin:0;font-size:30px}.users-header p{color:#94a3b8;margin:7px 0 0}.users-header-actions{gap:12px;display:flex}.users-create-btn,.users-permissions-btn,.users-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#2563eb);border:none;border-radius:14px;align-items:center;gap:9px;padding:12px 16px;font-weight:700;display:flex}.users-permissions-btn{color:#7dd3fc;background:#0f172ae6;border:1px solid #38bdf838}.users-table-card{background:#0f172adb;border:1px solid #94a3b821;border-radius:22px;padding:18px;overflow-x:auto;box-shadow:0 20px 45px #00000040}.users-loading{color:#94a3b8;text-align:center;padding:30px}.users-table{border-collapse:collapse;width:100%;min-width:820px}.users-table th{color:#64748b;text-transform:uppercase;letter-spacing:.8px;text-align:left;border-bottom:1px solid #94a3b81f;padding:14px;font-size:12px}.users-table td{color:#cbd5e1;border-bottom:1px solid #94a3b814;padding:15px 14px}.users-table tr:hover td{background:#02061752}.users-user-cell{align-items:center;gap:11px;display:flex}.users-user-cell strong{color:#fff}.users-avatar{color:#fff;background:linear-gradient(135deg,#0ea5e9,#2563eb);border-radius:14px;justify-content:center;align-items:center;width:38px;height:38px;font-weight:900;display:flex}.users-role,.users-status{text-transform:capitalize;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.users-role-owner{color:#facc15;background:#facc151f}.users-role-admin{color:#38bdf8;background:#38bdf81f}.users-role-supervisor{color:#a78bfa;background:#a78bfa1f}.users-role-cajero,.users-status.active{color:#34d399;background:#34d3991f}.users-status.inactive{color:#f87171;background:#f871711f}.users-actions{gap:8px;display:flex}.users-actions button{color:#7dd3fc;cursor:pointer;background:#0ea5e91f;border:none;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.users-actions button.danger{color:#fca5a5;background:#ef44441f}.users-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:120;background:#020617b8;justify-content:center;align-items:flex-start;padding:40px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.users-modal{background:#0f172afa;border:1px solid #94a3b829;border-radius:24px;width:100%;max-width:460px;max-height:90vh;padding:26px;position:relative;overflow-y:auto;box-shadow:0 30px 70px #00000073}.users-permissions-modal{max-width:850px;max-height:90vh;overflow-y:auto}.users-modal-close{color:#94a3b8;cursor:pointer;background:#020617e6;border:none;border-radius:13px;width:38px;height:38px;position:absolute;top:18px;right:18px}.users-modal h2{color:#fff;margin:0}.users-modal p{color:#94a3b8;margin-bottom:20px}.users-form{flex-direction:column;gap:13px;display:flex}.users-form input,.users-form select{color:#e5e7eb;background:#020617;border:1px solid #94a3b824;border-radius:14px;outline:none;width:100%;padding:13px 14px}.users-form input:focus,.users-form select:focus{border-color:#38bdf8}.users-checkbox{color:#cbd5e1;align-items:center;gap:10px;font-size:14px;display:flex}.users-checkbox input{width:auto}.users-save-btn{justify-content:center;margin-top:5px}.users-permissions-modal{max-width:850px}.users-permissions-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.users-permission-card{background:#0206179e;border:1px solid #94a3b81f;border-radius:18px;padding:18px}.users-permission-card h3{color:#38bdf8;text-transform:capitalize;margin:0 0 14px}.users-permission-card ul{margin:0;padding:0;list-style:none}.users-permission-card li{color:#cbd5e1;gap:8px;margin-bottom:10px;font-size:13px;line-height:1.4;display:flex}@media (width<=900px){.users-header{flex-direction:column;align-items:flex-start}.users-header-actions{flex-direction:column;width:100%}.users-create-btn,.users-permissions-btn{justify-content:center;width:100%}.users-permissions-grid{grid-template-columns:1fr}}.clients-page{width:100%}.clients-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.clients-header h1{color:#fff;margin:0;font-size:30px}.clients-header p{color:#94a3b8;margin:7px 0 0}.clients-create-btn,.clients-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#2563eb);border:none;border-radius:14px;align-items:center;gap:9px;padding:12px 16px;font-weight:800;display:flex}.clients-toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.clients-search-box{color:#38bdf8;background:#0f172ae0;border:1px solid #94a3b821;border-radius:16px;align-items:center;gap:10px;width:100%;max-width:440px;padding:12px 14px;display:flex}.clients-search-box input{color:#e5e7eb;background:0 0;border:none;outline:none;width:100%;font-size:14px}.clients-count{color:#7dd3fc;white-space:nowrap;background:#0ea5e91f;border:1px solid #38bdf82e;border-radius:999px;padding:10px 13px;font-size:13px;font-weight:800}.clients-table-card{background:#0f172adb;border:1px solid #94a3b821;border-radius:22px;padding:18px;overflow-x:auto;box-shadow:0 20px 45px #00000040}.clients-loading,.clients-empty{color:#94a3b8;text-align:center;padding:30px}.clients-table{border-collapse:collapse;width:100%;min-width:920px}.clients-table th{color:#64748b;text-transform:uppercase;letter-spacing:.8px;text-align:left;border-bottom:1px solid #94a3b81f;padding:14px;font-size:12px}.clients-table td{color:#cbd5e1;vertical-align:middle;border-bottom:1px solid #94a3b814;padding:15px 14px}.clients-table tr:hover td{background:#02061752}.clients-user-cell{align-items:center;gap:11px;display:flex}.clients-user-cell strong{color:#fff}.clients-avatar{color:#fff;background:linear-gradient(135deg,#0ea5e9,#2563eb);border-radius:14px;justify-content:center;align-items:center;width:38px;height:38px;font-weight:900;display:flex}.clients-info,.clients-notes{color:#cbd5e1;align-items:center;gap:8px;max-width:260px;display:inline-flex}.clients-notes{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.clients-actions{gap:8px;display:flex}.clients-actions button{color:#7dd3fc;cursor:pointer;background:#0ea5e91f;border:none;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.clients-actions button.danger{color:#fca5a5;background:#ef44441f}.clients-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:120;background:#020617b8;justify-content:center;align-items:flex-start;padding:40px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.clients-modal{background:#0f172afa;border:1px solid #94a3b829;border-radius:24px;width:100%;max-width:500px;max-height:90vh;padding:26px;position:relative;overflow-y:auto;box-shadow:0 30px 70px #00000073}.clients-modal-close{color:#94a3b8;cursor:pointer;background:#020617e6;border:none;border-radius:13px;width:38px;height:38px;position:absolute;top:18px;right:18px}.clients-modal h2{color:#fff;margin:0}.clients-modal p{color:#94a3b8;margin-bottom:20px}.clients-form{flex-direction:column;gap:13px;display:flex}.clients-form input,.clients-form textarea{color:#e5e7eb;resize:vertical;background:#020617;border:1px solid #94a3b824;border-radius:14px;outline:none;width:100%;padding:13px 14px;font-family:inherit}.clients-form input:focus,.clients-form textarea:focus{border-color:#38bdf8}.clients-save-btn{justify-content:center;margin-top:5px}@media (width<=900px){.clients-header{flex-direction:column;align-items:flex-start}.clients-create-btn{justify-content:center;width:100%}.clients-toolbar{flex-direction:column;align-items:stretch}.clients-search-box{max-width:100%}.clients-count{text-align:center}}.inventory-page{width:100%}.inventory-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.inventory-header h1{color:#fff;margin:0;font-size:30px}.inventory-header p{color:#94a3b8;margin:7px 0 0}.inventory-create-btn,.inventory-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#2563eb);border:none;border-radius:14px;align-items:center;gap:9px;padding:12px 16px;font-weight:800;display:flex}.inventory-stats-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px;display:grid}.inventory-stat-card{background:#0f172adb;border:1px solid #94a3b821;border-radius:22px;padding:20px;box-shadow:0 20px 45px #00000038}.inventory-stat-icon{color:#38bdf8;background:#0ea5e924;border-radius:15px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:14px;display:flex}.inventory-stat-card.warning .inventory-stat-icon{color:#fbbf24;background:#f59e0b24}.inventory-stat-card span{color:#94a3b8;font-size:13px;font-weight:700}.inventory-stat-card strong{color:#fff;margin-top:8px;font-size:24px;display:block}.inventory-toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.inventory-search-box{color:#38bdf8;background:#0f172ae0;border:1px solid #94a3b821;border-radius:16px;align-items:center;gap:10px;width:100%;max-width:480px;padding:12px 14px;display:flex}.inventory-search-box input{color:#e5e7eb;background:0 0;border:none;outline:none;width:100%;font-size:14px}.inventory-filter{color:#cbd5e1;background:#0f172ae6;border:1px solid #38bdf82e;border-radius:15px;outline:none;min-width:170px;padding:12px 14px}.inventory-table-card{background:#0f172adb;border:1px solid #94a3b821;border-radius:22px;padding:18px;overflow-x:auto;box-shadow:0 20px 45px #00000040}.inventory-loading,.inventory-empty{color:#94a3b8;text-align:center;padding:30px}.inventory-table{border-collapse:collapse;width:100%;min-width:1020px}.inventory-table th{color:#64748b;text-transform:uppercase;letter-spacing:.8px;text-align:left;border-bottom:1px solid #94a3b81f;padding:14px;font-size:12px}.inventory-table td{color:#cbd5e1;vertical-align:middle;border-bottom:1px solid #94a3b814;padding:15px 14px}.inventory-table tr:hover td{background:#02061752}.inventory-product-cell{align-items:center;gap:12px;display:flex}.inventory-product-cell strong{color:#fff;display:block}.inventory-product-cell span{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:240px;margin-top:4px;font-size:12px;display:block;overflow:hidden}.inventory-sku{color:#7dd3fc;background:#0ea5e91f;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.inventory-stock{color:#34d399;background:#34d3991f;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.inventory-stock.low{color:#fbbf24;background:#f59e0b1f}.inventory-status{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.inventory-status.active{color:#34d399;background:#34d3991f}.inventory-status.inactive{color:#f87171;background:#f871711f}.inventory-actions{gap:8px;display:flex}.inventory-actions button{color:#7dd3fc;cursor:pointer;background:#0ea5e91f;border:none;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.inventory-actions button.danger{color:#fca5a5;background:#ef44441f}.inventory-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:120;background:#020617b8;justify-content:center;align-items:flex-start;padding:40px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.inventory-modal{background:#0f172afa;border:1px solid #94a3b829;border-radius:24px;width:100%;max-width:760px;max-height:90vh;padding:26px;position:relative;overflow-y:auto;box-shadow:0 30px 70px #00000073}.inventory-modal-close{color:#94a3b8;cursor:pointer;background:#020617e6;border:none;border-radius:13px;width:38px;height:38px;position:absolute;top:18px;right:18px}.inventory-modal h2{color:#fff;margin:0}.inventory-modal p{color:#94a3b8;margin-bottom:20px}.inventory-form{flex-direction:column;gap:13px;display:flex}.inventory-form-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.inventory-form input,.inventory-form textarea{color:#e5e7eb;resize:vertical;background:#020617;border:1px solid #94a3b824;border-radius:14px;outline:none;width:100%;padding:13px 14px;font-family:inherit}.inventory-form input:focus,.inventory-form textarea:focus{border-color:#38bdf8}.inventory-checkbox{color:#cbd5e1;background:#0206178c;border:1px solid #94a3b824;border-radius:14px;align-items:center;gap:10px;padding:13px 14px;font-size:14px;display:flex}.inventory-checkbox input{width:auto}.inventory-save-btn{justify-content:center;margin-top:5px}.inventory-value-toggle{cursor:pointer;flex-direction:column;transition:all .3s;display:flex}.inventory-value-toggle:hover{transform:scale(1.03)}.inventory-value{transition:all .3s}.inventory-value.cost{color:#38bdf8}.inventory-value.sale{color:#22c55e}.inventory-value-label{color:#94a3b8;margin-top:4px;font-size:11px;font-weight:700}.inventory-product-info strong{color:#fff;display:block}.inventory-product-info span{color:#64748b;margin-top:4px;font-size:12px;display:block}.inventory-title{color:#94a3b8;margin-bottom:6px;font-size:13px;font-weight:700}.inventory-value-toggle{cursor:pointer;flex-direction:column;justify-content:center;display:flex}.inventory-field{flex-direction:column;gap:7px;display:flex}.inventory-field label{color:#94a3b8;text-transform:uppercase;letter-spacing:.7px;font-size:12px;font-weight:800}.inventory-sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s}.inventory-sortable-th:hover{color:#38bdf8}.inventory-sortable-th span{color:#38bdf8;margin-left:6px;font-size:11px}@media (width<=1100px){.inventory-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.inventory-header{flex-direction:column;align-items:flex-start}.inventory-create-btn{justify-content:center;width:100%}.inventory-toolbar{flex-direction:column;align-items:stretch}.inventory-search-box{max-width:100%}.inventory-filter{width:100%}}@media (width<=620px){.inventory-stats-grid,.inventory-form-grid{grid-template-columns:1fr}.inventory-modal{padding:24px 18px}}.court-page{width:100%}.court-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.court-header h1{color:#fff;margin:0;font-size:30px}.court-header p{color:#94a3b8;margin:7px 0 0}.court-refresh-btn,.court-save-btn,.court-last-invoice button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#2563eb);border:none;border-radius:14px;align-items:center;gap:9px;padding:12px 16px;font-weight:800;display:flex}.court-topbar{justify-content:space-between;gap:14px;margin-bottom:18px;display:flex}.court-date-box,.court-current-time{color:#cbd5e1;background:#0f172adb;border:1px solid #94a3b821;border-radius:16px;align-items:center;gap:10px;padding:12px 14px;display:flex}.court-date-box{color:#38bdf8}.court-date-box input{color:#e5e7eb;background:0 0;border:none;outline:none}.court-layout{grid-template-columns:1.4fr .8fr;gap:20px;display:grid}.court-visual-card,.court-schedule-card,.court-last-invoice{background:#0f172adb;border:1px solid #94a3b821;border-radius:24px;padding:20px;box-shadow:0 20px 45px #00000040}.court-field{background:linear-gradient(90deg,#22c55e29 50%,#22c55e38 50%),#14532d;border:3px solid #ffffffd9;border-radius:24px;height:430px;position:relative;overflow:hidden;box-shadow:inset 0 0 35px #00000059}.court-field.in-use{box-shadow:inset 0 0 35px #00000059,0 0 35px #22c55e73}.court-line{background:#ffffffd9;position:absolute}.court-center-line{width:3px;height:100%;top:0;left:50%}.court-circle{border:3px solid #ffffffd9;border-radius:50%;width:110px;height:110px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.court-box{border:3px solid #ffffffd9;width:95px;height:180px;position:absolute;top:50%;transform:translateY(-50%)}.court-box-left{left:-3px}.court-box-right{right:-3px}.court-goal{border:3px solid #ffffffd9;width:22px;height:96px;position:absolute;top:50%;transform:translateY(-50%)}.court-goal-left{border-left:none;left:-3px}.court-goal-right{border-right:none;right:-3px}.court-field-content{z-index:4;text-shadow:0 3px 15px #000000a6;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.court-field-content span{color:#bbf7d0;text-transform:uppercase;letter-spacing:1px;font-size:15px;font-weight:800}.court-field-content strong{color:#fff;margin-top:8px;font-size:26px}.court-legend{color:#cbd5e1;flex-wrap:wrap;gap:12px;margin-top:16px;font-size:13px;display:flex}.court-legend span{align-items:center;gap:7px;display:flex}.court-legend b{border-radius:50%;width:12px;height:12px}.legend-green{background:#22c55e}.legend-gray{background:#64748b}.legend-blue{background:#2563eb}.legend-black{background:#020617;border:1px solid #334155}.court-schedule-header{margin-bottom:16px}.court-schedule-header h2{color:#fff;margin:0}.court-schedule-header span{color:#94a3b8;text-transform:capitalize;margin-top:5px;font-size:13px;display:block}.court-loading{color:#94a3b8;text-align:center;padding:25px}.court-slots{flex-direction:column;gap:10px;display:flex}.court-slot{color:#e5e7eb;cursor:pointer;text-align:left;background:#64748b29;border:1px solid #94a3b81f;border-radius:16px;justify-content:space-between;align-items:center;width:100%;padding:14px;display:flex}.court-slot.past,.court-slot.reserved,.court-slot.in_use{cursor:default}.court-slot strong{color:#fff;display:block}.court-slot span{color:#cbd5e1;margin-top:5px;font-size:12px;display:block}.court-slot.available:hover{background:#2563eb29;border-color:#38bdf859}.court-slot.reserved{background:#2563eb38;border-color:#38bdf840}.court-slot.in_use{background:#22c55e40;border-color:#4ade8059}.court-slot.past{color:#64748b;cursor:not-allowed;background:#020617d1}.court-print-mini{color:#7dd3fc;cursor:pointer;background:#0ea5e92e;border:none;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.court-last-invoice{justify-content:space-between;align-items:center;gap:16px;margin-top:18px;display:flex}.court-last-invoice strong{color:#fff;display:block}.court-last-invoice span{color:#94a3b8;margin-top:5px;font-size:13px;display:block}.court-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:120;background:#020617b8;justify-content:center;align-items:flex-start;padding:40px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.court-modal{background:#0f172afa;border:1px solid #94a3b829;border-radius:24px;width:100%;max-width:520px;max-height:90vh;padding:26px;position:relative;overflow-y:auto;box-shadow:0 30px 70px #00000073}.court-modal-close{color:#94a3b8;cursor:pointer;background:#020617e6;border:none;border-radius:13px;width:38px;height:38px;position:absolute;top:18px;right:18px}.court-modal h2{color:#fff;margin:0}.court-modal p{color:#94a3b8;margin-bottom:20px}.court-form{flex-direction:column;gap:14px;display:flex}.court-field-group{flex-direction:column;gap:7px;display:flex}.court-field-group label{color:#94a3b8;text-transform:uppercase;letter-spacing:.7px;font-size:12px;font-weight:800}.court-field-group select,.court-field-group input,.court-field-group textarea{color:#e5e7eb;resize:vertical;background:#020617;border:1px solid #94a3b824;border-radius:14px;outline:none;width:100%;padding:13px 14px;font-family:inherit}.court-input-icon{align-items:center;display:flex;position:relative}.court-input-icon svg{color:#38bdf8;position:absolute;left:13px}.court-input-icon input,.court-input-icon select,.court-input-icon textarea{padding-left:42px}.court-input-icon.textarea svg{top:14px}.court-save-btn{justify-content:center;width:100%;margin-top:6px}.court-slot.past{color:#64748b;cursor:not-allowed;background:#020617!important;border-color:#334155e6!important}.court-slot.past strong,.court-slot.past span{color:#64748b}.court-slot-actions{align-items:center;gap:8px;display:flex}.court-edit-mini,.court-print-mini{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.court-edit-mini{color:#86efac;background:#22c55e29}.court-print-mini{color:#7dd3fc;background:#0ea5e92e}.court-client-results{background:#020617e0;border:1px solid #94a3b824;border-radius:16px;width:100%;max-height:220px;margin-top:4px;overflow:hidden auto}.court-client-results button{color:#cbd5e1;text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #94a3b814;width:100%;padding:12px 14px}.court-client-results button:hover{background:#0ea5e91f}.court-client-results strong{color:#fff;font-size:13px;display:block}.court-client-results span{color:#94a3b8;margin-top:3px;font-size:12px;display:block}.court-currency-icon{color:#38bdf8;font-size:16px;font-weight:900;position:absolute;left:14px}.court-cash-box{background:#02061773;border:1px solid #38bdf81f;border-radius:18px;flex-direction:column;gap:12px;padding:14px;display:flex}.court-change{background:#22c55e1f;border:1px solid #22c55e2e;border-radius:14px;justify-content:space-between;align-items:center;padding:13px 14px;display:flex}.court-change span{color:#94a3b8;font-size:13px;font-weight:700}.court-change strong{color:#86efac;font-size:18px}.court-change.negative{background:#ef44441f;border-color:#ef44442e}.court-change.negative strong{color:#fca5a5}.court-field.out-of-schedule{background:linear-gradient(90deg, rgba(6 567, 29, 29, .72) 50%, #991b1bd1 50%), #450a0a;box-shadow:inset 0 0 35px #0000008c,0 0 38px #ef444473}.court-field.out-of-schedule .court-field-content span{color:#fecaca}.court-field.out-of-schedule .court-field-content strong{color:#fff;letter-spacing:1px}.legend-red{background:#ef4444}@media (width<=1050px){.court-layout{grid-template-columns:1fr}}@media (width<=720px){.court-header,.court-topbar,.court-last-invoice{flex-direction:column;align-items:stretch}.court-refresh-btn,.court-last-invoice button{justify-content:center}.court-field{height:280px}.court-field-content strong{text-align:center;padding:0 20px;font-size:18px}}.sales-page{width:100%}.sales-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.sales-header h1{color:#fff;margin:0;font-size:30px}.sales-header p{color:#94a3b8;margin:7px 0 0}.sales-summary-card{background:#0f172ae0;border:1px solid #38bdf829;border-radius:20px;min-width:220px;padding:18px;box-shadow:0 20px 45px #00000040}.sales-summary-card span{color:#94a3b8;font-size:13px;font-weight:700}.sales-summary-card strong{color:#38bdf8;margin-top:8px;font-size:24px;display:block}.sales-layout{grid-template-columns:1.15fr .85fr;gap:20px;display:grid}.sales-products-card,.sales-cart-card{background:#0f172adb;border:1px solid #94a3b821;border-radius:24px;padding:20px;box-shadow:0 20px 45px #00000040}.sales-search-box,.sales-input-icon{color:#38bdf8;background:#020617b8;border:1px solid #94a3b824;border-radius:16px;align-items:center;gap:10px;width:100%;padding:12px 14px;display:flex}.sales-search-box input,.sales-input-icon input,.sales-input-icon select{color:#e5e7eb;background:0 0;border:none;outline:none;width:100%;font-size:14px}.sales-input-icon select option{color:#e5e7eb;background:#020617}.sales-loading,.sales-empty-cart{color:#94a3b8;text-align:center;padding:28px}.sales-products-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px;display:grid}.sales-product-btn{color:#e5e7eb;cursor:pointer;text-align:left;background:#0206177a;border:1px solid #94a3b81f;border-radius:18px;justify-content:space-between;gap:12px;padding:15px;transition:all .2s;display:flex}.sales-product-btn:hover{background:#0ea5e91f;border-color:#38bdf84d;transform:translateY(-2px)}.sales-product-btn strong{color:#fff;font-size:14px;display:block}.sales-product-btn span{color:#94a3b8;margin-top:5px;font-size:12px;display:block}.sales-product-btn b{color:#38bdf8;white-space:nowrap}.sales-custom-btn,.sales-complete-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#2563eb);border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:18px;padding:14px 16px;font-weight:900;transition:all .2s;display:flex}.sales-custom-btn:hover,.sales-complete-btn:hover{transform:translateY(-1px);box-shadow:0 10px 25px #2563eb59}.sales-cart-title{color:#38bdf8;align-items:center;gap:10px;margin-bottom:18px;display:flex}.sales-cart-title h2{color:#fff;margin:0;font-size:20px}.sales-client-box,.sales-payment-box,.sales-notes-box{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.sales-client-box label,.sales-payment-box label,.sales-notes-box label,.sales-form label{color:#94a3b8;text-transform:uppercase;letter-spacing:.7px;font-size:12px;font-weight:900}.sales-client-results{background:#020617eb;border:1px solid #94a3b821;border-radius:16px;max-height:220px;overflow:hidden auto}.sales-client-results button{color:#cbd5e1;text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #94a3b814;width:100%;padding:12px 14px}.sales-client-results button:hover{background:#0ea5e91f}.sales-client-results strong{color:#fff;font-size:13px;display:block}.sales-client-results span{color:#94a3b8;margin-top:3px;font-size:12px;display:block}.sales-cart-items{flex-direction:column;gap:10px;max-height:320px;margin:16px 0;padding-right:4px;display:flex;overflow-y:auto}.sales-cart-items::-webkit-scrollbar{width:5px}.sales-client-results::-webkit-scrollbar{width:5px}.sales-cart-items::-webkit-scrollbar-thumb{background:#38bdf840;border-radius:999px}.sales-client-results::-webkit-scrollbar-thumb{background:#38bdf840;border-radius:999px}.sales-cart-item{background:#0206177a;border:1px solid #94a3b81a;border-radius:16px;grid-template-columns:1fr 64px 90px 38px;align-items:center;gap:10px;padding:12px;display:grid}.sales-cart-info strong{color:#fff;font-size:13px;display:block}.sales-cart-info span{color:#64748b;margin-top:3px;font-size:11px;display:block}.sales-cart-item input{color:#fff;text-align:center;background:#020617;border:1px solid #94a3b824;border-radius:12px;outline:none;width:64px;padding:10px}.sales-cart-item b{color:#7dd3fc;text-align:right;font-size:13px}.sales-cart-item button{color:#fca5a5;cursor:pointer;background:#ef44441f;border:none;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sales-money-input{color:#e5e7eb;background:#020617;border:1px solid #94a3b824;border-radius:16px;outline:none;width:100%;padding:13px 14px}.sales-change-box{background:#22c55e1f;border:1px solid #22c55e2e;border-radius:16px;justify-content:space-between;align-items:center;padding:13px 14px;display:flex}.sales-change-box span{color:#94a3b8;font-size:13px;font-weight:800}.sales-change-box strong{color:#86efac;font-size:20px}.sales-notes-box textarea{color:#e5e7eb;resize:vertical;background:#020617;border:1px solid #94a3b824;border-radius:16px;outline:none;width:100%;padding:13px 14px;font-family:inherit}.sales-totals{background:#0206178c;border:1px solid #94a3b81f;border-radius:18px;margin-top:16px;padding:15px}.sales-totals div{color:#cbd5e1;justify-content:space-between;padding:7px 0;display:flex}.sales-totals span{color:#94a3b8;font-weight:700}.sales-totals strong{color:#fff}.sales-total-final{border-top:1px solid #94a3b829;margin-top:8px;padding-top:12px!important}.sales-total-final span,.sales-total-final strong{color:#38bdf8;font-size:20px;font-weight:900}.sales-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:120;background:#020617b8;justify-content:center;align-items:flex-start;padding:40px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.sales-modal{background:#0f172afa;border:1px solid #94a3b829;border-radius:24px;width:100%;max-width:480px;padding:26px;position:relative;box-shadow:0 30px 70px #00000073}.sales-modal-close{color:#94a3b8;cursor:pointer;background:#020617e6;border:none;border-radius:13px;width:38px;height:38px;position:absolute;top:18px;right:18px}.sales-modal h2{color:#fff;margin:0}.sales-modal p{color:#94a3b8;margin-bottom:20px}.sales-form{flex-direction:column;gap:10px;display:flex}.sales-form input{color:#e5e7eb;background:#020617;border:1px solid #94a3b824;border-radius:14px;outline:none;width:100%;padding:13px 14px}.sales-day-section{border-top:2px solid #ffffff1f;margin-top:30px;padding-top:20px}.sales-day-header h2{color:#fff;letter-spacing:1px;margin:0 0 14px;font-size:18px}.sales-day-empty{color:#94a3b8;text-align:center;padding:20px}.sales-day-list{flex-direction:column;gap:10px;display:flex}.sales-day-item{background:#02061780;border:1px solid #94a3b81f;border-radius:16px;justify-content:space-between;align-items:center;padding:14px;display:flex}.sales-day-info strong{color:#fff;font-size:14px;display:block}.sales-day-info span{color:#94a3b8;font-size:12px;display:block}.sales-day-actions{align-items:center;gap:12px;display:flex}.sales-day-actions b{color:#38bdf8}.sales-day-actions button{color:#38bdf8;cursor:pointer;background:#0ea5e926;border:none;border-radius:12px;width:38px;height:38px}.sales-day-actions button:hover{background:#0ea5e94d}.sales-form input:focus,.sales-money-input:focus,.sales-notes-box textarea:focus,.sales-input-icon:focus-within,.sales-search-box:focus-within{border-color:#38bdf8}@media (width<=1180px){.sales-layout{grid-template-columns:1fr}}@media (width<=760px){.sales-header{flex-direction:column;align-items:stretch}.sales-summary-card{min-width:100%}.sales-products-grid,.sales-cart-item{grid-template-columns:1fr}.sales-cart-item input,.sales-cart-item b,.sales-cart-item button{text-align:center;width:100%}.sales-cart-item button{height:40px}}