.login-container{height:100vh;display:flex;justify-content:center;align-items:center;background:#f2f4f7;font-family:Arial,Helvetica,sans-serif}.login-box{width:400px;display:flex;flex-direction:column;padding:32px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;text-align:center}.login-title{font-size:24px;font-weight:600;margin-bottom:24px}.error-text{color:#d9534f;margin-bottom:10px}.input-group{margin-bottom:16px;width:100%;display:flex}.input-group input{width:auto;padding:15px 10px;border-radius:8px;border:1px solid #d1d5db;font-size:1rem;transition:.2s;flex-grow:1}.input-group input:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 4px #4f46e566}.login-button{width:100%;padding:12px;background:#4f46e5;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;margin-top:8px;transition:.2s}.login-button:hover{background:#4338ca}.login-box form .input-group div{width:100%;margin-top:10px}.login-box form .input-group input{padding:10px}.dashboard{padding:24px;background:transparent;border-radius:14px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:#fff;border-radius:12px;padding:18px;border:1px solid #d8e4ff;box-shadow:0 14px 30px #0f172a1f;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 18px 34px #0f172a29}.stat-card h4{font-size:14px;color:#64748b;margin-bottom:8px}.stat-card p{font-size:28px;font-weight:700;margin:0}.section-title{margin:24px 0 12px}.table-wrapper{background:#fff;border-radius:10px;overflow-x:auto;border:1px solid #bebebe;box-shadow:0 14px 30px #0f172a1f}.dashboard-table{width:100%;border-collapse:collapse;font-size:14px}.dashboard-table th{text-align:left;padding:12px;background:#1f6fff;color:#fff;font-weight:700;border-bottom:1px solid #1b5ede}.dashboard-table td{padding:12px;border-top:1px solid #dce6f8;vertical-align:middle}.dashboard-table tr:hover{background:#edf4ff}.dashboard-table small{color:#64748b}.status{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;text-transform:capitalize}.status.queued{background:#e0f2fe;color:#0369a1}.status.printed{background:#dcfce7;color:#166534}.status.failed{background:#fee2e2;color:#991b1b}.error{color:#991b1b;font-size:12px;max-width:300px;word-break:break-word}.empty{text-align:center;padding:24px;color:#94a3b8}.configure-btn{appearance:none;background-color:#e7e7e7;border:1px solid rgba(27,31,35,.15);border-radius:6px;box-shadow:#1b1f230a 0 1px,#ffffff40 0 1px inset;box-sizing:border-box;color:#24292e;cursor:pointer;display:inline-block;list-style:none;padding:3px 10px;position:relative;transition:background-color .2s cubic-bezier(.3,0,.5,1);user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:middle;white-space:nowrap;word-wrap:break-word}.configure-btn:hover{background-color:#f3f4f6;text-decoration:none;transition-duration:.1s}.configure-btn:disabled{background-color:#fafbfc;border-color:#1b1f2326;color:#959da5;cursor:default}.configure-btn:active{background-color:#edeff2;box-shadow:#e1e4e833 0 1px inset;transition:none 0s}.configure-btn:focus{outline:1px transparent}.configure-btn:before{display:none}.configure-btn:-webkit-details-marker{display:none}.page-title{font-size:26px;font-weight:700;margin-bottom:20px;color:#333}.form-card{background:#fff;padding:25px;border-radius:10px;width:380px;max-width:100%;box-shadow:0 3px 12px #0000001a}.form-group{margin-bottom:18px;display:flex;flex-direction:column}.form-group label{font-weight:600;margin-bottom:4px}.form-group input,.form-group select{padding:10px;width:auto!important;border-radius:6px;border:1px solid #ccc;background:#fafafa}.checkbox-row input{width:auto!important}.primary-btn{width:100%;background:#005bd1;color:#fff;padding:10px;border-radius:6px;font-weight:600;cursor:pointer;border:none}.primary-btn:hover{background:#0041a8}.message-modal-overlay{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f172a80}.message-modal{width:min(560px,100%);max-height:calc(100vh - 40px);background:#fff;border-radius:18px;border:1px solid #d8e4ff;box-shadow:0 24px 60px #0f172a38;overflow:auto}.message-modal-header{padding:24px 28px 18px;border-bottom:1px solid #e7eefc;background:linear-gradient(180deg,#f8fbff,#fff)}.message-modal-header h3{margin:0;font-size:24px;font-weight:700;color:#13203a}.message-modal-content{min-height:116px;padding:0 28px;display:flex;align-items:center}.message-modal-body{margin:0;width:100%;padding:22px 0 24px;font-size:16px;line-height:1.65;color:#3a475f;white-space:pre-wrap}.message-modal-body-empty{min-height:28px}.message-modal-actions{display:flex;justify-content:stretch;gap:12px;padding:0 28px 28px}.message-modal-actions button{border:0;width:100%;min-height:48px;border-radius:12px;background:#1f6fff;color:#fff;padding:12px 18px;font-size:15px;font-weight:600;cursor:pointer}.message-modal-actions button:hover{background:#1657cc}.message-modal-actions.has-confirm button{flex:1}.message-modal-actions.has-confirm button:first-child{background:#e2e8f0;color:#1e293b}.message-modal-actions.has-confirm button:first-child:hover{background:#cbd5e1}.message-modal-confirm-danger{background:#dc2626!important}.message-modal-confirm-danger:hover{background:#b91c1c!important}.message-modal-error{border-top:4px solid #dc2626}.message-modal-success{border-top:4px solid #0f9f6e}.message-modal-info{border-top:4px solid #2563eb}@media(max-width:640px){.message-modal-overlay{align-items:center;padding:12px;overflow-y:auto}.message-modal{width:100%;max-height:calc(100dvh - 24px)}.message-modal-header{padding:20px 20px 16px}.message-modal-header h3{font-size:22px}.message-modal-content{min-height:100px;padding:0 20px}.message-modal-body{padding:18px 0 22px;font-size:15px}.message-modal-actions{padding:0 20px 20px;position:relative;z-index:1}}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000059;z-index:9999;display:flex;align-items:center;justify-content:center}.loader-spinner{width:60px;height:60px;border:6px solid #ffffff55;border-top-color:#3498db;border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:99999;display:flex;flex-direction:column;align-items:center;gap:10px}.toast{padding:12px 20px;border-radius:6px;color:#fff;font-weight:500;box-shadow:0 3px 10px #0003;animation:slideIn .3s ease}.toast-success{background:#2ecc71}.toast-error{background-color:#f44336}.toast-info{background-color:#2196f3}.toast-warning{background-color:#ff9800}.lang-buttons{display:flex;gap:6px}.lang-btn{padding:10px 15px;border-radius:8px;margin:8px 3px;border:1px solid rgba(15,23,42,.2);background:#fff;font-weight:700;cursor:pointer;min-width:48px}.lang-btn.active{border:2px solid #1d4ed8;background:#e0e7ff}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.layout-container{display:flex;height:100vh;overflow:hidden}.sidebar{width:230px;background:#2d3748;color:#fff;transition:width .3s ease;overflow:hidden}.sidebar.collapsed{width:70px}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:18px;background:#1a202c}.logo{font-size:20px;margin:0}.collapse-btn{background:transparent;border:none;color:#000;cursor:pointer;font-size:18px}.sidebar-menu{list-style:none;margin:0;padding:12px 0}.sidebar-menu li{padding:12px 18px}.sidebar-menu li.active,.sidebar-menu li:hover{background:#4a5568}.menu-item{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;font-size:15px}.menu-icon{font-size:18px}.sidebar.collapsed .menu-item span{display:none}.sidebar.collapsed li:hover:after{content:attr(data-tooltip);position:fixed;left:75px;background:#2d3748;padding:8px 12px;border-radius:6px;white-space:nowrap;top:var(--mouse-y);pointer-events:none;color:#fff}.topbar{height:60px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;padding:0 20px}.top-left .region{margin:0 10px;font-size:16px;color:#444}.top-right{margin-left:auto;display:flex;align-items:center;gap:12px}.user-label{font-weight:500;color:#333}.logout-btn,.admin-register-btn{padding:8px 14px;border:none;cursor:pointer;border-radius:6px;font-size:14px}.logout-btn{background:#e53e3e;color:#fff}.logout-btn:hover{background:#c53030}.admin-register-btn{background:#2b6cb0;color:#fff}.admin-register-btn:hover{background:#2c5282}.main-content{flex:1;display:flex;flex-direction:column;background:#f3f6fc;min-width:0}.content-wrapper{flex:1;min-height:0;min-width:0;padding:20px;overflow-y:auto;background:transparent;border:none;border-radius:0;box-shadow:none}:root{--admin-sidebar-width: 230px;--admin-sidebar-collapsed-width: 70px;--admin-content-padding: 20px}.sidebar-backdrop{display:none}.lang-buttons{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.top-language{margin-left:auto}.top-language{display:flex;align-items:center}.top-user,.top-actions{display:flex;align-items:center;gap:12px}.top-language,.top-user,.top-actions{padding-inline:4px}.admin-register-btn,.logout-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}.lang-btn{min-width:44px;padding:7px 10px;border-radius:8px;border:1px solid #cbd5e1;background:#f8fafc;color:#334155;line-height:1}.lang-btn.active{background:#1f6fff;border-color:#1f6fff;color:#fff}@media(max-width:1024px){.layout-container{height:100dvh}.sidebar{width:210px}.sidebar.collapsed{width:var(--admin-sidebar-collapsed-width)}.sidebar-menu li{padding:11px 14px}.menu-item{gap:10px;font-size:14px}.topbar{min-height:60px;height:auto;padding:10px 14px;gap:10px;flex-wrap:wrap}.top-left .region{font-size:14px;margin:0}.user-label{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-wrapper{padding:16px}.dashboard{padding:12px}.stats-grid,.reports-summary,.transactions-filters{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media(max-width:768px){.layout-container{display:block;min-height:100dvh;height:auto;overflow:visible}.sidebar{position:fixed;inset:0 auto 0 0;z-index:1200;width:min(82vw,290px);max-width:290px;transform:translate(-105%);transition:transform .22s ease;box-shadow:18px 0 40px #0f172a38;overflow-y:auto}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:min(82vw,290px)}.sidebar.collapsed .menu-item span{display:inline}.sidebar.collapsed li:hover:after{display:none}.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:1190;background:#0f172a6b}.main-content{min-height:100dvh}.topbar{position:sticky;top:0;z-index:1000;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;padding:8px 12px;gap:8px}.collapse-btn{color:#111827;min-width:42px;height:42px;padding:0;border:1px solid #e2e8f0;background:#fff}.top-left{min-width:0}.top-left .region{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-language{margin-left:0;justify-self:end}.top-user{margin-left:0}.top-language .lang-buttons{justify-content:flex-end}.top-user{grid-column:1 / 3;justify-content:flex-start;min-width:0}.top-actions{grid-column:3;justify-self:end;margin-left:0;justify-content:flex-end;gap:8px;flex-wrap:nowrap}.top-user .user-label{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-register-btn,.logout-btn{padding:8px 12px;white-space:nowrap}.content-wrapper{padding:12px}.dashboard{padding:6px 0}.dashboard h2,.page-title{font-size:22px;line-height:1.2}.stats-grid,.reports-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat-card{padding:14px}.stat-card p{font-size:24px}.transactions-filters,.reports-filters{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.filters{width:100%}.filters select,.filters button{flex:1 1 calc(50% - 6px);min-width:0}.transactions-filters .filter-actions,.reports-filters{width:100%}.transactions-filters .filter-actions{grid-column:1 / -1;flex-direction:column;gap:10px}.transactions-filters .filter-actions button,.transactions-filters .filter-actions .apply-filter,.transactions-filters .filter-actions .reset-filter{width:100%}.transactions-filters .filter-actions button,.reports-filters button,.primary-btn.apply-filter,.ghost-btn.reset-filter{flex:1 1 auto;min-height:40px}.table-wrapper,.template-table-wrapper{border-radius:10px;margin-inline:-2px}.table-wrapper:has(.responsive-card-table){background:transparent;border:0;box-shadow:none;overflow:visible;margin-inline:0;border-radius:0}.dashboard-table,.location-table,.user-table,.role-table,.template-table{font-size:13px}.dashboard-table th,.dashboard-table td,.location-table th,.location-table td,.user-table th,.user-table td,.role-table th,.role-table td,.template-table th,.template-table td{padding:10px}.responsive-card-table{min-width:0!important;border-collapse:separate;border-spacing:0;background:transparent;border:0;box-shadow:none}.responsive-card-table thead{display:none}.responsive-card-table,.responsive-card-table tbody,.responsive-card-table tr,.responsive-card-table td{display:block;width:100%}.responsive-card-table tbody tr{background:#fff;border:1px solid #d8e4ff;border-radius:14px;margin-bottom:12px;padding:14px 18px;box-shadow:0 10px 24px #0f172a1a;overflow:hidden}.responsive-card-table tbody tr:hover{background:#fff}.responsive-card-table td{display:flex!important;justify-content:space-between;align-items:flex-start;gap:14px;padding:12px 2px;border-top:1px solid #edf2f7;color:#334155;text-align:right;overflow-wrap:anywhere}.responsive-card-table td:first-child{border-top:0;padding-top:2px;font-weight:700;color:#0f172a}.responsive-card-table td:before{content:attr(data-label);flex:0 0 42%;max-width:42%;text-align:left;color:#64748b;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.02em}.responsive-card-table td:first-child:before{color:#475569}.responsive-card-table td small{color:#64748b}.responsive-card-table td.user-actions-cell,.responsive-card-table td.action-buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;text-align:right}.responsive-card-table td.user-actions-cell:before,.responsive-card-table td.action-buttons:before{width:100%;max-width:100%;flex-basis:100%;margin-bottom:4px}.responsive-card-table .edit-btn,.responsive-card-table .delete-btn,.responsive-card-table .ghost-btn,.responsive-card-table .configure-btn{margin:4px 0 0 6px}.locations-card-table td:first-child{display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:center;text-align:left}.locations-card-table td:first-child:before{display:block;max-width:100%;margin-bottom:4px;grid-column:1 / -1}.locations-card-table td:first-child .configure-btn{display:inline-flex;align-items:center;justify-content:center;width:fit-content;margin:0;justify-self:end;grid-column:2;grid-row:2;align-self:center}.locations-card-table .location-card-name{grid-column:1;grid-row:2;display:inline-flex;align-items:center;gap:6px;min-width:0;overflow-wrap:anywhere}}@media(max-width:480px){.content-wrapper{padding:10px}.topbar{padding-inline:10px}.lang-btn{min-width:40px;padding-inline:8px}.top-actions{min-width:max-content}.admin-register-btn,.logout-btn{width:auto;min-width:42px;height:40px;padding-inline:11px}.transactions-filters .filter-actions{grid-column:1 / -1;flex-direction:column;gap:10px}.transactions-filters .filter-actions button,.transactions-filters .filter-actions .apply-filter,.transactions-filters .filter-actions .reset-filter{width:100%}.stats-grid,.reports-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:425px){.reports-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.reports-summary .stat-card{min-width:0}.reports-summary .stat-card h4{font-size:12px}.reports-summary .stat-card p{font-size:20px;overflow-wrap:anywhere}}@media(max-width:380px){.top-action-label{display:none}}.edit-btn{padding:7px 12px;border:none;border-radius:4px;background:#2c8bff;color:#fff;cursor:pointer;white-space:nowrap}.edit-btn:hover{background:#1b6ed8}.delete-btn{padding:7px 12px;border:none;border-radius:4px;background:#d63333;color:#fff;cursor:pointer;white-space:nowrap}.delete-btn:hover{background:#b42121}.delete-btn.disabled,.delete-btn:disabled{background:#ccc;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.modal{background:#fff;padding:25px;border-radius:10px;width:380px;max-width:calc(100vw - 32px);max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 4px 20px #0003}.modal-wide{width:760px;max-height:85vh;overflow-y:auto}.modal-actions{display:flex;justify-content:flex-end;margin-top:20px}.cancel-btn{margin-right:10px;padding:8px 14px;background:#aaa;color:#fff;border:none;border-radius:6px}.cancel-btn:hover{background:#888}.user-table{border-collapse:collapse;width:100%;min-width:1120px;table-layout:fixed;background:#fff;border-radius:10px;overflow:hidden;border:1px solid #d8e4ff;box-shadow:0 12px 26px #0f172a1f}.user-table th{text-align:left;padding:12px;background:#1f6fff;color:#fff;font-weight:700}.user-table td{padding:12px;border-top:1px solid #dce6f8;vertical-align:middle}.table-wrapper{overflow-x:auto}.user-table .col-user{width:15%}.user-table .col-email{width:20%}.user-table .col-role,.user-table .col-connect,.user-table .col-fee{width:10%}.user-table .col-actions{width:35%;text-align:right}.user-actions-cell{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap}.connect-badge{display:inline-flex;align-items:center;border-radius:999px;background:#dcfce7;color:#166534;font-size:12px;font-weight:700;padding:4px 10px}.connect-badge.muted{background:#f1f5f9;color:#64748b}.form-help{margin-top:6px;color:#64748b;font-size:12px;line-height:1.4}.checkbox-row{display:flex;align-items:center;gap:8px;margin:-4px 0 18px;font-weight:600}.printer-access-list{display:flex;flex-direction:column;gap:12px}.printer-group-card{border:1px solid #dce6f8;border-radius:8px;padding:12px;background:#f8fbff}.printer-group-card h4{margin:0 0 8px}.printer-checkbox-row{display:flex;align-items:center;gap:8px;margin:6px 0}.ios-switch{position:relative;display:inline-block;width:46px;height:26px}.ios-switch input{opacity:0;width:0;height:0}.ios-slider{position:absolute;cursor:pointer;inset:0;background-color:#cfd8e3;transition:.2s;border-radius:999px}.ios-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;top:3px;background-color:#fff;transition:.2s;border-radius:50%;box-shadow:0 1px 3px #0000004d}.ios-switch input:checked+.ios-slider{background-color:#22c55e}.ios-switch input:checked+.ios-slider:before{transform:translate(20px)}.ios-switch input:disabled+.ios-slider{opacity:.5;cursor:not-allowed}.location-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;border:1px solid #d8e4ff;box-shadow:0 12px 26px #0f172a1f}.location-table th,.location-table td{padding:12px 14px;text-align:left}.location-table thead{background:#1f6fff;border-bottom:0}.location-table tbody tr:nth-child(2n){background:#f7faff}.location-table tbody tr:hover{background:#eaf2ff}.location-table th{font-weight:700;font-size:14px;color:#fff}.location-table td{font-size:14px;color:#3a3d45}.location-table .action-buttons{text-align:center;min-width:150px;white-space:nowrap}.location-table .action-buttons .edit-btn{margin-right:8px}.location-table th:last-child{text-align:center;width:160px}.primary-btn{background:#06f;color:#fff;padding:10px 18px;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;transition:background .2s ease;margin-top:0!important}.primary-btn:hover{background:#0056e0}.cancel-btn{min-width:100px;background:#eee;color:#333;padding:10px 18px;border:none;border-radius:6px;cursor:pointer;font-size:14px;margin-left:10px}.cancel-btn:hover{background:#ddd}.modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:2000}.modal{background:#fff;padding:30px;width:460px;max-width:calc(100vw - 32px);height:min(760px,calc(100vh - 48px));overflow-y:auto;border-radius:10px;border:1px solid #d8e4ff;box-shadow:0 18px 36px #0f172a33;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.modal h3{margin-top:0;font-size:20px;font-weight:600;margin-bottom:18px}.form-group{margin-bottom:16px}.form-group label{font-size:14px;font-weight:600;margin-bottom:6px;display:block}.form-group input,.form-group select{width:auto;padding:10px 12px;border:1px solid #d3d8df;border-radius:6px;font-size:14px;background:#fff}.form-group input:focus,.form-group select:focus{border-color:#06f;outline:none;box-shadow:0 0 0 2px #0066ff26}.form-help{display:block;margin:4px 0 8px;color:#64748b;font-size:12px;line-height:1.4}.payout-splits-group{border:1px solid #d8e4ff;border-radius:8px;padding:12px;background:#f8fbff}.payout-split-row{display:grid;grid-template-columns:1fr 1.4fr 90px auto;gap:8px;align-items:center;margin-bottom:8px}.payout-split-row input{width:100%;min-width:0}.split-total{color:#166534;font-size:13px;font-weight:700;margin-top:4px}.split-total.invalid{color:#b42318}.split-warning{margin:8px 0 10px;padding:10px 12px;border:1px solid #f1aeb5;border-radius:6px;background:#fff1f3;color:#b42318;font-size:12px;font-weight:700;line-height:1.4}.printer-selected{background:#eef6ff;padding:10px 12px;border-left:4px solid #0066ff;border-radius:6px;margin-bottom:10px;font-size:14px;color:#1f3b70}.modal-actions{position:sticky;bottom:-30px;display:flex;justify-content:flex-end;margin:20px -30px -30px;padding:14px 30px 30px;background:linear-gradient(180deg,#ffffffdb,#fff 35%);border-top:1px solid #e6eefb;border-radius:0 0 10px 10px}.printers-group .printer-row{border:1px solid #d8e4ff;border-radius:8px;padding:10px;margin-bottom:10px;background:#f3f8ff}.printer-row-header{display:flex;gap:10px;align-items:center;justify-content:space-between}.printer-row-header input{flex:1;min-width:0;margin-top:5px!important}.printer-row-actions{display:flex;gap:6px}.small-btn{padding:8px 10px;border-radius:6px;border:1px solid #d0d7e2;background:#fff;cursor:pointer;font-weight:600}.small-btn.add{margin-top:8px;border-color:#bcd7ff}.small-btn.danger{border-color:#f5c2c7;color:#c1121f;background:#fff5f5}.printer-selected.muted{background:#f7fafc;border-left-color:#cbd5e1;color:#64748b}.printer-warning{margin:-4px 0 10px;color:#b42318;font-size:12px;font-weight:600}.status-dot{height:10px;width:10px;display:inline-block;border-radius:50%;margin-right:6px}.status-dot.green{background:#28a745}.clickable-row{cursor:pointer}.clickable-row:hover{background:#f7f7f7}.configure-btn{float:right}td{border:1px solid #edf2fb}.location-overview{padding:20px;background:transparent;border-radius:14px}.loc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.loc-header>div:last-child{display:flex;gap:10px}.status-dot{height:12px;width:12px;border-radius:50%;display:inline-block;margin-right:6px}.status-dot.green{background:#3cc64b}.status-dot.yellow{background:#ffc107}.status-dot.red{background:#dc3545}.tabs{display:flex;gap:10px;margin-bottom:20px}.tabs button{padding:8px 16px;border:none;background:#e7e7e7;border-radius:6px;cursor:pointer}.tabs button.active{background:#007bff;color:#fff}.tab-content{padding:15px 5px}.primary-btn-long{width:200px;background:#1f6fff;color:#fff;padding:10px 18px;border:none;border-radius:6px;cursor:pointer}.secondary-btn-long{width:200px;background:#f1f5f9;color:#0f172a;padding:10px 18px;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer}.printer-cards,.template-cards{display:flex;gap:20px;margin:20px 0}.printer-card,.template-card{padding:20px;background:#fff;border-radius:10px;width:325px;border:1px solid #bebebe;box-shadow:0 12px 26px #0f172a1f}.template-card-1{background:#fff;border-radius:10px;border:1px solid #bebebe!important;box-shadow:0 12px 26px #0f172a1f}.missing{color:#888;font-style:italic}.printer-card-header{display:flex;gap:10px;align-items:center;margin:20px 0}.printer-card-header>h4{margin:0}.notif-pill{padding:6px 10px;border-radius:999px;background:#e2f3ff;color:#0b63c5;font-size:12px;border:1px solid #b6ddff}.notif-pill:empty{display:none}.map-back-meta{margin-top:8px;margin-bottom:0;font-size:12px;color:#334155}.map-back-header-row{margin-top:8px;display:flex;align-items:center;gap:10px}.theme-modal-backdrop{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:1000}.theme-modal{width:min(620px,92vw);max-height:88vh;overflow-y:auto;background:#fff;border-radius:12px;padding:20px;border:1px solid #dbe3ef;box-shadow:0 20px 35px #0003}.theme-grid{display:grid;grid-template-columns:160px 1fr;gap:12px;align-items:start}.theme-color-row{display:flex;gap:10px}.theme-color-row input[type=text]{width:140px}.theme-grid select{width:180px;padding:6px 8px}.theme-image-section{display:flex;flex-direction:column;gap:10px}.theme-preview-image{width:240px;max-width:100%;border-radius:8px;border:1px solid #dbe3ef;object-fit:cover}.theme-modal-actions{margin-top:18px;display:flex;justify-content:flex-end;gap:10px}@media(max-width:1024px){.location-overview{padding:12px}.loc-header{align-items:flex-start;gap:14px;flex-wrap:wrap}.loc-header>div:last-child{flex-wrap:wrap}.printer-cards,.template-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.printer-card,.template-card,.template-card-1{width:100%;min-width:0}.printer-card-header{flex-wrap:wrap;margin:0 0 14px}}@media(max-width:768px){.loc-header{display:block}.loc-header>div:last-child{margin-top:12px}.primary-btn-long,.secondary-btn-long{width:100%;margin:4px 0}.map-back-header-row{align-items:stretch;flex-direction:column}.printer-cards,.template-cards{grid-template-columns:1fr}.theme-modal-backdrop{align-items:flex-start;padding:12px;overflow-y:auto}.theme-modal{width:100%;max-height:calc(100dvh - 24px);padding:16px}.theme-grid{grid-template-columns:1fr;gap:8px}.theme-grid label{margin-top:8px}.theme-grid select,.theme-color-row input[type=text]{width:100%}.theme-color-row{align-items:center}.theme-color-row input[type=color]{flex:0 0 52px;height:42px}.theme-color-row input[type=text]{min-width:0}.theme-modal-actions{flex-direction:column-reverse}}.danger-btn{background:#ef4444;color:#fff;border:none;border-radius:6px;padding:8px 10px;width:120px;cursor:pointer}.template-box img{object-fit:contain;height:200px;padding:10px!important}.template-box .MuiPaper-root{border-radius:30px}.template-box button{padding:0}.template-box .MuiButtonBase-root{border:none}.template-box .MuiButtonBase-root div.MuiBox-root.css-yqckew{padding:0!important}body{margin:0}.inputRange{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%}.inputRange:focus{outline:none}.inputRange::-webkit-slider-runnable-track{background-color:#33d17a;border-radius:.5rem;height:1rem}.inputRange::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-8px;background-color:#000;border-radius:2.5rem;height:2rem;width:2rem}.inputRange:focus::-webkit-slider-thumb{outline:3px solid #000000;outline-offset:.125rem}.inputRange::-moz-range-track{background-color:#33d17a;border-radius:.5rem;height:1rem}.inputRange::-moz-range-thumb{background-color:#000;border:none;border-radius:2.5rem;height:2rem;width:2rem}.inputRange:focus::-moz-range-thumb{outline:3px solid #000000;outline-offset:.125rem}.rotateBtn{background:#33d17a!important;color:#000!important;padding:8px 10px!important;font-size:.9rem!important;font-weight:700!important}.printer-settings{max-width:820px;margin:0 auto;padding:25px}.printer-settings h2{font-size:24px;margin-bottom:20px}.settings-card{background:#fff;padding:25px;border-radius:8px;border:1px solid #bebebe;box-shadow:0 2px 7px #00000014}.form-group{margin-bottom:18px}.form-group label{display:block;font-weight:600;margin-bottom:6px}.form-group input[type=text],.form-group input[type=number],.form-group select{width:min(100%,360px);padding:10px 12px;border:1px solid #d4d4d4;border-radius:6px;background:#fafafa;font-size:14px}@media(max-width:768px){.printer-settings{max-width:none;padding:10px 0}.printer-settings h2{font-size:21px;line-height:1.25}.settings-card{padding:16px}.form-group input[type=text],.form-group input[type=number],.form-group select{width:100%}.settings-card .primary-btn-long,.settings-card .cancel-btn{width:100%;margin:6px 0 0}}.form-group small{color:#777;font-size:12px}.settings-error{background:#ffe6e6;border:1px solid #ffbcbc;padding:20px;border-radius:6px;color:#a70000}.primary-btn{background:#007bff;width:100px;color:#fff;padding:10px 18px;border:none;border-radius:6px;cursor:pointer;margin-right:12px}.primary-btn:hover{background:#006ade}.cancel-btn{background:#d6d6d6;padding:10px 18px;border-radius:6px;cursor:pointer}.cancel-btn:hover{background:#c2c2c2}.template-manager{margin:0 auto;padding:32px}.template-manager h2{font-size:26px;margin-bottom:20px}.back-btn{background:#d6d6d6;padding:10px 16px;border-radius:6px;margin-bottom:20px;cursor:pointer}.back-btn:hover{background:#c2c2c2}.size-guide{font-size:1rem;font-weight:400}.upload-box{background:#fff;border:1px dashed #bcbcbc;padding:25px;border-radius:8px;margin-bottom:25px;text-align:center}.upload-box p{margin-bottom:10px;font-weight:600}.template-cards,.template-grid{display:flex;flex-wrap:wrap;gap:18px}.template-card{background:#fff;border-radius:10px;padding:15px;width:25%;text-align:center;box-shadow:0 2px 7px #00000014;border:1px solid #e3e3e3}.template-card-1{background:#fff;border-radius:10px;padding:15px;width:220px;text-align:center;box-shadow:0 2px 7px #00000014;border:1px solid #e3e3e3}.template-card img{width:100%;max-height:150px;object-fit:contain;border-radius:6px;margin-bottom:10px}.template-card p{font-weight:600;margin-bottom:10px}.template-table-wrapper{width:100%;overflow-x:auto}.template-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #d8e4ff;border-radius:8px;overflow:hidden;box-shadow:0 12px 26px #0f172a1f}.template-table th,.template-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #eef1f4}.template-table thead{background:#1f6fff;color:#fff}.template-table thead th{color:#fff;font-weight:700}.template-table tbody tr:hover{background:#f9fbff}.template-table tbody tr{cursor:pointer}.template-table tbody tr.is-selected{background:#eaf2ff}.template-thumb{width:auto;height:120px;object-fit:contain;border-radius:6px;border:1px solid #e5e7eb;background:#fff}.template-actions{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.small-btn:disabled,.delete-btn:disabled{opacity:.5;cursor:not-allowed}.small-btn{background:#007bff;color:#fff;padding:8px 10px;border:none;margin-right:5px;border-radius:6px;cursor:pointer;font-size:13px;margin-top:5px}.small-btn:hover{background:#006adc}.delete-btn{background:#ff4e4e;padding:8px 10px;color:#fff;border-radius:6px;cursor:pointer;font-size:13px;border:none}.delete-btn:hover{background:#e04646}.form-group input{margin-top:15px;width:auto}.max-count{color:red}.template-manager .modal-overlay{align-items:center;justify-content:center}.template-modal{width:min(460px,calc(100vw - 32px));height:auto;max-height:calc(100vh - 48px);overflow-y:auto}.template-price-modal{max-height:none}.template-modal .modal-actions{position:static;margin:20px 0 0;padding:0;background:transparent;border-top:0;display:flex;justify-content:flex-end;gap:10px;align-items:center}.template-price-modal .form-group{margin-bottom:0}.template-price-modal input{width:100%;box-sizing:border-box}@media(max-width:768px){.template-manager{padding:10px 0}.template-manager h2{font-size:22px;line-height:1.25}.upload-box{padding:16px}.upload-box input[type=file]{max-width:100%}.template-card,.template-card-1{width:100%}.template-actions{display:grid;grid-template-columns:1fr}.template-actions .small-btn,.template-actions .delete-btn{width:100%;margin-right:0}.template-manager-card-table .template-thumb{max-width:120px;height:auto;max-height:120px}.template-manager .modal-overlay{align-items:center;padding:12px;overflow-y:auto}.template-modal{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.template-modal .modal-actions{display:grid;grid-template-columns:1fr;gap:8px}.template-modal .modal-actions button{width:100%;margin:0}}.template-editor{padding:20px;background:transparent}.template-editor h2{margin-bottom:14px;color:#0f172a}.back-btn{margin-bottom:15px}.editor-wrapper{display:flex;align-items:flex-start;gap:30px}.canvas-container{position:relative;display:inline-block;border:1px solid #d8e4ff;background:#fff;border-radius:12px;max-width:70%;box-shadow:0 14px 30px #0f172a1f}.template-image{display:block;max-width:100%;height:auto}.photo-box{border:2px dashed #0095ff;background:#0095ff26;cursor:move;z-index:10;position:absolute!important}.photo-box.circle{border-radius:50%}.settings-panel{width:260px;padding:18px;border:1px solid #d8e4ff;border-radius:12px;background:#fff;box-shadow:0 14px 30px #0f172a1f}.settings-panel h3{margin-top:0;margin-bottom:12px;color:#0f172a}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:5px}.form-group input,.form-group select{width:100%;padding:8px 10px;border:1px solid #cbd5e1;border-radius:6px}.form-group input:focus,.form-group select:focus{border-color:#1f6fff;outline:none;box-shadow:0 0 0 2px #1f6fff26}.primary-btn{margin-top:10px;width:100%;padding:8px 0}@media(max-width:1024px){.editor-wrapper{flex-direction:column}.canvas-container,.settings-panel{max-width:100%;width:100%}}@media(max-width:768px){.template-editor{padding:10px 0}.template-editor h2{font-size:21px;line-height:1.25}.editor-wrapper{gap:16px}.canvas-container{width:100%;overflow:auto}.settings-panel{padding:14px}}.role-table-wrapper{width:100%;overflow-x:auto}.role-table{border-collapse:collapse;width:100%;background:#fff;border-radius:10px;overflow:hidden;border:1px solid #d8e4ff;box-shadow:0 12px 26px #0f172a1f}.role-table th{text-align:left;padding:12px;background:#1f6fff;color:#fff;font-weight:700}.role-table td{padding:12px;border-top:1px solid #dce6f8;text-align:center}.role-table td:first-child,.role-table th:first-child{text-align:left}.role-group-row td{background:#e8f0ff;color:#0f2a5f;font-weight:700;border-top:1px solid #c9dbff;text-transform:uppercase;letter-spacing:.02em}.role-actions{margin-top:14px;display:flex;justify-content:flex-end}.role-ios-switch{position:relative;display:inline-block;width:46px;height:26px}.role-ios-switch input{opacity:0;width:0;height:0}.role-ios-slider{position:absolute;cursor:pointer;inset:0;background-color:#cfd8e3;transition:.2s;border-radius:999px}.role-ios-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;top:3px;background-color:#fff;transition:.2s;border-radius:50%;box-shadow:0 1px 3px #0000004d}.role-ios-switch input:checked+.role-ios-slider{background-color:#22c55e}.role-ios-switch input:checked+.role-ios-slider:before{transform:translate(20px)}.role-ios-switch input:disabled+.role-ios-slider{opacity:1;cursor:not-allowed}.reports-wrapper{display:flex;flex-direction:column;gap:16px}.reports-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.filters select{padding:8px 10px;border:1px solid #d1d9e6;border-radius:8px;background:#fff;min-width:120px;font-size:16px;height:38px;box-shadow:0 2px 6px #0f172a14}.reports-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.reports-summary .stat-card{background:#fff;border-radius:12px;padding:18px;border:1px solid #d8e4ff;box-shadow:0 12px 28px #0f172a1a}.reports-chart{background:#fff;border:1px solid #d8e4ff;border-radius:12px;padding:16px;box-shadow:0 12px 28px #0f172a14;overflow-x:auto;max-width:100%;min-width:0;box-sizing:border-box}.export-btn{appearance:none;background-color:green;border:1px solid rgba(27,31,35,.15);border-radius:6px;box-shadow:#0082000a 0 1px,#00a00040 0 1px inset;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;list-style:none;padding:2px 8px;position:relative;transition:background-color .2s cubic-bezier(.3,0,.5,1);user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:middle;white-space:nowrap;word-wrap:break-word}.reports-chart .bars{display:flex;gap:5px;align-items:flex-end;min-height:220px;width:fit-content}.reports-chart .bar{background:linear-gradient(180deg,#3b82f6,#1f6fff);border-radius:4px 4px 2px 2px;width:32px}.reports-chart .bars>div{display:flex;flex-direction:column;align-items:center}.reports-chart .bar-label{text-align:center;font-size:12px;margin-top:4px}.reports-table{background:#fff;border:1px solid #d8e4ff;border-radius:12px;box-shadow:0 12px 28px #0f172a14}@media(max-width:768px){.reports-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reports-summary .stat-card{min-width:0;padding:12px}.reports-summary .stat-card h4{font-size:12px;line-height:1.25}.reports-summary .stat-card p{font-size:20px;overflow-wrap:anywhere}.reports-chart{width:100%}}@media(max-width:360px){.reports-summary{gap:8px}.reports-summary .stat-card{padding:10px}.reports-summary .stat-card p{font-size:18px}}.email-templates-page{--et-bg: #f7fbff;--et-card: #ffffff;--et-line: #d7e4f2;--et-line-strong: #bfd3ea;--et-text: #1f2937;--et-muted: #64748b;--et-accent: #0f62fe;--et-accent-soft: #eaf2ff;--et-shadow: 0 16px 32px rgba(15, 23, 42, .08);color:var(--et-text)}.email-templates-header{margin-bottom:14px}.email-templates-header h2{margin:0 0 4px;font-size:26px;font-weight:700;letter-spacing:-.02em}.email-templates-header p{margin:0;color:var(--et-muted);font-size:14px}.email-template-card{background:radial-gradient(circle at top right,rgba(15,98,254,.08),transparent 45%),linear-gradient(180deg,#ffffff 0%,var(--et-bg) 100%);border:1px solid var(--et-line);border-radius:14px;box-shadow:var(--et-shadow);padding:18px;max-width:960px}.email-template-card .form-group{margin-bottom:14px}.email-template-card label{display:block;margin-bottom:6px;font-size:13px;font-weight:700;color:#334155}.email-template-select,.email-template-input,.email-template-textarea{border:1px solid var(--et-line-strong);border-radius:10px;background:var(--et-card);color:var(--et-text);font-size:14px;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.email-template-select,.email-template-input{min-height:42px;padding:10px 12px}.email-template-textarea{min-height:280px;padding:12px 14px;line-height:1.45;resize:vertical;font-family:Consolas,Courier New,monospace;background:linear-gradient(var(--et-card),var(--et-card)) padding-box,repeating-linear-gradient(to bottom,transparent 0,transparent 27px,rgba(148,163,184,.12) 27px,rgba(148,163,184,.12) 28px)}.email-template-select:focus,.email-template-input:focus,.email-template-textarea:focus{outline:none;border-color:var(--et-accent);box-shadow:0 0 0 4px #0f62fe1f}.email-template-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 10px}.email-template-title-row h3{margin:0;font-size:20px;font-weight:700}.email-template-tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:var(--et-accent-soft);border:1px solid #cfe0ff;color:#2356b8;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.email-template-hint{margin:-2px 0 8px;color:var(--et-muted);font-size:12px;line-height:1.4}.email-template-hint code{background:#eef2f7;border:1px solid #dbe3ee;border-radius:6px;padding:1px 5px;color:#334155;font-size:11px}.email-template-actions{margin-top:14px;max-width:960px;display:flex;justify-content:flex-end}@media(max-width:768px){.email-template-card{padding:14px;border-radius:12px}.email-template-title-row{align-items:flex-start;flex-direction:column}.email-template-textarea{min-height:220px}.email-template-actions{justify-content:stretch}.email-template-actions .primary-btn{width:100%}}.transactions-filters{display:grid;grid-template-columns:minmax(140px,.9fr) minmax(140px,.9fr) minmax(120px,.75fr) minmax(170px,1fr) minmax(180px,1.1fr) auto;gap:12px;margin:16px 0 20px;align-items:end}.transactions-filters .filter-group{display:flex;flex-direction:column;gap:6px}.transactions-filters label{font-size:13px;color:#475569;font-weight:600}.transactions-filters input,.transactions-filters select{padding:9px 10px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;font-size:14px}.transactions-filters .filter-actions{display:flex;gap:10px;align-items:stretch;min-width:240px}.primary-btn.apply-filter{background:#1f6fff;color:#fff;border:none;border-radius:8px;padding:11px 16px;font-weight:700;width:auto;height:auto;cursor:pointer;box-shadow:0 10px 24px #1f6fff40}.ghost-btn.reset-filter{background:#eef2ff;color:#1f2937;border:1px solid #cbd5e1;border-radius:8px;padding:11px 16px;font-weight:600;cursor:pointer;min-height:40px}@media(max-width:1280px){.transactions-filters{grid-template-columns:repeat(3,minmax(150px,1fr))}.transactions-filters .filter-actions{grid-column:span 3}}@media(max-width:1024px){.transactions-filters{grid-template-columns:repeat(4,minmax(0,1fr))}.transactions-filters .filter-group:nth-child(5){grid-column:span 2}.transactions-filters .filter-actions{grid-column:span 2;min-width:0;width:100%}.transactions-filters .filter-actions button,.transactions-filters .filter-actions .apply-filter,.transactions-filters .filter-actions .reset-filter{flex:1 1 0;width:100%}}@media(max-width:768px){.transactions-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.transactions-filters .filter-group:nth-child(5),.transactions-filters .filter-actions{grid-column:1 / -1}.transactions-filters .filter-actions{flex-direction:column;gap:10px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{width:100%;overflow-x:hidden}#root{width:100%;min-height:100vh}img,svg,canvas,video{max-width:100%}input,select,textarea,button{font:inherit}.table-wrapper,.template-table-wrapper,.reports-table,.role-table-wrapper{max-width:100%;-webkit-overflow-scrolling:touch}.modal,.settings-card,.form-card,.email-template-card{max-width:100%}@media(max-width:1024px){.login-box{width:min(400px,calc(100vw - 32px))}}@media(max-width:768px){.login-container{padding:16px}.login-box{padding:24px 18px}.modal{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:20px}}