:root{--bg-color: #f8fafc;--text-main: #1e293b;--text-secondary: #64748b;--border-color: #e2e8f0;--table-bg: #ffffff;--hover-color: #f1f5f9;--status-ok: #10b981;--status-warn: #f59e0b;--status-err: #ef4444}[data-theme=midnight]{--bg-color: #0f172a;--text-main: #f8fafc;--text-secondary: #94a3b8;--border-color: #1e293b;--table-bg: #1e293b;--hover-color: #334155}[data-theme=obsidian]{--bg-color: #000000;--text-main: #e2e2e2;--text-secondary: #a3a3a3;--border-color: #333;--table-bg: #111;--hover-color: #222}[data-theme=corporate]{--bg-color: #f3f4f6;--text-main: #111827;--text-secondary: #4b5563;--border-color: #d1d5db;--table-bg: #fff;--hover-color: #e5e7eb}html,body,#root{height:100%;margin:0;font-family:Inter,system-ui,sans-serif;background-color:var(--bg-color);color:var(--text-main);overflow:hidden}.container-fluid{display:flex;flex-direction:column;height:100vh}header{flex:0 0 60px;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background:var(--table-bg);border-bottom:1px solid var(--border-color)}.header-left,.header-right{display:flex;align-items:center;gap:1rem}.header-left h1{margin:0;font-size:1.2rem}.main-content{flex:1;overflow-y:auto;padding:2rem}.section-title{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:var(--text-main)}.table-container{background:var(--table-bg);border-radius:8px;border:1px solid var(--border-color);overflow:hidden}.alert-table{width:100%;border-collapse:collapse}.alert-table th{text-align:left;padding:1rem;border-bottom:1px solid var(--border-color);color:var(--text-secondary);background:#00000005}.alert-table td{padding:1rem;border-bottom:1px solid var(--border-color)}.alert-table tr:hover{background-color:var(--hover-color);cursor:pointer}.detail-page{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-color);z-index:9999;display:flex;flex-direction:column}.detail-header{flex:0 0 60px;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background:var(--table-bg);border-bottom:1px solid var(--border-color)}.detail-header-left{display:flex;align-items:center;gap:1.5rem;height:100%}.detail-header-right{display:flex;align-items:center;gap:1rem;height:100%}.detail-title-group{display:flex;align-items:center;gap:15px}.detail-title-group h1{margin:0;font-size:1.4rem;font-family:monospace}.detail-body{flex:1;display:flex;overflow:hidden}.detail-sidebar{width:350px;display:flex;flex-direction:column;border-right:1px solid var(--border-color);background:var(--bg-color);height:100%}.detail-main{flex:1;display:flex;flex-direction:column;background:var(--table-bg);height:100%;min-width:0}.panel-title{flex:0 0 50px;display:flex;align-items:center;padding:0 1.5rem;margin:0;border-bottom:1px solid var(--border-color);font-size:.85rem;font-weight:700;letter-spacing:.05em;color:var(--text-secondary);background:#00000005;text-transform:uppercase}.source-badge{margin-left:auto;font-size:.75rem;background:var(--hover-color);padding:2px 6px;border-radius:4px}.history-list,.full-details-container{flex:1;overflow-y:auto;height:100%;padding-bottom:2rem}.history-list{padding:1rem}.full-details-container{padding:0}.back-btn{background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:.4rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;display:flex;align-items:center;height:36px}.back-btn:hover{border-color:#3b82f6;color:#3b82f6}.status-badge-lg{padding:.3rem .8rem;border-radius:6px;font-weight:700;text-transform:uppercase;font-size:.9rem}.status-open{background:#3b82f61a;color:#3b82f6}.status-closed{background:#10b9811a;color:#10b981}.severity-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.severity-Critical{background:#ef4444;box-shadow:0 0 8px #ef4444}.severity-Warning{background:#f59e0b}.severity-Clear{background:#10b981}.history-item{padding:1rem;margin-bottom:.8rem;border-radius:6px;background:var(--table-bg);border:1px solid var(--border-color);cursor:pointer}.active-history{border-left:4px solid #3b82f6!important;background:#3b82f60d}.info-table{width:100%;border-collapse:collapse}.info-table tr:nth-child(2n){background:#00000004}.info-table td{padding:.8rem 1.5rem;border-bottom:1px solid var(--border-color);vertical-align:top;font-family:monospace;font-size:.9rem}.info-key{width:30%;color:var(--text-secondary);font-weight:600}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.nav-btn{padding:.5rem 1rem;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);border-radius:6px;cursor:pointer}.nav-btn.active{background:var(--hover-color);color:var(--text-main);border-color:#94a3b8}.btn-close-ticket{background:#ef4444;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600}.closed-label{color:#10b981;font-weight:700}.reports-container,.settings-container{padding:2rem;overflow-y:auto;height:100vh}.reports-sidebar{width:250px;float:left;border-right:1px solid var(--border-color);height:100%}@media print{.detail-page{position:static;height:auto;overflow:visible;display:block}header,.no-print{display:none}}.settings-container{display:flex;justify-content:center;padding-top:4rem;height:calc(100vh - 60px);background:var(--bg-color)}.settings-card{background:var(--table-bg);padding:2.5rem;border-radius:12px;border:1px solid var(--border-color);width:600px;box-shadow:0 10px 15px -3px #0000001a}.settings-card h2{margin-top:0;margin-bottom:2rem;border-bottom:2px solid var(--border-color);padding-bottom:1rem;font-size:1.5rem;color:var(--text-main)}.setting-group{margin-bottom:2rem}.setting-group label{display:block;font-weight:600;margin-bottom:.8rem;color:var(--text-main)}.settings-input{width:100%;padding:.8rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-color);color:var(--text-main);font-size:1rem}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.theme-btn{padding:1rem;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;font-weight:600;text-align:center;transition:all .2s}.theme-btn:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.theme-btn.midnight{background:#0f172a;color:#fff;border-color:#1e293b}.theme-btn.obsidian{background:#000;color:#e2e2e2;border-color:#333}.theme-btn.corporate{background:#f3f4f6;color:#111827;border-color:#d1d5db}.reports-container{display:flex;height:calc(100vh - 60px);background:var(--bg-color);overflow:hidden;padding:0!important}.reports-sidebar{width:280px;background:var(--table-bg);border-right:1px solid var(--border-color);padding:1.5rem;display:flex;flex-direction:column}.reports-sidebar h3{font-size:.9rem;text-transform:uppercase;color:var(--text-secondary);margin-bottom:1rem;letter-spacing:.05em}.report-nav-item{padding:1rem;background:transparent;border:1px solid transparent;border-radius:6px;text-align:left;cursor:pointer;color:var(--text-main);font-weight:500;margin-bottom:.5rem;transition:all .2s}.report-nav-item:hover{background:var(--hover-color)}.report-nav-item.active{background:#3b82f61a;color:#3b82f6;border-color:#3b82f633}.reports-content{flex:1;padding:2rem;overflow-y:auto;margin-left:0!important}.reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:var(--table-bg);padding:1.5rem;border-radius:8px;border:1px solid var(--border-color)}.reports-filter-bar{display:flex;gap:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.8rem;font-weight:700;color:var(--text-secondary)}.filter-group select{padding:.6rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-color);color:var(--text-main);min-width:150px}.btn-pdf-export{background:#3b82f6;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;box-shadow:0 4px 6px #3b82f64d}.btn-pdf-export:hover{background:#2563eb}.chart-wrapper{background:var(--table-bg);padding:2rem;border-radius:12px;border:1px solid var(--border-color);box-shadow:0 4px 6px -1px #0000000d}.chart-wrapper h3{margin-top:0;font-size:1.2rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem;margin-bottom:2rem}.bar{background:#3b82f6;border-radius:4px 4px 0 0;transition:height .5s ease;width:40px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.bar-group{position:absolute;bottom:0;width:60px;height:100%}.bar-val{position:absolute;top:-25px;width:100%;text-align:center;font-size:.8rem;font-weight:700;color:var(--text-main)}.bar-label{position:absolute;bottom:-25px;width:100%;text-align:center;font-size:.75rem;color:var(--text-secondary);transform:rotate(-45deg)}.chart-viz{position:relative;border-bottom:2px solid var(--border-color);margin-top:2rem;width:100%;overflow-x:auto;overflow-y:hidden}.bar-group{position:absolute;bottom:0;width:60px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.bar{position:relative;width:40px;background:#3b82f6;border-radius:4px 4px 0 0;transition:height .3s ease;bottom:0;left:0;transform:none}.bar-val{position:absolute;top:-25px;width:100%;text-align:center;font-weight:700;font-size:.8rem;color:var(--text-main);z-index:2}.bar-label{position:absolute;bottom:-30px;width:100%;text-align:center;font-size:.75rem;color:var(--text-secondary);transform:none;white-space:nowrap}.chart-wrapper{position:relative;background:var(--table-bg);padding:2rem;border-radius:12px;border:1px solid var(--border-color);margin-top:1rem;min-height:400px}.svg-container{padding:1rem 0}.svg-bar:hover{opacity:.8}.chart-bar-group:hover .svg-bar{fill:#f59e0b}.svg-bar{transition:all .2s}.btn-pdf-export{background:#2563eb;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 4px #2563eb4d;transition:background .2s;margin-left:auto}.btn-pdf-export:hover{background:#1d4ed8}.reports-header{display:flex;justify-content:space-between;align-items:center;background:var(--table-bg);padding:1rem;border-radius:8px;border:1px solid var(--border-color);margin-bottom:2rem}@media print{body *{visibility:hidden}body,html,#root,.container-fluid,.reports-container,.reports-content{background:#fff!important;color:#000!important;height:auto!important;width:100%!important;margin:0!important;padding:0!important;overflow:visible!important;position:static!important;display:block!important}.reports-content,.reports-content *{visibility:visible}.reports-content{position:absolute;left:0;top:0;width:100%;margin:0!important;padding:20px!important}header,.reports-sidebar,.no-print,.btn-pdf-export,.reports-filter-bar,.settings-container,.back-btn,.nav-btn{display:none!important}.chart-wrapper{border:none!important;box-shadow:none!important;padding:0!important;page-break-inside:avoid}svg text{fill:#000!important;font-weight:700!important}svg line{stroke:#666!important}.print-only-title h1{font-size:24pt;color:#000;margin-bottom:10px}}.alert-table tr{cursor:default!important;transform:none!important;box-shadow:none!important;transition:background-color .1s ease!important}.alert-table tr:hover{background-color:var(--hover-color)!important;position:static!important;z-index:auto!important}.col-id{cursor:pointer!important;font-weight:600;position:relative;transition:all .2s ease}.col-id:hover{color:#2563eb!important;text-decoration:underline!important}[data-theme=midnight] .col-id:hover,[data-theme=obsidian] .col-id:hover{color:#60a5fa!important}.col-id{font-weight:700!important;transition:color .2s ease-in-out!important;position:relative;cursor:pointer!important}.col-id:hover{color:#ef4444!important;text-decoration:none!important;text-shadow:0 0 10px rgba(239,68,68,.2)}[data-theme=midnight] .col-id:hover,[data-theme=obsidian] .col-id:hover{color:#f87171!important;text-shadow:0 0 10px rgba(248,113,113,.4)}.alert-table tr:hover td:not(.col-id){color:inherit}.copy-link-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);padding:2px 8px;margin-left:10px;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s}.copy-link-btn:hover{background:var(--hover-color);color:#3b82f6;border-color:#3b82f6}