body{background-color:#f4f4f4;font-family:Arial,sans-serif;margin:0;padding:0}h1,h2{color:#333}.error{font-size:16px}header{background-color:#00d094;border-bottom:4px solid #00b87e;color:#fff;font-size:26px;padding:20px 30px;text-align:center}header h1{margin:0}.dashboard-container{margin:0 auto;max-width:1600px;padding:0 20px;width:95%}.dashboard-content{width:100%}.statistics-section,.user-info-section{background-color:#f0f8f9;border:2px solid #00d094;border-radius:12px;box-shadow:0 4px 8px #0000001a;padding:25px}.statistics-section .value{color:#00d094;font-size:1.6em;font-weight:700}.grid-toolbar{display:flex;gap:12px;margin-bottom:20px}.grid-toolbar .app-button,.grid-toolbar button{flex-shrink:0}button{background-color:#00d094;border:none;border-radius:6px;color:#000;cursor:pointer;font-size:16px;padding:12px 20px;transition:all .3s ease}button:hover{background-color:#00b87e;transform:scale(1.05)}button:disabled{background-color:#6c757d;cursor:not-allowed;transform:none}input[type=password],input[type=text],select,textarea{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:18px;padding:12px;width:100%}textarea{min-height:120px;resize:vertical}.login input:focus{border-color:#00d094;box-shadow:0 6px 12px #0000001a;outline:none}.table-container{overflow-x:auto}table{background-color:#fff;border:1px solid #ddd;border-collapse:collapse;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:30px;width:100%}td,th{border-bottom:1px solid #ddd;padding:14px;text-align:left}th{background-color:#00d094;color:#000}tr:nth-child(2n){background-color:#f9f9f9}tr:hover{background-color:#f1f1f1}.modal-overlay{background:#00000080;height:100%;left:0;top:0;width:100%;z-index:1000}.modal-content{box-shadow:0 4px 8px #0003;max-height:80vh;max-width:700px;overflow-y:auto;width:100%}.modal-content button.close-button{background:#ff5c5c;padding:12px;position:absolute;right:15px;top:15px}.modal-content button.close-button:hover{background:#ff4040}.csv-manager-grid{border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.csv-manager-row{grid-gap:12px;align-items:center;border-bottom:1px solid #e5e7eb;display:grid;gap:12px;grid-template-columns:1fr auto auto;padding:8px 14px}.csv-manager-row:last-child{border-bottom:none}.csv-manager-header{background:#f3f6fa;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.05em;padding:10px 14px;text-transform:uppercase}.csv-manager-row:not(.csv-manager-header):hover{background:#fafbfc}.csv-manager-label{color:#1f2328;font-size:14px}.csv-manager-na{color:#d1d5db;display:flex;font-size:16px;justify-content:center;min-width:88px;text-align:center}.add-client-row{align-items:end;display:flex;gap:15px}.client-select{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:16px;padding:12px}.client-search-wrap{flex:1 1;position:relative}.client-search-input{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:15px;outline:none;padding:10px 32px 10px 12px;width:100%}.client-search-input:focus{border-color:#00d094}.client-search-clear{background:none;border:none;color:#888;cursor:pointer;font-size:18px;line-height:1;padding:0 4px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.client-search-clear:hover{color:#333}.client-search-dropdown{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #0000001f;left:0;list-style:none;margin:0;max-height:220px;overflow-y:auto;padding:4px 0;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.client-search-option{cursor:pointer;font-size:14px;padding:8px 14px}.client-search-option:hover{background-color:#f0fdf8}.client-search-id{color:#888;font-size:12px;margin-right:4px}.clients-list{display:flex;flex-direction:column;gap:10px}.client-item{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;padding:15px;transition:all .2s ease}.client-item:hover{background-color:#e9ecef;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.remove-client-btn{background-color:#dc3545;font-size:14px;padding:8px 12px}.remove-client-btn:hover{background-color:#c82333}.commission-info{background:linear-gradient(135deg,#00d094,#00b87e);border-radius:8px;color:#fff;margin-bottom:25px;padding:20px;text-align:center}@media (max-width:600px){header{font-size:20px;padding:15px 10px}.admin-dashboard,.dashboard-container{padding:0 10px;width:100%}.dashboard-content{padding:20px 15px}.tab-navigation{flex-direction:column;gap:5px}.tab-button{font-size:14px;min-width:100%;padding:12px}.machines-section{padding:30px 10px}.machines-section h2{font-size:22px}.machines-section p{font-size:14px}.tools-table,.user-grid-section table{display:block;overflow-x:auto;width:100%}.button-container,.top-actions{flex-direction:column;gap:6px}.user-grid-section input[type=text]{width:100%}.tab-content{min-height:auto;padding:20px 15px}.stats h3{font-size:16px}.stats p{font-size:14px}.pagination button{font-size:12px;padding:4px 8px}}@media (max-width:900px){.tab-navigation{flex-wrap:wrap}.tab-button{flex:1 1 45%;margin-bottom:5px}.dashboard-content{padding:25px 15px}.machines-section{padding:40px 15px}}.modal-content{background-color:#fff;box-shadow:0 6px 18px #0003;gap:15px;margin:40px auto;max-width:70%;padding:25px;position:relative;width:90%}@media (max-width:1024px){.modal-content{max-width:80%}}.close-button{background:#0000;font-size:24px;right:15px;top:15px}form label{display:flex;flex-direction:column;font-size:16px;font-weight:700;margin-bottom:12px}form input,form select{font-size:16px;margin-top:6px;padding:10px}.error{font-size:14px;margin-bottom:8px}.checkbox-label{align-items:center;display:flex;flex-direction:row;font-size:16px;font-weight:700;gap:8px;margin-bottom:12px}.checkbox-label input[type=checkbox]{margin:0}.user-grid-section .button-container{display:flex;flex-wrap:wrap;gap:6px}.user-grid-section .button-container button{flex:none;white-space:nowrap}.modal-content table{border-collapse:collapse;margin-top:15px;width:100%}.modal-content td,.modal-content th{border-bottom:1px solid #ddd;font-size:14px;padding:10px;text-align:left}.button-spacing{display:flex;flex-wrap:wrap;gap:8px}.user-grid-toolbar{align-items:center;display:flex;gap:10px;margin-bottom:12px}.user-grid-toolbar-btn{font-size:13px;padding:7px 16px}.user-grid-toolbar-btn--secondary{background:#0000;border:1px solid #d0d7de;color:#374151}.user-grid-toolbar-btn--secondary:hover{background:#f3f4f6}.user-grid-section table{border-collapse:collapse;margin-top:4px;width:100%}.user-grid-section td,.user-grid-section th{border-bottom:1px solid #ddd;padding:10px;text-align:left}.user-grid-section th.sortable{cursor:pointer}.button-container{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.pagination{display:flex;gap:6px;margin-top:15px}.pagination button{background-color:initial;border:1px solid #ccc;cursor:pointer;padding:6px 10px;transition:background-color .2s}.pagination button:hover{background-color:#f0f0f0}.pagination button.active{background-color:#e0f7f1;border-color:#00b87e;color:#000;font-weight:600}.user-grid-section input[type=text]{box-sizing:border-box;margin-bottom:4px;padding:6px 8px;width:100%}.user-grid-txn-actions{display:inline-flex;gap:5px;white-space:nowrap}.user-grid-icon-btn{display:inline-flex;height:38px;padding:0;width:38px}.login,.user-grid-icon-btn{align-items:center;justify-content:center}.login{box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;padding:20px}.login h1{margin-bottom:20px;text-align:center}.login form{align-items:stretch;display:flex;flex-direction:column;max-width:400px;width:100%}.input-group{margin-bottom:15px}button.install-button,button[type=submit]{border-radius:6px;cursor:pointer;font-size:16px;margin-top:10px;padding:12px;width:100%}.install-button{opacity:0;transition:opacity .3s ease}.install-button.visible{opacity:1}.error{color:red;margin-top:8px;text-align:center}.debug-mode-login{animation:slideDown .3s ease;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-top:15px;padding:12px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.debug-label-login{align-items:center;cursor:pointer;display:flex;gap:10px;justify-content:space-between}.debug-text-login{color:#374151;font-size:12px;font-weight:500}.debug-checkbox-login{accent-color:#00d094;cursor:pointer;height:18px;width:18px}.tools-section{display:flex;flex-direction:column;gap:20px;padding:20px}.stats h3{margin-bottom:8px}.stats p{margin:0 0 12px}.top-actions{display:flex;flex-wrap:wrap;gap:10px}.top-actions button{cursor:pointer;padding:8px 12px}.tools-table{border-collapse:collapse;width:100%}.tools-table td,.tools-table th{border:1px solid #ddd;padding:8px;text-align:left}.tools-table th{background-color:#f3f6fa}.tools-table button{cursor:pointer;padding:6px 10px}.tools-table input[type=file]{cursor:pointer}.dg-wrapper{width:100%}.dg-table-scroll{overflow-x:auto;width:100%}.dg-table{border-collapse:collapse;box-shadow:0 4px 8px #00000014;width:100%}.dg-th{background-color:#00d094;color:#000;padding:10px 10px 0;text-align:left;vertical-align:top;white-space:nowrap}.dg-th-inner{display:flex;flex-direction:column;gap:4px;min-width:0;padding-bottom:6px}.dg-th-label{align-items:center;display:flex;font-weight:600;gap:5px;-webkit-user-select:none;user-select:none}.dg-clickable{cursor:pointer}.dg-clickable:hover{opacity:.8}.dg-sort-icon-wrap{font-size:.75rem;opacity:.7}.dg-sort-inactive{opacity:.4}.dg-col-search{background:#ffffffd9;border:1px solid #0003;border-radius:3px;box-sizing:border-box;font-size:.78rem;outline:none;padding:3px 6px;width:100%}.dg-col-search:focus{background:#fff;border-color:#007a5e}.dg-col-select{background:#ffffffd9;border:1px solid #0003;border-radius:3px;box-sizing:border-box;cursor:pointer;font-size:.78rem;max-width:100%;min-width:0;outline:none;overflow:hidden;padding:3px 4px;text-overflow:ellipsis;width:100%}.dg-col-select:focus{background:#fff;border-color:#007a5e}.dg-date-range{align-items:center;display:flex;gap:3px}.dg-col-date{background:#ffffffd9;border:1px solid #0003;border-radius:3px;box-sizing:border-box;flex:1 1;font-size:.72rem;min-width:0;outline:none;padding:2px 4px}.dg-col-date:focus{background:#fff;border-color:#007a5e}.dg-date-sep{flex-shrink:0;font-size:.75rem;opacity:.7}.dg-th-actions,.dg-th-check{white-space:nowrap;width:1%}.dg-td{border-bottom:1px solid #ddd;padding:10px;vertical-align:middle}.dg-row:nth-child(2n){background-color:#f9f9f9}.dg-row:hover{background-color:#f1f1f1}.dg-row-selected,.dg-row-selected:hover,.dg-row-selected:nth-child(2n){background-color:#e0f7f1}.dg-td-check{text-align:center;white-space:nowrap;width:1%}.dg-empty{color:#666;padding:24px;text-align:center}.dg-td-actions{white-space:nowrap;width:1%}.dg-actions-cell{gap:5px}.dg-action-btn,.dg-actions-cell{align-items:center;display:inline-flex}.dg-action-btn{background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.85rem;height:34px;justify-content:center;padding:0;transition:background-color .15s,border-color .15s;width:34px}.dg-action-btn:hover:not(:disabled){background-color:#f0f0f0}.dg-action-btn:disabled{cursor:default;opacity:.35}.dg-action-btn .dg-btn-label{margin-left:5px}.dg-action-btn.dg-btn-label-only{padding:0 10px;width:auto}.dg-btn-danger{border-color:#c0392b;color:#c0392b}.dg-btn-danger:hover:not(:disabled){background-color:#fdf0ef}.dg-btn-success{border-color:#00875a;color:#00875a}.dg-btn-success:hover:not(:disabled){background-color:#e9f7f1}.dg-btn-primary{border-color:#1a6fc4;color:#1a6fc4}.dg-btn-primary:hover:not(:disabled){background-color:#eaf2fd}.dg-btn-warning{border-color:#b7770d;color:#b7770d}.dg-btn-warning:hover:not(:disabled){background-color:#fdf6e3}.dg-btn-inactive{border-color:#e0e0e0;color:silver;cursor:default}.col-icon-active{color:#00875a}.col-icon-inactive{color:#d0d0d0}.dg-footer{gap:8px;justify-content:space-between;margin-top:12px}.dg-footer,.dg-page-size-picker{align-items:center;display:flex;flex-wrap:wrap}.dg-page-size-picker{gap:6px}.dg-page-size-label{color:#555;font-size:.85rem}.dg-size-btn{background:#0000;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.85rem;padding:4px 10px;transition:background-color .15s}.dg-size-btn:hover{background-color:#f0f0f0}.dg-size-btn.active{background-color:#e0f7f1;border-color:#00b87e;font-weight:600}.dg-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.dg-record-count{color:#555;font-size:.85rem;margin-right:6px}.dg-page-btn{background:#0000;border:1px solid #ccc;border-radius:4px;cursor:pointer;flex-shrink:0;font-size:.85rem;font-weight:600;height:32px;padding:0;transition:background-color .15s;width:32px}.dg-page-btn:hover:not(:disabled){background-color:#f0f0f0}.dg-page-btn:disabled{cursor:default;opacity:.35}.dg-page-btn.active{background-color:#e0f7f1;border-color:#00b87e}.dg-ellipsis{color:#888;padding:0 4px;-webkit-user-select:none;user-select:none}.app-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:7px;justify-content:center;line-height:1;padding:8px 18px;transition:background-color .15s,opacity .15s;white-space:nowrap}.app-btn:disabled{cursor:default;opacity:.45}.app-btn.app-btn-icon-only{border-radius:6px;height:36px;padding:0;width:36px}.app-btn-primary{background-color:#00d094;color:#000}.app-btn-primary:hover:not(:disabled){background-color:#00b87e}.app-btn-secondary{background-color:#e0e0e0;color:#333}.app-btn-secondary:hover:not(:disabled){background-color:#cacaca}.app-btn-danger{background-color:#e74c3c;color:#fff}.app-btn-danger:hover:not(:disabled){background-color:#c0392b}.app-btn-warning{background-color:#f39c12;color:#fff}.app-btn-warning:hover:not(:disabled){background-color:#d68910}.app-btn-success{background-color:#27ae60;color:#fff}.app-btn-success:hover:not(:disabled){background-color:#1e8449}.fancy-button{align-items:center;background-color:#00d094;border:none;border-radius:6px;color:#000;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:7px;justify-content:center;line-height:1;padding:8px 18px;transition:background-color .15s,opacity .15s;white-space:nowrap}.fancy-button:hover:not(:disabled){background-color:#00b87e}.fancy-button:disabled{cursor:default;opacity:.45}.modal-overlay{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:500}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 50px #0f172a40;overflow:hidden}.modal-content,.modal-inner{display:flex;flex-direction:column}.modal-inner{height:100%}.modal-size-small{max-height:80vh;max-width:400px;width:100%}.modal-size-medium{max-height:85vh;max-width:600px;width:100%}.modal-size-large{max-height:90vh;max-width:900px;width:100%}.modal-size-fullscreen{height:90vh;max-height:90vh;max-width:1200px;width:90vw}.modal-scrollable .modal-body{flex-shrink:1;overflow-y:auto}.modal-body{flex:1 1;padding:0}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:18px 20px 14px}.modal-title{color:#1f2328;flex:1 1;font-size:16px;font-weight:700;margin:0}.modal-close-btn{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;flex-shrink:0;font-size:28px;line-height:1;margin-left:12px;padding:2px 6px;transition:background-color .15s ease}.modal-close-btn:hover{background:#f3f4f6;color:#1f2328}.modal-body{padding:20px}.modal-body p{color:#374151;line-height:1.6;margin:0 0 12px}.modal-body p:last-child{margin-bottom:0}.modal-footer{border-top:1px solid #e5e7eb;flex-shrink:0;padding:14px 20px}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.modal-actions button{min-width:100px}.modal-body .form-group{margin-bottom:16px}.modal-body .form-group:last-child{margin-bottom:0}.modal-body .form-group label{color:#1f2328;display:block;font-size:13px;font-weight:600;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.modal-body .form-group input,.modal-body .form-group select,.modal-body .form-group textarea{border:1px solid #d0d7de;border-radius:8px;color:#1f2328;font-family:inherit;font-size:14px;padding:10px 12px;width:100%}.modal-body .form-group textarea{min-height:120px;resize:vertical}.modal-body .form-group input:focus,.modal-body .form-group select:focus,.modal-body .form-group textarea:focus{border-color:#00d094;box-shadow:0 0 0 3px #00d0941a;outline:none}.error-message{background:#fef2f2;border-left:3px solid #b91c1c;border-radius:8px;color:#b91c1c;font-size:13px;margin-bottom:16px;padding:12px 16px}.modal-body .news-video-wrapper{border-radius:8px;flex-grow:1;margin:0;min-height:500px}.modal-body .news-video-iframe{border:none;height:100%;width:100%}@media (max-width:768px){.modal-overlay{padding:8px}.modal-size-fullscreen,.modal-size-large,.modal-size-medium,.modal-size-small{height:auto;max-height:95vh;max-width:100%;width:100%}.modal-header{padding:14px 16px 10px}.modal-title{font-size:15px}.modal-body{padding:16px}.modal-footer{padding:12px 16px}.modal-actions{flex-direction:column}.modal-actions button{width:100%}.modal-body .news-video-wrapper{min-height:300px}}@media (max-width:480px){.modal-overlay{padding:4px}.modal-header{padding:12px 12px 8px}.modal-close-btn{font-size:24px}.modal-body{padding:12px}.modal-footer{padding:10px 12px}}.news-view-wrapper{display:flex;flex-direction:column;gap:20px}.news-container{grid-gap:20px;display:grid;gap:20px;padding:0}.news-empty{color:#9ca3af;font-size:16px;padding:40px 20px;text-align:center}.news-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;transition:box-shadow .15s ease}.news-card:hover{box-shadow:0 8px 16px #0f172a1f}.news-card-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.news-card-title{color:#1f2328;flex:1 1;font-size:18px;font-weight:700;line-height:1.3;margin:0}.news-card-date{color:#9ca3af;flex-shrink:0;font-size:12px;white-space:nowrap}.news-video-wrapper{aspect-ratio:16/9;background:#000;border-radius:8px;margin:16px 0;min-height:400px;overflow:hidden}.news-detail-modal .news-video-wrapper{flex-grow:1;margin:0;min-height:500px}.news-video-iframe{border:none;height:100%;width:100%}.news-video-link{background:#00d094;border-radius:8px;color:#fff;display:inline-block;font-weight:600;margin:16px 0;padding:12px 16px;text-decoration:none;transition:background-color .15s ease}.news-video-link:hover{background:#00b882}.news-card-content{color:#374151;font-size:14px;line-height:1.6}.news-card-content p{margin:0 0 12px}.news-card-content p:last-child{margin-bottom:0}.news-card-updated{border-top:1px solid #f3f4f6;color:#9ca3af;font-size:12px;margin-top:12px;padding-top:12px}.news-pagination{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:center;margin-top:20px;padding:16px}.pagination-btn{background:#fff;border:1px solid #d0d7de;border-radius:8px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;min-width:120px;padding:8px 14px;transition:all .15s ease}.pagination-btn:hover:not(:disabled){background:#00d094;border-color:#00d094;color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#6b7280;font-size:13px;font-weight:500;min-width:140px;text-align:center}.news-detail-modal{background:#fff;border-radius:12px;display:flex;flex-direction:column;height:90vh;max-height:90vh;max-width:1200px;overflow-y:auto;padding:24px;position:relative;width:90vw}.close-button{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:background-color .15s ease;width:32px}.close-button:hover{background:#f3f4f6}.news-detail-content{display:flex;flex-direction:column;gap:16px;padding-top:8px}.news-detail-title{color:#1f2328;font-size:24px;font-weight:700;line-height:1.3;margin:0 0 12px}.news-detail-dates{color:#9ca3af;display:flex;flex-wrap:wrap;font-size:12px;gap:16px;margin:0 0 16px}.news-detail-dates span{display:block}.news-detail-body{color:#374151;font-size:15px;line-height:1.6;margin-top:16px}.news-detail-body p{margin:0 0 12px}.news-detail-body p:last-child{margin-bottom:0}@media (max-width:768px){.news-card{padding:16px}.news-card-header{align-items:flex-start;flex-direction:column}.news-card-date{white-space:normal}.news-card-title{font-size:16px}.news-card-content{font-size:13px}}.admin-dashboard{margin:0 auto;max-width:1600px;padding:0 20px;width:95%}.dashboard-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;margin:30px auto;max-width:1600px;padding:30px}.dashboard-content h1{color:#333;margin:0 0 30px;text-align:center}.tab-navigation{-ms-overflow-style:none;background-color:#f0f8f9;border:2px solid #00d094;border-radius:12px 12px 0 0;display:flex;margin-bottom:0;overflow-x:auto;scrollbar-width:none}.tab-navigation::-webkit-scrollbar{display:none}.tab-button{background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;min-width:140px;padding:20px 25px;transition:all .2s ease;white-space:nowrap}.tab-button:first-child{border-radius:10px 0 0 0}.tab-button:last-child{border-radius:0 10px 0 0}.tab-button:hover{background-color:#00d0941a;color:#00b87e}.tab-button.active{background-color:#00d094;border-bottom-color:#00b87e;color:#fff;font-weight:600}.tab-content{background-color:#fff;border:2px solid #00d094;border-radius:0 0 12px 12px;border-top:none;min-height:400px;padding:30px}.machines-section{color:#666;padding:8px 0 0}.machines-header-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.machines-section h2{color:#00d094;margin-bottom:10px}.machines-summary-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:16px 0}.machines-summary-card{background:#f8fbfd;border:1px solid #d6e0e6;border-radius:10px;padding:12px}.machines-summary-card h3{color:#4b5c68;font-size:13px;margin:0 0 6px}.machines-summary-card p{color:#0f766e;font-weight:700;margin:0}.machines-estimate-controls{align-items:center;color:#4b5c68;display:flex;font-size:13px;gap:8px;margin-bottom:8px}.machines-estimate-controls label{align-items:center;display:inline-flex;gap:6px}.machines-price-input{background:#fff;border:1px solid #c7d4dc;border-radius:6px;color:#1f2933;font-size:13px;height:30px;padding:4px 8px;width:90px}.machines-electricity-input-wrap{align-items:center;display:inline-flex;gap:8px}.machines-electricity-input-wrap span{color:#4b5c68;font-size:13px;font-weight:600}.machines-market-row{display:flex;flex-wrap:wrap;font-size:14px;gap:14px;margin:6px 0 16px}.machines-table{border-collapse:collapse;margin:16px 0;table-layout:fixed;width:100%}.machines-table td,.machines-table th{border-bottom:1px solid #e6edf3;padding:12px;text-align:center;vertical-align:middle}.machines-table th{color:#3f4d57;font-weight:700}.machines-table td{color:#0f766e;font-weight:700}.machines-edit-cell{max-width:72px;width:72px}.machines-worker-col{max-width:360px;min-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:28%}.machines-connected-col{min-width:110px;text-align:center!important;width:110px}.monthly-payout-section h2{color:#00b87e;margin:0 0 8px}.monthly-payout-section p{color:#666;margin:0 0 20px}.monthly-payout-hint{background:#effcf7;border:1px solid #b9ecda;border-radius:8px;color:#146c43;font-size:14px;margin:0 0 14px;padding:10px 12px}.monthly-payout-controls{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.monthly-payout-controls select{background:#fff;border:1px solid #d0d7de;border-radius:8px;min-width:280px;padding:10px 12px}.monthly-payout-create-textarea{border:1px solid #d0d7de;border-radius:8px;flex:1 1;font-family:inherit;min-width:320px;padding:10px 12px;resize:vertical}.monthly-payout-error{background:#fef3f2;border:1px solid #fecdca;border-radius:8px;color:#b42318;padding:10px 12px}.monthly-payout-empty{background:#f8fbfd;border:1px dashed #b5c2ca;border-radius:10px;padding:18px}.monthly-payout-table{border-collapse:collapse;width:100%}.monthly-payout-table td,.monthly-payout-table th{border-bottom:1px solid #e6edf3;padding:12px;text-align:left;vertical-align:middle}.monthly-payout-table td{max-width:320px}.monthly-payout-table td:first-child,.monthly-payout-table th:first-child{max-width:64px;text-align:center;width:64px}.monthly-payout-table td:nth-child(n+4),.monthly-payout-table th:nth-child(n+4){max-width:72px;text-align:center;width:72px}.monthly-payout-row-drag-over td{background:#e8fff7;border-top:2px solid #00d094;transition:background-color .12s ease,border-top-color .12s ease}.monthly-payout-row-dragging td{background:#f1f8f5;box-shadow:inset 0 0 0 1px #00d09459;opacity:.7;transform:scale(.995);transition:opacity .12s ease,transform .12s ease,box-shadow .12s ease}.monthly-payout-drag-cell{text-align:center}.payout-drag-handle{align-items:center;cursor:grab;display:inline-flex;justify-content:center;min-width:36px;padding:8px 10px;transition:transform .12s ease}.payout-drag-handle:active{cursor:grabbing;transform:scale(.96)}.payout-drag-icon{font-weight:700;letter-spacing:1px;line-height:1}.payout-note-tooltip{cursor:help;display:inline-block;max-width:100%;position:relative}.payout-note-preview{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.payout-note-tooltip:hover:after{background:#111827;border-radius:8px;box-shadow:0 8px 20px #00000040;color:#f9fafb;content:attr(data-full-note);left:0;line-height:1.35;max-width:min(560px,70vw);overflow-wrap:anywhere;padding:10px 12px;pointer-events:none;position:absolute;top:calc(100% + 8px);white-space:normal;width:-webkit-max-content;width:max-content;z-index:20}.monthly-payout-action-cell{text-align:center}.payout-action-btn{align-items:center;display:inline-flex;justify-content:center;min-width:40px;padding:10px}.payout-note-textarea{border:1px solid #d0d7de;border-radius:8px;font-family:inherit;margin-top:12px;padding:12px;resize:vertical;width:100%}.payout-note-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.notif-bell-wrap{display:inline-flex}.notif-bell-btn,.notif-bell-wrap{align-items:center;position:relative}.notif-bell-btn{background:#0000;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:6px 8px;transition:background-color .15s ease,color .15s ease}.notif-bell-btn.open,.notif-bell-btn:hover{background-color:#f0fdf8;color:#00d094}.notif-badge{background:#e53e3e;border-radius:999px;color:#fff;font-size:10px;font-weight:700;height:16px;line-height:16px;min-width:16px;padding:0 3px;pointer-events:none;position:absolute;right:2px;text-align:center;top:2px}.notif-panel{background:#fff;border:1px solid #d0d7de;border-radius:12px;box-shadow:0 12px 28px #0f172a2e;display:flex;flex-direction:column;max-height:480px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:340px;z-index:200}.notif-panel-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.notif-panel-title{color:#1f2328;font-size:14px;font-weight:600}.notif-mark-all-btn{align-items:center;background:none;border:none;border-radius:6px;color:#00d094;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 6px}.notif-mark-all-btn:hover{background:#f0fdf8}.notif-list{flex:1 1;overflow-y:auto}.notif-empty{color:#9ca3af;font-size:14px;margin:0;padding:32px 16px;text-align:center}.notif-item{border-bottom:1px solid #f3f4f6;padding:12px 16px;transition:background-color .12s ease}.notif-item.unread{background:#f0fdf8;cursor:pointer}.notif-item.unread:hover{background:#dcfff4}.notif-item:last-child{border-bottom:none}.notif-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.notif-type-label{color:#00a87a;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.notif-dot{background:#00d094;border-radius:50%;flex-shrink:0;height:8px;width:8px}.notif-message{color:#374151;font-size:13px;line-height:1.4;margin:0 0 4px}.notif-date{color:#9ca3af;font-size:11px}.pref-overlay{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:500}.pref-modal{background:#fff;border-radius:14px;box-shadow:0 20px 50px #0f172a40;display:flex;flex-direction:column;max-height:90vh;max-width:480px;overflow:hidden;width:100%}.pref-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:18px 20px 14px}.pref-title{color:#1f2328;font-size:16px;font-weight:700;margin:0}.pref-close{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:22px;line-height:1;padding:2px 6px}.pref-close:hover{background:#f3f4f6;color:#1f2328}.pref-body{flex:1 1;overflow-y:auto;padding:0 20px}.pref-section{border-bottom:1px solid #f3f4f6;padding:16px 0}.pref-section:last-child{border-bottom:none}.pref-section-title{color:#1f2328;font-size:13px;font-weight:700;letter-spacing:.05em;margin:0 0 4px;text-transform:uppercase}.pref-section-desc{color:#6b7280;font-size:13px;line-height:1.4;margin:0 0 12px}.pref-toggle-row{align-items:center;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:8px 0}.pref-toggle-label{color:#374151;font-size:14px}.pref-checkbox{accent-color:#00d094;cursor:pointer;flex-shrink:0;height:18px;width:18px}.pref-permission-granted{color:#059669;font-size:13px;margin:0}.pref-permission-denied{color:#b91c1c;font-size:13px;margin:0}.pref-allow-btn{background:#00d094;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:9px 16px;transition:background-color .15s ease}.pref-allow-btn:hover{background:#00b882}.pref-footer{border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:14px 20px}.pref-cancel-btn{background:#f3f4f6;border:none;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:9px 18px}.pref-cancel-btn:hover{background:#e5e7eb}.pref-save-btn{background:#00d094;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:9px 18px;transition:background-color .15s ease}.pref-save-btn:hover{background:#00b882}@media (max-width:480px){.notif-panel{left:8px;max-height:calc(100vh - 80px);position:fixed;right:8px;top:60px;width:auto}.pref-modal{border-radius:10px;max-height:95vh}}.header-right{gap:8px}.header-right,header{align-items:center;display:flex}header{background-color:#fff;border-bottom:1px solid #ddd;color:#000;font-family:Arial,sans-serif;justify-content:space-between;padding:10px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.logo-container{align-items:center;display:flex}.user-menu{position:relative}.user-menu-trigger{align-items:center;background:#fff;border:1px solid #d0d7de;border-radius:999px;cursor:pointer;display:inline-flex;gap:10px;padding:6px 10px 6px 6px;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.user-menu-trigger.open,.user-menu-trigger:hover{background:#f5fffb;border-color:#00d094;box-shadow:0 0 0 3px #00d09426}.user-avatar{align-items:center;background:#00d094;border-radius:50%;color:#06281e;display:inline-flex;font-weight:700;height:32px;justify-content:center;width:32px}.user-meta{align-items:flex-start;display:flex;flex-direction:column;line-height:1.1}.user-name{color:#1f2328;font-size:14px;font-weight:600}.user-role{color:#667085;font-size:11px;letter-spacing:.04em;text-transform:uppercase}.user-menu-dropdown{background:#fff;border:1px solid #d0d7de;border-radius:10px;box-shadow:0 12px 24px #0f172a26;min-width:180px;padding:6px;position:absolute;right:0;top:calc(100% + 8px)}.user-menu-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#b42318;display:flex;font-size:14px;gap:8px;padding:10px 12px;text-align:left;width:100%}.user-menu-item:hover{background:#fff1f1;transform:none}.user-menu-item--neutral{color:#374151}.user-menu-item--neutral:hover{background:#f3f4f6}.menu-item-icon{font-size:13px;opacity:.75}.maintenance-toggle{align-items:center;background:#fff;border:1px solid #d0d7de;border-radius:999px;color:#374151;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 14px;transition:background-color .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap}.maintenance-toggle:hover:not(:disabled){background:#fff8f0;border-color:#f59e0b;color:#b45309}.maintenance-toggle--active{background:#fef2f2;border-color:#f87171;color:#b91c1c}.maintenance-toggle--active:hover:not(:disabled){background:#fee2e2;border-color:#ef4444}.maintenance-toggle:disabled{cursor:not-allowed;opacity:.6}.debug-mode-toggle{border-top:1px solid #e5e7eb;margin-top:6px;padding-top:6px}.debug-label{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;transition:background-color .15s ease;width:100%}.debug-label:hover{background-color:#f3f4f6}.debug-text{color:#374151;flex:1 1;font-size:12px;font-weight:500}.debug-checkbox{accent-color:#00d094;cursor:pointer;height:18px;width:18px}
/*# sourceMappingURL=main.19a25985.css.map*/