:root{--white-hsl: 0,0%,100%;--black-hsl: 0,0%,0%;--accent-hsl: 202.25,100%,17.45%;--accent-secondary-hsl: 76.18,70.08%,49.8%;--accent-tertiary-hsl: 270,8%,90.2%;--accent-dark-hsl: 200,100%,25.88%;--gray-light-hsl: 210,16%,98%;--gray-medium-hsl: 210,14%,90%;--gray-medium-light-hsl: 210,15%,94%;--gray-hsl: 210,11%,50%;--gray-dark-hsl: 210,9%,31%;--error-hsl: 354,70%,54%;--success-hsl: 134,61%,41%;--warning-hsl: 45,100%,51%;--info-hsl: 188,78%,41%;--danger-hsl: 0,100%,50%;--white-color: hsl(var(--white-hsl));--black-color: hsl(var(--black-hsl));--accent-color: hsl(var(--accent-hsl));--accent-secondary-color: hsl(var(--accent-secondary-hsl));--accent-tertiary-color: hsl(var(--accent-tertiary-hsl));--accent-dark-color: hsl(var(--accent-dark-hsl));--bg-color: hsl(var(--gray-light-hsl));--bg-secondary-color: hsl(var(--gray-medium-hsl));--bg-tertiary-color: hsl(var(--gray-medium-light-hsl));--accent-responsive-color: hsl(var(--accent-hsl));--text-color: hsl(var(--gray-dark-hsl));--text-secondary-color: hsl(var(--gray-light-hsl));--nav-bg: linear-gradient(135deg, hsl(var(--accent-hsl)) 0%, hsl(var(--accent-dark-hsl)) 100%);--nav-text: hsl(var(--white-hsl));--card-bg: hsl(var(--white-hsl));--link-color: hsl(var(--accent-hsl));--border-color: hsl(var(--gray-medium-hsl));--hover-bg: hsl(var(--gray-medium-hsl));--muted-text: hsl(var(--gray-hsl));--error-color: hsl(var(--error-hsl));--success-color: hsl(var(--success-hsl));--warning-color: hsl(var(--warning-hsl));--danger-color: hsl(var(--danger-hsl));--info-color: hsl(var(--info-hsl));--input-bg: hsl(var(--white-hsl));--input-border: hsl(var(--gray-hsl));--table-header-bg: hsl(var(--gray-light-hsl));--table-row-hover: hsl(var(--gray-medium-hsl));--shadow-light: hsla(var(--black-hsl), .1);--shadow-medium: hsla(var(--black-hsl), .15);--badge-bg: hsl(var(--gray-medium-hsl));--badge-text: hsl(var(--gray-dark-hsl));--button-secondary-bg: hsl(var(--gray-hsl));--button-secondary-hover: hsl(var(--gray-dark-hsl))}@media (prefers-color-scheme: dark){:root{--gray-light-hsl: 210,10%,98%;--gray-medium-light-hsl: 210,10%,20%;--gray-medium-hsl: 210,10%,10%;--gray-hsl: 210,9%,60%;--gray-dark-hsl: 210,16%,5%;--bg-color: hsl(var(--gray-dark-hsl));--bg-secondary-color: hsl(var(--gray-medium-hsl));--bg-tertiary-color: hsl(var(--gray-medium-light-hsl));--accent-responsive-color: hsl(var(--accent-secondary-hsl));--text-color: hsl(var(--gray-light-hsl));--text-secondary-color: hsl(var(--gray-light-hsl));--nav-bg: linear-gradient(135deg, hsl(210,10%,8%) 0%, hsl(210,10%,5%) 100%);--nav-text: hsl(var(--gray-light-hsl));--card-bg: hsl(var(--gray-medium-hsl));--link-color: hsl(202,100%,70%);--border-color: hsl(210,9%,31%);--hover-bg: hsl(210,10%,20%);--muted-text: hsl(var(--gray-hsl));--error-color: hsl(354,90%,50%);--success-color: hsl(134,61%,50%);--warning-color: hsl(45,100%,60%);--info-color: hsl(188,78%,55%);--input-bg: hsl(210,10%,18%);--input-border: hsl(210,9%,31%);--table-header-bg: hsl(210,10%,18%);--table-row-hover: hsl(210,10%,25%);--shadow-light: hsla(var(--black-hsl), .3);--shadow-medium: hsla(var(--black-hsl), .4);--badge-bg: hsl(210,9%,31%);--badge-text: hsl(var(--gray-light-hsl));--button-secondary-bg: hsl(210,9%,31%);--button-secondary-hover: hsl(var(--gray-hsl))}}*{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}}