@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v145/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:var(--texture-noise);pointer-events:none;z-index:9999;mix-blend-mode:multiply;opacity:.4}:root{--strato-blue: #00275F;--strato-black: #1E1C1D;--strato-orange: #F77200;--strato-light: #E8E9EA;--bg-primary: #0F0E0F;--bg-surface: var(--strato-black);--bg-elevated: #2A2829;--bg-hover: rgba(255, 255, 255, .05);--border-primary: #3A3839;--border-secondary: #4A4849;--text-primary: var(--strato-light);--text-secondary: #B8BABD;--text-tertiary: #7A7F8C;--accent-orange: var(--strato-orange);--accent-orange-bright: #FF8C00;--accent-blue: var(--strato-blue);--accent-blue-light: #003D8F;--accent-dark: var(--strato-black);--accent-gray: var(--strato-light);--accent-red: #EF4444;--accent-green: #10B981;--accent-yellow: #F59E0B;--gradient-primary: linear-gradient(135deg, var(--strato-orange) 0%, #FF8C00 100%);--gradient-blue: linear-gradient(135deg, var(--strato-blue) 0%, #003D8F 100%);--gradient-dark: linear-gradient(135deg, #0A0909 0%, var(--strato-black) 100%);--gradient-industrial: linear-gradient(135deg, var(--strato-black) 0%, #2A2829 100%);--gradient-accent: linear-gradient(135deg, var(--strato-orange) 0%, #FF6B00 100%);--gradient-blue-orange: linear-gradient(135deg, var(--strato-blue) 0%, var(--strato-orange) 100%);--button-bg: var(--strato-orange);--button-hover-bg: var(--strato-black);--button-text: #FFFFFF;--shadow-subtle: 0 1px 3px rgba(0, 0, 0, .1);--shadow-none: none;--error-bg: #3F1F1F;--error-border: #EF4444;--error-text: #FCA5A5;--success-bg: #1F3F2F;--success-border: #10B981;--success-text: #6EE7B7;--texture-noise: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="4" stitchTiles="stitch"/></filter><rect width="300" height="300" filter="url(%23n)" opacity="0.08"/></svg>');--font-size-base: 1rem;--font-size-h1: 2rem;--font-size-h2: 1.75rem;--font-size-h3: 1.5rem;--font-size-h4: 1.25rem;--font-size-h5: 1.125rem;--font-size-h6: 1rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xs: .375rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1.125rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--border-thin: 1px solid var(--border-primary);--border-medium: 2px solid var(--border-primary);--button-padding-y: .625rem;--button-padding-x: 1.125rem;--card-padding: 1.5rem;--input-padding-y: .65rem;--input-padding-x: .75rem;--modal-padding: 1.5rem;--table-cell-padding-y: .75rem;--table-cell-padding-x: 1rem;--table-border: var(--border-thin);--table-header-bg: var(--bg-elevated);--table-row-bg: var(--bg-surface);--table-row-hover-bg: rgba(248, 114, 0, .05);--modal-backdrop: rgba(0, 0, 0, .6);--modal-max-width-small: 400px;--modal-max-width-medium: 600px;--modal-max-width-large: 800px;--modal-border: var(--border-medium);--modal-shadow: var(--shadow-subtle);--input-border: var(--border-thin);--input-focus-border: var(--strato-blue);--input-error-border: var(--error-border);--grid-gap: 1.125rem;--grid-min-card-width: 280px;--grid-max-columns: 4}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:1.3;letter-spacing:-.01em}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}h5{font-size:var(--font-size-h5)}h6{font-size:var(--font-size-h6)}p{margin-bottom:.75rem}a{color:var(--strato-orange);text-decoration:none;font-weight:var(--font-weight-normal);transition:color .2s}a:hover{color:var(--accent-blue)}.border-medium{border:var(--border-medium)}.border-thin{border:var(--border-thin)}.shadow-subtle{box-shadow:var(--shadow-subtle)}.shadow-none{box-shadow:var(--shadow-none)}.text-center{text-align:center}.text-bold{font-weight:var(--font-weight-bold)}.text-semibold{font-weight:var(--font-weight-semibold)}.text-medium{font-weight:var(--font-weight-medium)}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.p-1{padding:var(--spacing-sm)}.p-2{padding:var(--spacing-md)}.p-3{padding:var(--spacing-lg)}.p-4{padding:var(--spacing-xl)}.message{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border:var(--border-thin);box-shadow:var(--shadow-none);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xl)}.message mat-icon{font-size:1.125rem;width:1.125rem;height:1.125rem}.message.message-error{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.message.message-success{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);padding:3rem 1.5rem;text-align:center}.empty-state mat-icon{font-size:3rem;width:3rem;height:3rem;color:var(--text-tertiary)}.empty-state p{font-size:1rem;color:var(--text-secondary);margin:0}.list{display:flex;flex-direction:column;gap:var(--spacing-md)}.list-item{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-elevated);border:var(--border-thin);box-shadow:var(--shadow-none);transition:all .2s ease}.list-item:hover{border-color:var(--strato-orange);background:#f8720014}.table-wrapper{overflow-x:auto;border:var(--table-border);box-shadow:var(--shadow-none)}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:var(--spacing-xs)}.sortable-header:hover{color:var(--strato-orange)}.status-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;font-size:.8125rem;font-weight:var(--font-weight-medium);letter-spacing:.02em;border:var(--border-thin)}.status-badge--online{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.status-badge--offline{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.status-badge--configured{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.status-badge--not-configured{background:var(--bg-elevated);border-color:var(--border-secondary);color:var(--text-tertiary)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--grid-min-card-width),1fr));gap:var(--grid-gap)}@media(max-width:1200px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(calc(var(--grid-min-card-width) * .9),1fr))}}@media(max-width:768px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(calc(var(--grid-min-card-width) * .8),1fr))}}@media(max-width:480px){.card-grid{grid-template-columns:1fr}}.card-grid-item{background:var(--bg-surface);border:var(--border-medium);box-shadow:var(--shadow-subtle);padding:var(--card-padding);transition:all .2s ease;cursor:pointer}.card-grid-item:hover{border-color:var(--strato-orange);background:#f8720014}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--modal-backdrop);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in-out}.modal-content{background:var(--bg-surface);border:var(--modal-border);box-shadow:var(--modal-shadow);max-width:var(--modal-max-width-medium);width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideInDown .25s ease-out}.modal-content.modal-small{max-width:var(--modal-max-width-small)}.modal-content.modal-large{max-width:var(--modal-max-width-large)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--modal-padding);border-bottom:var(--border-thin)}.modal-title{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);margin:0;color:var(--text-primary)}.modal-body{flex:1;padding:var(--modal-padding);overflow-y:auto}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);padding:var(--modal-padding);border-top:var(--border-thin)}button{font-family:inherit;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s ease}button:disabled{cursor:not-allowed;opacity:.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--button-padding-y) var(--button-padding-x);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border:var(--border-thin);box-shadow:var(--shadow-none);transition:all .2s ease}.btn:hover:not(:disabled){border-color:var(--strato-orange);background:#ffffff05}.btn:active:not(:disabled){opacity:.9}.btn.btn-primary{background:var(--strato-orange);color:#fff;border-color:var(--strato-orange)}.btn.btn-primary:hover:not(:disabled){background:#ff8c00;border-color:#ff8c00}.btn.btn-secondary{background:var(--strato-blue);color:#fff;border-color:var(--strato-blue)}.btn.btn-secondary:hover:not(:disabled){background:#003d8f;border-color:#003d8f}.btn.btn-success{background:var(--accent-green);color:var(--button-text);border-color:var(--accent-green)}.btn.btn-success:hover:not(:disabled){background:#059669;border-color:#059669}.btn.btn-warning{background:var(--accent-yellow);color:var(--button-text);border-color:var(--accent-yellow)}.btn.btn-warning:hover:not(:disabled){background:#d97706;border-color:#d97706}.btn.btn-danger{background:var(--accent-red);color:var(--button-text);border-color:var(--accent-red)}.btn.btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.card{background:var(--bg-surface);border:var(--border-medium);box-shadow:var(--shadow-subtle);padding:var(--card-padding);transition:all .2s ease}input,textarea,select{width:100%;padding:var(--input-padding-y) var(--input-padding-x);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--text-primary);background:var(--bg-primary);border:var(--input-border);transition:all .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--strato-blue);box-shadow:0 0 0 2px #00275f26}input::placeholder,textarea::placeholder,select::placeholder{color:var(--text-tertiary)}input:disabled,textarea:disabled,select:disabled{opacity:.6;cursor:not-allowed}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-primary);border-left:1px solid var(--border-primary)}::-webkit-scrollbar-thumb{background:#3a3839;border:1px solid var(--border-primary)}::-webkit-scrollbar-thumb:hover{background:#4a4849}@media(max-width:768px){html{font-size:13px}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.card,.modal-header,.modal-body,.modal-footer{padding:var(--spacing-lg)}}@media(max-width:480px){html{font-size:13px}.card,.modal-header,.modal-body,.modal-footer{padding:var(--spacing-md)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:2px solid var(--strato-blue);outline-offset:2px;box-shadow:0 0 0 3px #00275f26}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-reduced-motion:reduce){.login-container:before,.login-container:after,.dashboard-container:before,.dashboard-container:after{animation:none!important}}