:root{--bg-color: #f8f9fa;--text-color: #212529;--nav-bg: linear-gradient(135deg, #1976d2 0%, #1565c0 100%);--nav-text: #fff;--card-bg: #fff;--link-color: #007bff;--border-color: #dee2e6;--hover-bg: #e9ecef;--muted-text: #6c757d;--error-color: #dc3545;--success-color: #28a745;--warning-color: #ffc107;--info-color: #17a2b8;--input-bg: #fff;--input-border: #ced4da;--table-header-bg: #f8f9fa;--table-row-hover: #f5f5f5;--shadow-light: rgba(0, 0, 0, .1);--shadow-medium: rgba(0, 0, 0, .15);--badge-bg: #e9ecef;--badge-text: #495057;--button-secondary-bg: #6c757d;--button-secondary-hover: #5a6268}body.dark-mode{--bg-color: #121212;--text-color: #f8f9fa;--nav-bg: linear-gradient(135deg, #333 0%, #222 100%);--nav-text: #eee;--card-bg: #1e1e1e;--link-color: #4dabf7;--border-color: #495057;--hover-bg: #343a40;--muted-text: #adb5bd;--error-color: #e74c3c;--success-color: #27ae60;--warning-color: #f39c12;--info-color: #3498db;--input-bg: #2c3e50;--input-border: #495057;--table-header-bg: #2c3e50;--table-row-hover: #34495e;--shadow-light: rgba(0, 0, 0, .3);--shadow-medium: rgba(0, 0, 0, .4);--badge-bg: #495057;--badge-text: #f8f9fa;--button-secondary-bg: #495057;--button-secondary-hover: #6c757d}*{box-sizing:border-box}html{overflow-x:hidden;max-width:100vw}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden;max-width:100vw;box-sizing:border-box}input,select,textarea{background-color:var(--input-bg);color:var(--text-color);border:1px solid var(--input-border)}input:focus,select:focus,textarea:focus{border-color:var(--link-color);outline:none;box-shadow:0 0 0 2px #007bff33}body.dark-mode input:focus,body.dark-mode select:focus,body.dark-mode textarea:focus{box-shadow:0 0 0 2px #4dabf733}.form-container,.asset-form,.ticket-form,.device-form,.invoice-form{background-color:var(--card-bg);color:var(--text-color)}.form-header,.header h2{color:var(--text-color)}.form-error,.error{color:var(--error-color);background-color:var(--card-bg);border:1px solid var(--error-color)}.form-section h3{color:var(--link-color);border-bottom-color:var(--border-color)}.form-control{background-color:var(--input-bg);color:var(--text-color);border-color:var(--input-border)}.form-control:focus{border-color:var(--link-color)}.form-control.invalid{border-color:var(--error-color)}.error-message{color:var(--error-color)}.form-actions{border-top-color:var(--border-color)}.btn-primary{background-color:var(--link-color)}.btn-secondary{background-color:var(--button-secondary-bg)}.btn-secondary:hover{background-color:var(--button-secondary-hover)}.create-edit-asset .header h2,.create-edit-device .header h2,.create-edit-invoice .header h2,.create-edit-ticket .header h2{color:var(--text-color)!important}.create-edit-asset .asset-form,.create-edit-device .device-form,.create-edit-invoice .invoice-form,.create-edit-ticket .ticket-form{background:var(--card-bg)!important;color:var(--text-color)!important;box-shadow:0 2px 10px var(--shadow-light)!important}.create-edit-asset .form-section h3,.create-edit-device .form-section h3,.create-edit-invoice .form-section h3,.create-edit-ticket .form-section h3{color:var(--link-color)!important;border-bottom-color:var(--border-color)!important}.create-edit-asset .form-control,.create-edit-device .form-control,.create-edit-invoice .form-control,.create-edit-ticket .form-control{background-color:var(--input-bg)!important;color:var(--text-color)!important;border-color:var(--input-border)!important}.create-edit-asset .form-control:focus,.create-edit-device .form-control:focus,.create-edit-invoice .form-control:focus,.create-edit-ticket .form-control:focus{border-color:var(--link-color)!important}.create-edit-asset .error-message,.create-edit-device .error-message,.create-edit-invoice .error-message,.create-edit-ticket .error-message{color:var(--error-color)!important}.create-edit-asset .form-actions,.create-edit-device .form-actions,.create-edit-invoice .form-actions,.create-edit-ticket .form-actions{border-top-color:var(--border-color)!important}.create-edit-asset .btn-primary,.create-edit-device .btn-primary,.create-edit-invoice .btn-primary,.create-edit-ticket .btn-primary{background-color:var(--link-color)!important}.create-edit-asset .btn-secondary,.create-edit-device .btn-secondary,.create-edit-invoice .btn-secondary,.create-edit-ticket .btn-secondary{background-color:var(--button-secondary-bg)!important}.create-edit-asset .form-group label,.create-edit-device .form-group label,.create-edit-invoice .form-group label,.create-edit-ticket .form-group label{color:var(--text-color)!important}.plan-card{background:var(--card-bg);border-color:var(--border-color);box-shadow:0 2px 4px var(--shadow-light)}.plan-header h3{color:var(--text-color)}.support-level{background-color:var(--badge-bg);color:var(--link-color)}.plan-details p,.feature{color:var(--muted-text)}.feature.enabled{color:var(--success-color)}.container{max-width:100%;padding:0 15px;box-sizing:border-box}@media (max-width: 768px){.container{padding:0 10px;max-width:100%}}@media (min-width: 576px){.container{max-width:540px}}@media (min-width: 768px){.container{max-width:720px}}@media (min-width: 992px){.container{max-width:960px}}@media (min-width: 1200px){.container{max-width:1140px}}.responsive-table{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.responsive-table table{min-width:600px}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.tickets-table,.devices-table,.contacts-table,.assets-table,.invoices-table,.companies-table{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.table-container,.data-table,[class*=-table]{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-container table,.data-table table,[class*=-table] table{min-width:100%}}@media (max-width: 768px){.responsive-table{border:none;overflow-x:auto;-webkit-overflow-scrolling:touch}.responsive-table table{min-width:800px;display:table}.tickets-table,.devices-table,.contacts-table,.assets-table,.invoices-table{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border-color);border-radius:8px}.tickets-table table,.devices-table table,.contacts-table table,.assets-table table,.invoices-table table{min-width:800px;display:table}.tickets-table th,.devices-table th,.contacts-table th,.assets-table th,.invoices-table th{position:sticky;top:0;background:var(--table-header-bg);z-index:10;white-space:nowrap;padding:8px 12px;font-size:14px}.tickets-table td,.devices-table td,.contacts-table td,.assets-table td,.invoices-table td{white-space:nowrap;padding:8px 12px;font-size:14px}.tickets-table .btn-sm,.devices-table .btn-sm,.contacts-table .btn-sm,.assets-table .btn-sm,.invoices-table .btn-sm{padding:4px 8px;font-size:12px;margin-right:4px}.tickets-table:not(.table-responsive),.devices-table:not(.table-responsive),.contacts-table:not(.table-responsive),.assets-table:not(.table-responsive),.invoices-table:not(.table-responsive){overflow-x:auto;-webkit-overflow-scrolling:touch}.tickets-table:not(.table-responsive) table,.devices-table:not(.table-responsive) table,.contacts-table:not(.table-responsive) table,.assets-table:not(.table-responsive) table,.invoices-table:not(.table-responsive) table{display:table;min-width:800px}table:not([data-mobile-cards]){display:table!important;min-width:800px}.tickets-table:not([data-mobile-cards]),.devices-table:not([data-mobile-cards]),.contacts-table:not([data-mobile-cards]),.assets-table:not([data-mobile-cards]),.invoices-table:not([data-mobile-cards]){overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 768px){.form-row{flex-direction:column!important}.form-group{margin-bottom:1rem}.form-control{font-size:16px;padding:12px;width:100%;box-sizing:border-box}.btn{width:100%;margin-bottom:10px;padding:14px}.btn+.btn{margin-left:0}.form-container,.create-edit-form,.ticket-form,.asset-form,.device-form,.invoice-form{max-width:100%;overflow-x:hidden;padding:15px;box-sizing:border-box}.form-grid,.form-section{width:100%;max-width:100%;overflow-x:hidden}select.form-control,textarea.form-control{font-size:16px;width:100%;box-sizing:border-box}.multi-select-container{width:100%;box-sizing:border-box}}@media (max-width: 768px){.filters-section{flex-direction:column!important;gap:15px!important;align-items:stretch!important}.filter-group{flex-direction:column!important;align-items:stretch!important;gap:5px!important}.filter-select{min-width:auto!important;width:100%!important}}@media (max-width: 768px){.header{flex-direction:column!important;gap:15px!important;align-items:stretch!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:0!important;margin-left:0!important;margin-right:0!important}.header h1,.header h2{font-size:1.5rem!important;margin-bottom:0!important;text-align:center!important;width:100%!important}.actions{flex-direction:column!important;gap:10px!important;width:100%!important}}@media (max-width: 768px){.companies-grid,.devices-grid,.assets-grid{grid-template-columns:1fr!important;gap:1rem!important}.card{margin-bottom:1rem;width:100%;box-sizing:border-box}.card:last-child{margin-bottom:0}}@media (max-width: 480px){.breadcrumb{font-size:.8rem}.breadcrumb-item{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width: 768px){.mobile-hidden{display:none!important}}.mobile-only{display:none!important}@media (max-width: 768px){.mobile-only{display:block!important}}@media (max-width: 768px){.mobile-full-width{width:100%!important}}@media (max-width: 768px){.mobile-text-center{text-align:center!important}}@media (max-width: 768px){.mobile-margin-bottom{margin-bottom:1rem!important}}@media (max-width: 768px){.mobile-padding{padding:1rem!important}}@media (max-width: 768px){.mobile-no-padding{padding:0!important}}@media (max-width: 768px){.mobile-stack{flex-direction:column!important;align-items:stretch!important}}@media (max-width: 768px){.mobile-scroll-x{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}}@media (max-width: 768px){.mobile-wrap{flex-wrap:wrap!important}}@media (max-width: 768px){.mobile-text-small{font-size:.875rem!important}}@media (max-width: 768px){.mobile-gap-small{gap:.5rem!important}}@media (hover: none) and (pointer: coarse){.btn{min-height:44px;padding:12px 16px}.form-control{min-height:44px;padding:12px}.clickable-row{min-height:60px}}.scroll-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.container,.main-content,.content,.page-content{overflow-x:hidden;max-width:100%;box-sizing:border-box}.form-container,.create-edit-form,.detail-container{overflow-x:hidden}.card,.info-card,.detail-card{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.modal-dialog{margin:10px!important;max-width:calc(100% - 20px)!important}.modal-content{border-radius:0!important}}@media (max-width: 768px){.container,.main-content,.content,.page-content,.app-container,.wrapper,[class*=-container],[class*=-content]{max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important;padding-left:10px!important;padding-right:10px!important}.row,.flex-row,[class*=row]{margin-left:0!important;margin-right:0!important;max-width:100%!important}.card,.section,.panel,[class*=-card],[class*=-section],[class*=-panel]{margin-left:0!important;margin-right:0!important;max-width:100%!important;box-sizing:border-box!important}.table-container,.grid-container,[class*=-table],[class*=-grid]{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;max-width:100%!important}[class*=-grid],.grid,.features-grid,.plans-grid,.companies-grid,.devices-grid,.assets-grid{display:block!important;width:100%!important;max-width:100%!important}[class*=-grid]>*,.grid>*,.features-grid>*,.plans-grid>*,.companies-grid>*,.devices-grid>*,.assets-grid>*{margin-bottom:1rem!important;width:100%!important;box-sizing:border-box!important}[class*=-grid]>*:last-child,.grid>*:last-child,.features-grid>*:last-child,.plans-grid>*:last-child,.companies-grid>*:last-child,.devices-grid>*:last-child,.assets-grid>*:last-child{margin-bottom:0!important}form,.form,[class*=-form]{max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}nav,.nav,.navbar,.header,.footer,[class*=-nav],[class*=-header],[class*=-footer]{max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}}