:root{--bg-deep: 240 5% 7%;--bg-panel: 240 5% 10%;--bg-card: 240 5% 13%;--bg-hover: 240 5% 16%;--text-main: 240 5% 96%;--text-muted: 240 5% 65%;--accent-base: 20 83% 51%;--accent-hover: 20 83% 45%;--accent-light: 20 83% 15%;--success: 142 70% 45%;--warning: 38 92% 50%;--danger: 350 89% 60%;--info: 199 89% 48%;--border: 240 5% 20%;--border-light: 240 5% 26%;--font-headings: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:hsl(var(--bg-deep));color:hsl(var(--text-main));font-family:var(--font-body);font-size:14px;line-height:1.5;height:100vh;overflow:hidden;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-headings);font-weight:600;color:#fff;letter-spacing:-.02em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--border-light))}input,select,textarea{background-color:hsl(var(--bg-deep));border:1px solid hsl(var(--border));border-radius:6px;color:#fff;font-family:var(--font-body);font-size:13px;padding:8px 12px;outline:none;transition:all .2s ease}input:focus,select:focus,textarea:focus{border-color:hsl(var(--accent-base));box-shadow:0 0 0 2px hsl(var(--accent-base) / 20%)}label{display:block;font-size:12px;font-weight:500;color:hsl(var(--text-muted));margin-bottom:6px}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:6px;font-family:var(--font-headings);font-weight:500;font-size:13px;border:none;cursor:pointer;transition:all .2s ease}.btn-primary{background-color:hsl(var(--accent-base));color:#fff}.btn-primary:hover{background-color:hsl(var(--accent-hover))}.btn-secondary{background-color:hsl(var(--bg-hover));color:hsl(var(--text-main));border:1px solid hsl(var(--border))}.btn-secondary:hover{background-color:hsl(var(--border-light));border-color:hsl(var(--border-light))}.btn-danger{background-color:hsl(var(--danger) / 15%);color:hsl(var(--danger));border:1px solid hsl(var(--danger) / 30%)}.btn-danger:hover{background-color:hsl(var(--danger) / 25%)}.btn-success{background-color:hsl(var(--success) / 15%);color:hsl(var(--success));border:1px solid hsl(var(--success) / 30%)}.btn-success:hover{background-color:hsl(var(--success) / 25%)}.spinner{width:32px;height:32px;border:3px solid hsl(var(--border));border-top-color:hsl(var(--accent-base));border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.w-full{width:100%}.sidebar{width:240px;background-color:hsl(var(--bg-panel));border-right:1px solid hsl(var(--border));display:flex;flex-direction:column;height:100vh;z-index:10;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsl(var(--bg-panel) / 85%)}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:24px 20px;border-bottom:1px solid hsl(var(--border) / 50%)}.brand-logo{font-size:24px}.brand-text h2{font-size:15px;font-weight:700;line-height:1.2}.brand-text p{font-size:11px;color:hsl(var(--text-muted));text-transform:uppercase;letter-spacing:.05em}.sidebar-menu{flex-grow:1;padding:16px 8px;overflow-y:auto}.sidebar-menu ul{list-style:none}.menu-item{display:flex;align-items:center;gap:12px;padding:10px 14px;margin-bottom:4px;border-radius:6px;cursor:pointer;color:hsl(var(--text-muted));font-weight:500;font-family:var(--font-headings);font-size:13px;transition:all .2s ease}.menu-item:hover{background-color:hsl(var(--bg-hover));color:#fff}.menu-item.active{background-color:hsl(var(--accent-light));color:hsl(var(--accent-base));border-left:3px solid hsl(var(--accent-base));padding-left:11px}.sidebar-footer{padding:16px 20px;border-top:1px solid hsl(var(--border) / 50%);background-color:hsl(var(--bg-deep) / 40%)}.operator-profile{display:flex;align-items:center;gap:12px}.profile-avatar{width:32px;height:32px;border-radius:50%;background-color:hsl(var(--accent-base));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-family:var(--font-headings)}.profile-info h4{font-size:13px;line-height:1.2}.profile-info p{font-size:11px;color:hsl(var(--text-muted))}.app-workspace{flex-grow:1;display:flex;flex-direction:column;height:100vh;overflow:hidden;background-color:hsl(var(--bg-deep))}.app-header{height:56px;border-bottom:1px solid hsl(var(--border));display:flex;align-items:center;justify-content:space-between;padding:0 32px;background-color:hsl(var(--bg-panel) / 50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5}.header-search{display:flex;align-items:center;gap:10px;width:350px;background-color:hsl(var(--bg-deep));border:1px solid hsl(var(--border));border-radius:6px;padding:6px 12px}.search-icon{font-size:14px;color:hsl(var(--text-muted))}.header-search input{background:transparent;border:none;padding:0;width:100%;color:#fff;font-size:12px}.header-search input:focus{box-shadow:none}.header-status{display:flex;align-items:center;gap:8px;background-color:hsl(var(--success) / 10%);border:1px solid hsl(var(--success) / 20%);padding:4px 10px;border-radius:4px}.status-indicator{width:8px;height:8px;border-radius:50%}.status-indicator.online{background-color:hsl(var(--success));box-shadow:0 0 8px hsl(var(--success))}.status-indicator.attention{background-color:hsl(var(--warning));box-shadow:0 0 8px hsl(var(--warning))}.status-indicator.critical{background-color:hsl(var(--danger));box-shadow:0 0 8px hsl(var(--danger))}.status-text{font-size:11px;font-family:var(--font-headings);font-weight:600;color:hsl(var(--success))}.app-content{flex-grow:1;padding:32px;overflow-y:auto}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px}.loading-state p{color:hsl(var(--text-muted));font-size:14px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:none;align-items:flex-start;justify-content:center;padding-top:10vh}.modal-overlay.active{display:flex}.search-container{width:600px;background-color:hsl(var(--bg-panel));border:1px solid hsl(var(--border-light));border-radius:12px;box-shadow:0 20px 25px -5px #00000080;overflow:hidden}.search-input-wrapper{display:flex;align-items:center;padding:16px;border-bottom:1px solid hsl(var(--border));gap:12px}.search-input-wrapper input{flex-grow:1;background:transparent;border:none;font-size:16px;color:#fff;padding:0}.search-input-wrapper input:focus{box-shadow:none}.search-esc{font-size:10px;padding:2px 6px;border:1px solid hsl(var(--border));border-radius:4px;color:hsl(var(--text-muted));font-weight:600}.search-results{max-height:350px;overflow-y:auto;padding:8px}.search-result-item{padding:10px 14px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background-color .2s}.search-result-item:hover{background-color:hsl(var(--bg-hover))}.result-title{color:#fff;font-weight:500}.result-category{font-size:11px;color:hsl(var(--text-muted));background-color:hsl(var(--bg-deep));padding:2px 6px;border-radius:4px;border:1px solid hsl(var(--border))}.dashboard-title-row{margin-bottom:24px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.kpi-card{background-color:hsl(var(--bg-panel));border:1px solid hsl(var(--border));border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:6px;transition:border-color .2s}.kpi-card:hover{border-color:hsl(var(--border-light))}.kpi-header{display:flex;justify-content:space-between;align-items:center}.kpi-icon{font-size:18px;background-color:hsl(var(--bg-deep));width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;border:1px solid hsl(var(--border))}.kpi-title{font-size:12px;color:hsl(var(--text-muted));font-weight:500}.kpi-value{font-size:28px;font-family:var(--font-headings);font-weight:700;color:#fff;line-height:1.1}.kpi-change{font-size:11px;font-weight:600}.kpi-change.positive{color:hsl(var(--success))}.kpi-change.negative{color:hsl(var(--danger))}.kpi-change.neutral{color:hsl(var(--text-muted))}.dashboard-columns{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.section-panel{background-color:hsl(var(--bg-panel));border:1px solid hsl(var(--border));border-radius:8px;padding:24px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid hsl(var(--border) / 50%);padding-bottom:12px}.timeline{display:flex;flex-direction:column;gap:16px;position:relative;padding-left:16px}.timeline:before{content:"";position:absolute;left:4px;top:6px;bottom:6px;width:2px;background-color:hsl(var(--border))}.timeline-item{position:relative;display:flex;flex-direction:column;gap:4px}.timeline-dot{position:absolute;left:-16px;top:6px;width:8px;height:8px;border-radius:50%;background-color:hsl(var(--border-light));border:2px solid hsl(var(--bg-panel))}.timeline-dot.success{background-color:hsl(var(--success))}.timeline-dot.danger{background-color:hsl(var(--danger))}.timeline-dot.warning{background-color:hsl(var(--warning))}.timeline-dot.info{background-color:hsl(var(--info))}.timeline-header{display:flex;justify-content:space-between;align-items:center}.timeline-desc{font-size:13px;color:#fff}.timeline-time,.timeline-meta{font-size:11px;color:hsl(var(--text-muted))}.noc-services-list{display:flex;flex-direction:column;gap:12px}.noc-service-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background-color:hsl(var(--bg-deep) / 50%);border:1px solid hsl(var(--border));border-radius:6px;transition:all .2s}.noc-service-item:hover{border-color:hsl(var(--border-light))}.service-info{display:flex;align-items:center;gap:10px}.service-icon{font-size:16px}.service-name{font-weight:500;color:#fff}.service-ping{font-size:11px;color:hsl(var(--text-muted))}.client-actions{display:flex;justify-content:space-between;margin-bottom:20px}.client-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.client-card{background-color:hsl(var(--bg-panel));border:1px solid hsl(var(--border));border-radius:8px;padding:20px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:12px}.client-card:hover{border-color:hsl(var(--accent-base));transform:translateY(-2px)}.client-card-header{display:flex;justify-content:space-between;align-items:flex-start}.client-card-name{font-size:16px;font-weight:600}.sla-badge{font-size:10px;padding:2px 6px;border-radius:4px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.sla-badge.oro{background-color:#f59f0a26;color:#f7b23b;border:1px solid hsl(38 92% 50% / 30%)}.sla-badge.plata{background-color:#8c97a626;color:#b7bec8;border:1px solid hsl(215 13% 60% / 30%)}.sla-badge.bronce{background-color:#ac6f3926;color:#cc9666;border:1px solid hsl(28 50% 45% / 30%)}.client-card-stats{display:flex;gap:16px;border-top:1px solid hsl(var(--border) / 50%);padding-top:12px;font-size:12px;color:hsl(var(--text-muted))}.client-detail-layout{display:grid;grid-template-columns:200px 1fr;gap:24px;background-color:hsl(var(--bg-panel));border:1px solid hsl(var(--border));border-radius:8px;min-height:500px}.client-detail-tabs{border-right:1px solid hsl(var(--border));padding:16px 8px;display:flex;flex-direction:column;gap:4px}.detail-tab{padding:10px 14px;border-radius:6px;cursor:pointer;color:hsl(var(--text-muted));font-weight:500;font-size:13px;transition:all .2s}.detail-tab:hover{background-color:hsl(var(--bg-hover));color:#fff}.detail-tab.active{background-color:hsl(var(--accent-light));color:hsl(var(--accent-base))}.client-detail-content{padding:24px;overflow-y:auto}.data-table-container{border:1px solid hsl(var(--border));border-radius:6px;overflow:hidden;background-color:hsl(var(--bg-panel))}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.data-table th{background-color:hsl(var(--bg-deep) / 40%);padding:12px 16px;font-weight:600;color:hsl(var(--text-muted));border-bottom:1px solid hsl(var(--border))}.data-table td{padding:12px 16px;border-bottom:1px solid hsl(var(--border) / 50%);color:hsl(var(--text-main))}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background-color:hsl(var(--bg-hover) / 30%)}.badge{font-size:11px;padding:2px 8px;border-radius:20px;font-weight:500;display:inline-flex}.badge-success{background-color:hsl(var(--success) / 10%);color:hsl(var(--success));border:1px solid hsl(var(--success) / 20%)}.badge-warning{background-color:hsl(var(--warning) / 10%);color:hsl(var(--warning));border:1px solid hsl(var(--warning) / 20%)}.badge-danger{background-color:hsl(var(--danger) / 10%);color:hsl(var(--danger));border:1px solid hsl(var(--danger) / 20%)}.badge-info{background-color:hsl(var(--info) / 10%);color:hsl(var(--info));border:1px solid hsl(var(--info) / 20%)}.badge-neutral{background-color:hsl(var(--border) / 50%);color:hsl(var(--text-muted));border:1px solid hsl(var(--border))}.ticket-row-title{font-weight:500;color:#fff}.ticket-row-client{font-size:11px;color:hsl(var(--text-muted));background-color:hsl(var(--bg-deep));padding:2px 6px;border-radius:4px;border:1px solid hsl(var(--border));margin-left:8px}.news-generate-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-bottom:32px}.news-card{background-color:hsl(var(--bg-panel));border:1px solid hsl(var(--border));border-radius:8px;padding:20px}.news-card h3{margin-bottom:6px;font-size:16px}.news-card p{font-size:12px;color:hsl(var(--text-muted));margin-bottom:20px}.form-group-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.news-drafts-split{display:grid;grid-template-columns:300px 1fr;gap:24px;height:500px}.news-drafts-list{background-color:hsl(var(--bg-panel));border:1px solid hsl(var(--border));border-radius:8px;overflow-y:auto}.drafts-list-item{padding:12px 16px;border-bottom:1px solid hsl(var(--border) / 50%);cursor:pointer;transition:background-color .2s}.drafts-list-item:hover{background-color:hsl(var(--bg-hover))}.drafts-list-item.selected{background-color:hsl(var(--accent-light));border-left:3px solid hsl(var(--accent-base));padding-left:13px}.drafts-list-item strong{display:block;font-size:13px;color:#fff;word-break:break-all}.news-drafts-editor{background-color:hsl(var(--bg-panel));border:1px solid hsl(var(--border));border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:16px}.editor-header{display:flex;justify-content:space-between;align-items:center}.news-drafts-editor textarea{flex-grow:1;width:100%;background-color:hsl(var(--bg-deep));resize:none;font-family:monospace;font-size:12px;line-height:1.6}.wiki-layout{display:grid;grid-template-columns:240px 1fr;gap:24px}.wiki-sidebar{background-color:hsl(var(--bg-panel));border:1px solid hsl(var(--border));border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:16px}.wiki-tree-title{font-size:11px;font-weight:700;text-transform:uppercase;color:hsl(var(--text-muted));letter-spacing:.05em}.wiki-tree-list{list-style:none;display:flex;flex-direction:column;gap:4px}.wiki-tree-item{padding:6px 10px;border-radius:4px;cursor:pointer;font-size:13px;color:hsl(var(--text-muted));transition:all .2s}.wiki-tree-item:hover{background-color:hsl(var(--bg-hover));color:#fff}.wiki-tree-item.active{background-color:hsl(var(--accent-light));color:hsl(var(--accent-base));font-weight:500}.wiki-content{background-color:hsl(var(--bg-panel));border:1px solid hsl(var(--border));border-radius:8px;padding:32px}.wiki-article h1{font-size:24px;margin-bottom:16px;border-bottom:1px solid hsl(var(--border));padding-bottom:8px}.wiki-article h2{font-size:18px;margin-top:20px;margin-bottom:12px}.wiki-article p{font-size:14px;margin-bottom:14px;color:hsl(var(--text-main) / 90%)}.wiki-article ul,.wiki-article ol{margin-left:20px;margin-bottom:14px}.wiki-article li{margin-bottom:6px}.wiki-article pre{background-color:hsl(var(--bg-deep));border:1px solid hsl(var(--border));padding:12px;border-radius:6px;overflow-x:auto;margin-bottom:14px}.wiki-article code{font-family:monospace;font-size:12px;background-color:hsl(var(--bg-deep));padding:2px 4px;border-radius:4px}.wiki-article pre code{padding:0;background-color:transparent}.wiki-alert{padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:13px;border-left:4px solid}.wiki-alert-note{background-color:hsl(var(--info) / 10%);border-color:hsl(var(--info));color:hsl(var(--info))}.wiki-alert-warning{background-color:hsl(var(--warning) / 10%);border-color:hsl(var(--warning));color:hsl(var(--warning))}.wiki-alert-danger{background-color:hsl(var(--danger) / 10%);border-color:hsl(var(--danger));color:hsl(var(--danger))}