:root{--primary-color: #229ebc;--secondary-color: #fb8500;--background-color: #f7f7f7;--text-color: #023047;--base-font-size: .8rem;--border-width: 1px;--success-color: #28a745;--warning-color: #ffc107;--danger-color: #dc3545;--info-color: #17a2b8;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--border-radius-sm: .1rem;--border-radius-md: .25rem;--border-radius-lg: .5rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial Nova,Arial,sans-serif;color:var(--text-color);background-color:var(--background-color);line-height:1.6;font-size:var(--base-font-size)}html{font-size:14.4px}button,input,select,textarea,.btn,.card,.form-input{border-width:var(--border-width)!important}h1,h2,h3,h4,h5,h6{font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-color)}h1{font-size:2rem}h2{font-size:1.6rem}h3{font-size:1.2rem}p{margin-bottom:var(--spacing-md)}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius-md);font-family:inherit;font-size:var(--base-font-size);font-weight:500;text-decoration:none;text-align:center;cursor:pointer;transition:all .2s ease-in-out;min-width:120px}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#1a7a94;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--secondary-color);color:#fff}.btn-secondary:hover{background-color:#e07600;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-outline{background-color:transparent;color:var(--primary-color);border:var(--border-width) solid var(--primary-color)}.btn-outline:hover{background-color:var(--primary-color);color:#fff}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--text-color)}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:var(--border-width) solid #e1e5e9;border-radius:var(--border-radius-md);font-family:inherit;font-size:var(--base-font-size);color:var(--text-color);background-color:#fff;transition:border-color .2s ease-in-out}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #229ebc1a}.form-input.error{border-color:var(--danger-color)}.card{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.table th,.table td{padding:var(--spacing-md);text-align:left;border-bottom:var(--border-width) solid #e1e5e9}.table th{background-color:var(--primary-color);color:#fff;font-weight:600;cursor:pointer}.table th:hover{background-color:#1a7a94}.table tbody tr:hover{background-color:#f8f9fa}.header{background-color:#fff;box-shadow:var(--shadow-sm);padding:var(--spacing-md) 0;margin-bottom:var(--spacing-xl)}.header-content{display:flex;align-items:center;justify-content:space-between}.logo{height:40px}.nav{display:flex;gap:var(--spacing-lg)}.nav-link{color:var(--text-color);text-decoration:none;font-weight:500;padding:var(--spacing-sm) 0;border-bottom:var(--border-width) solid transparent;transition:border-color .2s ease-in-out}.nav-link:hover,.nav-link.active{border-bottom-color:var(--primary-color)}@media (max-width: 768px){.container{padding:0 var(--spacing-md)}.header-content{flex-direction:column;gap:var(--spacing-md)}.nav{justify-content:center;flex-wrap:wrap}.grid-2{grid-template-columns:1fr}.table{font-size:.7rem}.table th,.table td{padding:var(--spacing-sm)}}.text-center{text-align:center}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--secondary-color)}.text-danger{color:var(--danger-color)}.text-success{color:var(--success-color)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.icon-primary{color:var(--primary-color)}.icon-secondary{color:var(--secondary-color)}.icon-text{color:var(--text-color)}.icon-success{color:var(--success-color)}.icon-warning{color:var(--warning-color)}.icon-danger{color:var(--danger-color)}.icon-info{color:var(--info-color)}.icon-muted{color:#6c757d}.icon-white{color:#fff}.icon-button{cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:var(--spacing-xs)}.icon-button:hover{transform:scale(1.05);opacity:.8}.icon-button:active{transform:scale(.95)}.icon-with-text{margin-right:var(--spacing-xs)}.icon-with-text-left{margin-left:var(--spacing-xs)}.icon-xs{font-size:.75rem}.icon-sm{font-size:.875rem}.icon-lg{font-size:1.25rem}.icon-xl{font-size:1.5rem}.icon-2x{font-size:2rem}.status-icon-new{color:var(--info-color)}.status-icon-open{color:var(--warning-color)}.status-icon-progress{color:var(--primary-color)}.status-icon-pending{color:var(--warning-color)}.status-icon-resolved{color:var(--success-color)}.status-icon-closed{color:var(--danger-color)}