:root{--bg-base: #0a0e13;--bg-surface: #0d1117;--bg-elevated: #131921;--bg-card: #1a2332;--bg-hover: #232d3d;--bg-active: #2a3647;--border-subtle: #1e2a3a;--border-default: #2a3a4d;--border-strong: #3a4d63;--border-focus: #3a8fc2;--gold-primary: #e8b04a;--gold-dark: #c9962e;--gold-light: #f4c76b;--cyan-primary: #3a8fc2;--cyan-dark: #2a6a94;--cyan-light: #5aafdf;--color-hostile: #c24a3a;--color-hostile-light: #e05a4a;--color-warning: #e8944a;--color-warning-light: #f4a86b;--color-success: #3ac24a;--color-success-light: #5ad66a;--color-info: #3a8fc2;--color-neutral: #7a4ac2;--slot-high: #c24a3a;--slot-mid: #3a8fc2;--slot-low: #e8b04a;--slot-rig: #7a4ac2;--text-primary: #e6e8eb;--text-secondary: #8b9bb4;--text-muted: #5a6a7e;--text-disabled: #3d4a5c;--threat-1: #3ac24a;--threat-2: #7acc3a;--threat-3: #e8b04a;--threat-4: #e8944a;--threat-5: #c24a3a;--sec-high: #3ac24a;--sec-positive: #7acc3a;--sec-neutral: #8b9bb4;--sec-low: #e8944a;--sec-criminal: #c24a3a;--font-primary: "Rajdhani", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Share Tech Mono", "Consolas", "Monaco", "Courier New", monospace;--text-xs: .75rem;--text-sm: .85rem;--text-base: .95rem;--text-lg: 1.1rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.75rem;--text-4xl: 2rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--border-width: 1px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .5);--shadow-glow-gold: 0 0 10px rgba(232, 176, 74, .3);--shadow-glow-cyan: 0 0 10px rgba(58, 143, 194, .3);--transition-fast: .1s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);font-weight:500;background-color:var(--bg-base);color:var(--text-primary);line-height:1.5;min-height:100vh;letter-spacing:.01em}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) var(--bg-elevated)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-elevated);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-sm);border:2px solid var(--bg-elevated)}::-webkit-scrollbar-thumb:hover{background:var(--border-focus)}::-webkit-scrollbar-thumb:active{background:var(--cyan-primary)}::-webkit-scrollbar-corner{background:var(--bg-elevated)}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-thumb{border-width:1px}.scrollbar-thin{scrollbar-width:thin}.scrollbar-hidden::-webkit-scrollbar{display:none}.scrollbar-hidden{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-gold::-webkit-scrollbar-thumb{background:var(--gold-dark)}.scrollbar-gold::-webkit-scrollbar-thumb:hover{background:var(--gold-primary)}.scrollbar-gold::-webkit-scrollbar-thumb:active{background:var(--gold-light)}.scrollbar-gold{scrollbar-color:var(--gold-dark) var(--bg-elevated)}.scrollbar-cyan::-webkit-scrollbar-thumb{background:var(--cyan-dark)}.scrollbar-cyan::-webkit-scrollbar-thumb:hover{background:var(--cyan-primary)}.scrollbar-cyan::-webkit-scrollbar-thumb:active{background:var(--cyan-light)}.scrollbar-cyan{scrollbar-color:var(--cyan-dark) var(--bg-elevated)}.scrollbar-demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-lg)}.scrollbar-demo-item{display:flex;flex-direction:column;gap:var(--space-sm)}.scrollbar-demo-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.scrollbar-demo-box{height:120px;overflow-y:scroll;background:var(--bg-surface);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-sm)}.scrollbar-demo-box p{margin:0;padding:var(--space-xs) 0;font-size:var(--text-sm);color:var(--text-muted);border-bottom:var(--border-width) solid var(--border-subtle)}.scrollbar-demo-box p:last-child{border-bottom:none}.game-link-demo{display:flex;flex-wrap:wrap;gap:var(--space-md);padding:var(--space-md);background:var(--bg-surface);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px)}.page-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.main-header{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:56px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:100}.header-left,.header-right{display:flex;align-items:center;gap:1rem}.brand-logo{display:flex;align-items:center;gap:.5rem}.brand-icon{font-size:var(--text-xl);color:var(--cyan-primary)}.brand-icon.large{font-size:var(--text-4xl)}.brand-text{font-family:var(--font-primary);font-size:var(--text-lg);font-weight:700;color:var(--gold-primary);letter-spacing:.15em}.brand-text.large{font-size:var(--text-4xl)}.main-nav{display:flex;gap:.25rem}.nav-item{padding:.5rem 1rem;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:var(--text-base)}.nav-item:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-item:focus{outline:none;color:var(--text-primary);box-shadow:0 0 0 1px var(--cyan-primary),0 0 8px #3a8fc24d}.nav-item.active{color:var(--gold-primary);background:var(--bg-elevated)}.header-status{display:flex;align-items:center;gap:.5rem;font-size:var(--text-sm);color:var(--text-secondary)}.status-indicator{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.status-indicator.online{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.main-footer{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:var(--bg-surface);border-top:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-muted)}.footer-divider{opacity:.5}.page-header{margin-bottom:2rem}.page-header h1{display:flex;align-items:center;gap:var(--space-sm)}.page-title{font-size:var(--text-3xl);font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.page-subtitle{color:var(--text-secondary);font-size:var(--text-base)}.ds-section{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border-subtle)}.ds-section:last-child{border-bottom:none}.section-title{font-size:var(--text-xl);font-weight:600;color:var(--gold-primary);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--gold-dark);display:inline-block}.subsection-title{font-size:var(--text-base);font-weight:600;color:var(--text-secondary);margin:1.5rem 0 1rem;text-transform:uppercase;letter-spacing:.05em}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.color-swatch{aspect-ratio:1.5;border-radius:var(--radius-md);padding:.75rem;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--border-subtle)}.color-name{font-size:var(--text-xs);font-weight:500;color:var(--text-primary)}.color-value{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-secondary)}.slot-type-demo{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md);padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.slot-type-demo-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--text-secondary)}.slot-indicator{width:12px;height:12px;border-radius:var(--radius-sm);flex-shrink:0}.slot-indicator-high{background:var(--slot-high)}.slot-indicator-mid{background:var(--slot-mid)}.slot-indicator-low{background:var(--slot-low)}.slot-indicator-rig{background:var(--slot-rig)}.type-specimen{display:flex;flex-direction:column;gap:1rem}.display-1{font-size:var(--text-4xl);font-weight:300;color:var(--gold-primary);letter-spacing:.02em}.display-2{font-size:var(--text-4xl);font-weight:300;color:var(--text-primary)}h1{font-size:var(--text-3xl);font-weight:600}h2{font-size:var(--text-2xl);font-weight:600}h3{font-size:var(--text-xl);font-weight:600}h4{font-size:var(--text-lg);font-weight:600}.body-large{font-size:var(--text-lg);color:var(--text-primary)}.body-small{font-size:var(--text-sm);color:var(--text-secondary)}.caption{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.code-inline{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--bg-elevated);padding:.15rem .4rem;border-radius:var(--radius-sm);color:var(--cyan-primary)}.code-block{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--bg-elevated);padding:1rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle);overflow-x:auto;color:var(--text-primary)}.button-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:var(--text-base);font-weight:500;font-family:var(--font-primary);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,var(--gold-primary) 0%,var(--gold-dark) 100%);color:var(--bg-base);border-color:var(--gold-dark)}.btn-primary:hover:not(:disabled),.btn-primary:focus:not(:disabled){background:linear-gradient(180deg,var(--gold-light) 0%,var(--gold-primary) 100%);box-shadow:0 0 8px #e8b04a66,0 0 16px #e8b04a33,0 0 24px #e8b04a1a;outline:none}.btn-primary:active:not(:disabled){transform:translateY(1px);box-shadow:0 0 8px #e8b04a4d}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-default)}.btn-secondary:hover:not(:disabled),.btn-secondary:focus:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong);box-shadow:0 0 8px #3a8fc226;outline:none}.btn-secondary.active{background:var(--bg-active);border-color:var(--cyan-primary);color:var(--cyan-primary);box-shadow:0 0 8px #3a8fc233}.btn-danger{background:linear-gradient(180deg,var(--color-hostile) 0%,#9a3a2d 100%);color:var(--text-primary);border-color:#9a3a2d}.btn-danger:hover:not(:disabled),.btn-danger:focus:not(:disabled){background:linear-gradient(180deg,var(--color-hostile-light) 0%,var(--color-hostile) 100%);box-shadow:0 0 8px #c24a3a66,0 0 16px #c24a3a33;outline:none}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:var(--bg-hover)}.btn-icon{padding:.5rem}.btn-sm{padding:.35rem .75rem;font-size:var(--text-xs)}.btn-lg{padding:.75rem 1.5rem;font-size:var(--text-lg)}.btn-loading{pointer-events:none}.btn-group{display:inline-flex;border-radius:var(--radius-md);overflow:hidden}.btn-group .btn{border-radius:0;margin-left:-1px}.btn-group .btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md);margin-left:0}.btn-group .btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.form-group:last-child{margin-bottom:0}.form-group.full-width{grid-column:1 / -1}.form-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.form-input,.form-select,.form-textarea{padding:.6rem .75rem;font-size:var(--text-base);font-family:var(--font-primary);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--cyan-primary);box-shadow:0 0 0 1px #3a8fc24d,0 0 8px #3a8fc24d,0 0 16px #3a8fc21a}.form-input:disabled,.form-select:disabled{background:var(--bg-surface);color:var(--text-disabled);cursor:not-allowed}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input::-ms-reveal,.form-input::-ms-clear{filter:invert(70%) sepia(10%) saturate(300%) hue-rotate(180deg)}.form-input::-webkit-credentials-auto-fill-button,.form-input::-webkit-textfield-decoration-container{filter:invert(70%) sepia(10%) saturate(300%) hue-rotate(180deg)}.form-input.error{border-color:var(--color-hostile)}.form-error{font-size:var(--text-xs);color:var(--color-hostile)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%238b9bb4' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.form-textarea{resize:vertical;min-height:80px}.input-with-icon{position:relative}.input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.input-with-icon .form-input{padding-left:2.25rem}.input-group{display:flex}.input-group .form-input{border-radius:var(--radius-md) 0 0 var(--radius-md);border-right:none}.input-group .btn{border-radius:0 var(--radius-md) var(--radius-md) 0}.check-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.form-check,.form-radio{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:var(--text-base);color:var(--text-secondary)}.form-check input,.form-radio input{display:none}.checkmark,.radiomark{width:18px;height:18px;border:1px solid var(--border-default);background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.checkmark{border-radius:var(--radius-sm)}.radiomark{border-radius:50%}.form-check input:focus+.checkmark,.form-radio input:focus+.radiomark{box-shadow:0 0 0 1px var(--cyan-primary),0 0 8px #3a8fc24d}.form-check input:checked+.checkmark,.form-radio input:checked+.radiomark{background:var(--cyan-primary);border-color:var(--cyan-primary)}.form-check input:checked+.checkmark:after{content:"✓";color:var(--bg-base);font-size:var(--text-xs);font-weight:700}.form-radio input:checked+.radiomark:after{content:"";width:8px;height:8px;background:var(--bg-base);border-radius:50%}.form-check:has(input:disabled),.form-radio:has(input:disabled){opacity:.5;cursor:not-allowed}.toggle-grid{display:flex;flex-direction:column;gap:.75rem}.toggle{display:flex;align-items:center;gap:.75rem;cursor:pointer}.toggle input{display:none}.toggle-slider{width:40px;height:22px;background:var(--bg-hover);border-radius:11px;position:relative;transition:all var(--transition-normal);border:1px solid var(--border-default)}.toggle-slider:after{content:"";position:absolute;width:16px;height:16px;background:var(--text-muted);border-radius:50%;top:2px;left:2px;transition:all var(--transition-normal)}.toggle input:focus+.toggle-slider{box-shadow:0 0 0 1px var(--cyan-primary),0 0 8px #3a8fc24d}.toggle input:checked+.toggle-slider{background:var(--cyan-dark);border-color:var(--cyan-primary)}.toggle input:checked:focus+.toggle-slider{box-shadow:0 0 8px #3a8fc280,0 0 16px #3a8fc233}.toggle input:checked+.toggle-slider:after{transform:translate(18px);background:var(--cyan-light)}.toggle-label{font-size:var(--text-base);color:var(--text-secondary)}.panel{--corner-size: 12px;background:var(--bg-card);border:1px solid var(--border-subtle);position:relative;clip-path:polygon(0 var(--corner-size),var(--corner-size) 0,100% 0,100% calc(100% - var(--corner-size)),calc(100% - var(--corner-size)) 100%,0 100%)}.panel:before,.panel:after{content:"";position:absolute;background:var(--gold-primary);opacity:.6}.panel:before{width:calc(var(--corner-size) * 1.8);height:1px;top:calc(var(--corner-size) * .5);left:0;transform:rotate(-45deg);transform-origin:left center}.panel:after{width:calc(var(--corner-size) * 1.8);height:1px;bottom:calc(var(--corner-size) * .5);right:0;transform:rotate(-45deg);transform-origin:right center}.panel-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated)}.panel-title{font-size:var(--text-sm);font-weight:600;color:var(--gold-primary);text-transform:uppercase;letter-spacing:.1em;margin:0}.panel-body{padding:1.25rem}.panel-sm{--corner-size: 8px}.panel-lg{--corner-size: 16px}.panel-glow{box-shadow:inset 0 1px #e8b04a1a,0 0 20px #e8b04a0d}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.card-header{padding:1rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:.75rem}.card-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0}.card-body{padding:1rem}.card-footer{padding:.75rem 1rem;border-top:1px solid var(--border-subtle);display:flex;gap:.5rem;background:var(--bg-elevated)}.card-target .card-header{background:var(--bg-elevated)}.target-avatar{width:48px;height:48px;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--border-default)}.target-avatar img{width:100%;height:100%;object-fit:cover}.target-info{flex:1}.target-corp{font-size:var(--text-sm);color:var(--text-secondary)}.target-meta{display:flex;gap:1.5rem;margin-bottom:.75rem}.meta-item{display:flex;flex-direction:column}.meta-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.meta-value{font-size:var(--text-base);color:var(--text-primary)}.card-sighting .card-header{justify-content:space-between;background:var(--bg-elevated)}.sighting-system{font-weight:600;color:var(--cyan-primary)}.sighting-time{font-size:var(--text-sm);color:var(--text-muted);font-family:var(--font-mono)}.sighting-details{display:flex;gap:1rem;margin-bottom:.5rem}.sighting-ship{color:var(--text-primary)}.sighting-activity{color:var(--text-secondary)}.sighting-notes{font-size:var(--text-sm);color:var(--text-muted)}.card-stat{padding:1.5rem;text-align:center}.stat-value{font-size:var(--text-4xl);font-weight:300;color:var(--gold-primary)}.stat-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:.5rem}.stat-change{font-size:var(--text-xs);color:var(--text-muted)}.stat-change.positive{color:var(--color-success)}.stat-change.negative{color:var(--color-hostile)}.table-container{overflow-x:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.table{width:100%;border-collapse:collapse;font-size:var(--text-base)}.table th{background:var(--bg-elevated);padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--text-secondary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle)}.table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--bg-hover)}.table tbody tr.row-highlighted{background:#e8b04a1a}.table-striped tbody tr:nth-child(2n){background:var(--bg-elevated)}.table-striped tbody tr:nth-child(2n):hover{background:var(--bg-hover)}.table tbody tr.row-clickable{cursor:pointer}.table-character{display:flex;align-items:center;gap:.75rem}.table-avatar{width:32px;height:32px;border-radius:var(--radius-sm)}.table-location{display:block;color:var(--cyan-primary)}.table-time{display:block;font-size:var(--text-xs);color:var(--text-muted)}.table-actions{display:flex;gap:.25rem}.badge-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.threat-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);font-weight:700;font-size:var(--text-sm);color:var(--bg-base)}.threat-badge.threat-1{background:var(--threat-1)}.threat-badge.threat-2{background:var(--threat-2)}.threat-badge.threat-3{background:var(--threat-3)}.threat-badge.threat-4{background:var(--threat-4)}.threat-badge.threat-5{background:var(--threat-5)}.standing-badge{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.standing-badge.hostile{background:#c24a3a33;color:var(--color-hostile-light);border:1px solid var(--color-hostile)}.standing-badge.suspect{background:#e8944a33;color:var(--color-warning-light);border:1px solid var(--color-warning)}.standing-badge.neutral{background:#8b9bb433;color:var(--text-secondary);border:1px solid var(--text-muted)}.standing-badge.friendly{background:#3ac24a33;color:var(--color-success-light);border:1px solid var(--color-success)}.standing-badge.ally{background:#3a8fc233;color:var(--cyan-light);border:1px solid var(--cyan-primary)}.status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%}.status-badge.online{background:#3ac24a26;color:var(--color-success)}.status-badge.online:before{background:var(--color-success);box-shadow:0 0 4px var(--color-success)}.status-badge.offline{background:#5a6a7e26;color:var(--text-muted)}.status-badge.offline:before{background:var(--text-muted)}.status-badge.unknown{background:#e8944a26;color:var(--color-warning)}.status-badge.unknown:before{background:var(--color-warning)}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .5rem;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-secondary)}.tag-removable{padding-right:.35rem}.tag-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;font-size:1rem;line-height:1}.tag-remove:hover{color:var(--color-hostile)}.sec-status{display:inline-flex;align-items:center;justify-content:center;min-width:45px;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;font-family:var(--font-mono)}.sec-status.sec-high{background:#3ac24a33;color:var(--sec-high)}.sec-status.sec-positive{background:#7acc3a33;color:var(--sec-positive)}.sec-status.sec-neutral{background:#8b9bb433;color:var(--sec-neutral)}.sec-status.sec-low{background:#e8944a33;color:var(--sec-low)}.sec-status.sec-criminal{background:#c24a3a33;color:var(--sec-criminal)}.alert{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:var(--radius-md);margin-bottom:1rem;border:1px solid}.alert-icon{font-size:var(--text-lg);line-height:1}.alert-content{flex:1;font-size:var(--text-base)}.alert-info{background:#3a8fc21a;border-color:var(--cyan-dark);color:var(--cyan-light)}.alert-success{background:#3ac24a1a;border-color:var(--color-success);color:var(--color-success-light)}.alert-warning{background:#e8944a1a;border-color:var(--color-warning);color:var(--color-warning-light)}.toast-demo{display:flex;flex-direction:column;gap:.5rem;max-width:300px}.toast{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-default);font-size:var(--text-sm);box-shadow:var(--shadow-md)}.toast-icon{font-size:var(--text-base)}.modal-demo{position:relative;padding:2rem;background:var(--bg-surface);border-radius:var(--radius-lg);margin-top:1rem}.modal-backdrop{position:absolute;inset:0;background:#00000080;border-radius:var(--radius-lg)}.modal-overlay{display:none;position:fixed;inset:0;background:#000000b3;z-index:1000;align-items:center;justify-content:center}.modal-overlay.active{display:flex}.modal{position:relative;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-lg)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal-title{font-size:var(--text-lg);font-weight:600;margin:0}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;line-height:1;padding:0}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:1.25rem}.modal-body .form-group{margin-bottom:1rem}.modal-body .form-group:last-child{margin-bottom:0}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--border-subtle);background:var(--bg-elevated);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.tabs{display:flex;border-bottom:1px solid var(--border-subtle);gap:.25rem}.tab{padding:.75rem 1.25rem;font-size:var(--text-base);font-weight:500;color:var(--text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);margin-bottom:-1px}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--gold-primary);border-bottom-color:var(--gold-primary)}.breadcrumbs{display:flex;align-items:center;gap:.5rem;font-size:var(--text-sm)}.breadcrumb{color:var(--text-secondary);text-decoration:none}.breadcrumb:hover,.breadcrumb.current{color:var(--text-primary)}.breadcrumb-sep{color:var(--text-muted)}.pagination{display:flex;align-items:center;gap:.25rem}.page-btn{min-width:32px;height:32px;padding:0 .5rem;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.page-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.page-btn.active{background:var(--cyan-primary);border-color:var(--cyan-primary);color:var(--bg-base)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-ellipsis{color:var(--text-muted);padding:0 .5rem}.sidebar-demo{max-width:240px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:.5rem}.sidebar-nav{display:flex;flex-direction:column}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);font-size:var(--text-base);transition:all var(--transition-fast)}.sidebar-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-item.active{background:var(--bg-active);color:var(--gold-primary)}.sidebar-icon{font-size:var(--text-base);opacity:.8}.sidebar-badge{margin-left:auto;padding:.1rem .4rem;background:var(--bg-hover);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-muted)}.sidebar-divider{height:1px;background:var(--border-subtle);margin:.5rem 0}.dropdown{position:relative;display:inline-block}.dropdown-trigger{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:none;color:var(--text-secondary);font-size:var(--text-base);font-weight:500;font-family:inherit;line-height:1.5;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.dropdown-trigger:hover{color:var(--text-primary);background:var(--bg-hover)}.dropdown-trigger-text{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-trigger-btn{display:inline-flex;align-items:center;gap:.5rem}.dropdown-chevron{font-size:var(--text-xs);transition:transform var(--transition-fast)}.dropdown-chevron.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;min-width:180px;margin-top:.25rem;padding:.375rem;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:dropdownFadeIn .15s ease-out}.dropdown-menu-right{left:auto;right:0}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:.625rem;width:100%;padding:.5rem .75rem;color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast);cursor:pointer;border:none;background:transparent;text-align:left}.dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.dropdown-item-icon{width:1rem;text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.dropdown-item:hover .dropdown-item-icon{color:var(--text-secondary)}.dropdown-item-danger{color:var(--color-hostile)}.dropdown-item-danger:hover{background:#c24a3a1a;color:var(--color-hostile-light)}.dropdown-item-danger .dropdown-item-icon{color:var(--color-hostile)}.dropdown-divider{height:1px;margin:.375rem 0;background:var(--border-subtle)}.dropdown-item-name{flex:1}.dropdown-item-shortcut{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);margin-left:var(--space-lg)}.dropdown-demo-row{display:flex;gap:2rem;align-items:flex-start}.loading-grid{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:2rem}.loading-item{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--text-muted);font-size:var(--text-sm)}.spinner{width:20px;height:20px;border:2px solid var(--border-default);border-top-color:var(--gold-primary);border-radius:50%;animation:spin .8s linear infinite}.spinner-lg{width:32px;height:32px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-hover) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-text{height:14px;width:100%}.skeleton-text.short{width:60%}.skeleton-avatar{width:48px;height:48px;border-radius:var(--radius-md)}.skeleton-group{display:flex;flex-direction:column;gap:.5rem;flex:1}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.card-loading .card-header{display:flex;gap:.75rem}.card-loading .card-body{display:flex;flex-direction:column;gap:.5rem}.tooltip-demo{padding:2rem}.tooltip-trigger{position:relative;border-bottom:1px dashed var(--text-muted);cursor:help}.tooltip-trigger:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:.5rem .75rem;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-xs);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast);margin-bottom:.5rem;box-shadow:var(--shadow-md)}.tooltip-trigger:hover:after{opacity:1;visibility:visible}.progress{height:8px;background:var(--bg-elevated);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-bar{height:100%;background:linear-gradient(90deg,var(--cyan-dark),var(--cyan-primary));border-radius:4px;transition:width var(--transition-normal)}.divider{border:none;height:1px;background:var(--border-subtle);margin:1.5rem 0}.divider-text{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;color:var(--text-muted);font-size:var(--text-xs)}.divider-text:before,.divider-text:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.empty-state{text-align:center;padding:3rem 2rem;background:var(--bg-card);border:1px dashed var(--border-default);border-radius:var(--radius-lg)}.empty-title{font-size:var(--text-lg);font-weight:600;margin-bottom:.5rem}.empty-description{color:var(--text-secondary);font-size:var(--text-base);margin-bottom:1.5rem}.kbd-list{display:flex;flex-direction:column;gap:.75rem;max-width:300px}.kbd-item{display:flex;justify-content:space-between;align-items:center}.kbd-keys{display:flex;gap:.25rem}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;padding:.2rem .5rem;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);box-shadow:0 2px 0 var(--border-default)}.kbd-desc{font-size:var(--text-sm);color:var(--text-muted)}.eve-icon{width:32px;height:32px;display:inline-block;vertical-align:middle;transition:var(--transition-fast)}.eve-icon-sm{width:16px;height:16px}.eve-icon-md{width:24px;height:24px}.eve-icon-lg{width:48px;height:48px}.eve-icon-xl{width:64px;height:64px}.eve-icon{color:var(--text-secondary)}.eve-icon-gold{color:var(--gold-primary)}.eve-icon-cyan{color:var(--cyan-primary)}.eve-icon-silver{color:var(--text-secondary)}.eve-icon-primary{color:var(--text-primary)}.eve-icon-danger{color:var(--color-hostile)}.eve-icon-success{color:var(--color-success)}.eve-icon-warning{color:var(--color-warning)}.eve-icon-muted{color:var(--text-muted)}.icon-style-demo,.icon-size-demo{display:flex;flex-wrap:wrap;gap:var(--space-lg);margin-bottom:var(--space-xl)}.icon-style-item,.icon-size-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.icon-style-item span,.icon-size-item span{font-size:var(--text-xs);color:var(--text-muted)}.eve-icon-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-sm)}.eve-icon-gallery-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-md);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast)}.eve-icon-gallery-item:hover{background:var(--bg-hover);border-color:var(--gold-primary)}.eve-icon-gallery-item:hover .eve-icon{color:var(--gold-primary)}.eve-icon-gallery-item .eve-icon{margin-bottom:var(--space-xs);transition:var(--transition-fast)}.eve-icon-gallery-item span{font-size:10px;color:var(--text-muted);text-align:center;word-break:break-word;max-width:100%}.icon-copied-toast{position:fixed;bottom:var(--space-lg);left:50%;transform:translate(-50%) translateY(100px);background:var(--bg-card);border:1px solid var(--gold-primary);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);color:var(--gold-primary);font-size:var(--text-sm);opacity:0;transition:all .3s ease;z-index:1000}.icon-copied-toast.show{transform:translate(-50%) translateY(0);opacity:1}.bracket-category{margin-bottom:var(--space-xl)}.bracket-icon-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:var(--space-sm)}.bracket-icon-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-md);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);min-height:80px}.bracket-icon-item:hover{background:var(--bg-hover);border-color:var(--gold-primary)}.bracket-icon{width:32px;height:32px;margin-bottom:var(--space-xs);image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.bracket-icon-item span{font-size:9px;color:var(--text-muted);text-align:center;word-break:break-word;max-width:100%;line-height:1.2}.toast-container{position:fixed;bottom:calc(var(--space-lg) + 56px);right:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);z-index:1100;pointer-events:none;max-width:380px;width:100%}.toast{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toast-slide-in .3s ease}.toast-clickable{cursor:pointer}.toast-clickable:hover{background:var(--bg-hover)}.toast-info{border-left:3px solid var(--cyan-primary)}.toast-info .toast-icon{color:var(--cyan-primary)}.toast-success{border-left:3px solid var(--color-success)}.toast-success .toast-icon{color:var(--color-success)}.toast-warning{border-left:3px solid var(--color-warning)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-error{border-left:3px solid var(--color-hostile)}.toast-error .toast-icon{color:var(--color-hostile)}.toast-icon{font-size:var(--text-lg);line-height:1;flex-shrink:0}.toast-content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.toast-title{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.toast-body{font-size:var(--text-xs);color:var(--text-secondary)}.toast-dismiss{background:none;border:none;color:var(--text-muted);font-size:var(--text-lg);cursor:pointer;padding:0;line-height:1;opacity:.6;transition:var(--transition-fast)}.toast-dismiss:hover{opacity:1;color:var(--text-primary)}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-exiting{animation:toast-slide-out .2s ease forwards}@keyframes toast-slide-out{to{transform:translate(100%);opacity:0}}.toast-overflow{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);pointer-events:auto}.notification-icon{position:fixed;bottom:var(--space-lg);right:var(--space-lg);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);z-index:1000}.notification-icon:hover,.notification-icon.active{background:var(--bg-hover);border-color:var(--gold-primary)}.notification-icon-svg{width:20px;height:20px;color:var(--text-secondary);transition:var(--transition-fast)}.notification-icon:hover .notification-icon-svg,.notification-icon.active .notification-icon-svg{color:var(--gold-primary)}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 6px;background:var(--color-hostile);border-radius:10px;font-size:11px;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center}.notification-panel{position:fixed;bottom:calc(var(--space-lg) + 56px);right:var(--space-lg);width:380px;max-height:70vh;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;z-index:1050;animation:notification-panel-in .2s ease}@keyframes notification-panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.notification-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle)}.notification-panel-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0}.notification-panel-actions{display:flex;gap:var(--space-xs)}.notification-panel-body{flex:1;overflow-y:auto;padding:var(--space-sm)}.notification-group{margin-bottom:var(--space-md)}.notification-group:last-child{margin-bottom:0}.notification-group-label{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-xs) var(--space-sm);margin-bottom:var(--space-xs)}.notification-item{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);position:relative}.notification-item:hover{background:var(--bg-hover)}.notification-item.unread{background:var(--bg-elevated)}.notification-item.unread:before{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--gold-primary);border-radius:50%}.notification-item-icon{font-size:var(--text-base);line-height:1;flex-shrink:0;margin-top:2px}.notification-item-icon-info{color:var(--cyan-primary)}.notification-item-icon-success{color:var(--color-success)}.notification-item-icon-warning{color:var(--color-warning)}.notification-item-icon-error{color:var(--color-hostile)}.notification-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.notification-item-title{font-size:var(--text-sm);color:var(--text-primary);line-height:1.3}.notification-item-body{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.3}.notification-item-time{font-size:var(--text-xs);color:var(--text-muted)}.notification-item-dismiss{background:none;border:none;color:var(--text-muted);font-size:var(--text-base);cursor:pointer;padding:0;line-height:1;opacity:0;transition:var(--transition-fast)}.notification-item:hover .notification-item-dismiss{opacity:.6}.notification-item-dismiss:hover{opacity:1;color:var(--text-primary)}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--text-muted)}.notification-empty-icon{font-size:2rem;margin-bottom:var(--space-sm);opacity:.5}.notification-empty p{margin:0;font-size:var(--text-sm)}.ai-panel{position:fixed;bottom:calc(var(--space-lg) + 80px);left:var(--space-lg);width:400px;height:min(750px,70vh);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);display:flex;flex-direction:column;z-index:1001;box-shadow:var(--shadow-lg);animation:ai-panel-in .2s ease}@keyframes ai-panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-panel-header{display:flex;align-items:flex-end;gap:var(--space-md);padding:var(--space-sm) var(--space-lg) var(--space-md);border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.ai-panel-hologram{width:80px;height:80px;flex-shrink:0;position:relative}.ai-panel-hologram:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) translate(2px);width:50px;height:4px;background:linear-gradient(90deg,transparent,var(--cyan-primary),transparent);border-radius:50%;opacity:.6}.ai-panel-identity{flex:1;min-width:0;margin-left:var(--space-lg);padding-bottom:0}.ai-panel-name{font-size:var(--text-lg);font-weight:600;color:var(--cyan-primary);text-transform:uppercase;letter-spacing:.2em;margin:0;text-shadow:0 0 10px rgba(58,143,194,.5)}.ai-panel-status{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);margin-top:var(--space-xs)}.ai-panel-status-dot{width:8px;height:8px;background:var(--color-success);border-radius:50%;box-shadow:0 0 6px var(--color-success);animation:ai-status-pulse 2s infinite}@keyframes ai-status-pulse{0%,to{opacity:1}50%{opacity:.5}}.ai-panel-close{position:absolute;top:var(--space-sm);right:var(--space-sm);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);font-size:var(--text-lg);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.ai-panel-close:hover{background:var(--bg-hover);color:var(--text-primary)}.ai-panel-messages{flex:1;overflow-y:auto;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md);min-height:0}.ai-message{display:flex;flex-direction:column;max-width:85%}.ai-message-user{align-self:flex-end;align-items:flex-end}.ai-message-assistant{align-self:flex-start;align-items:flex-start}.ai-message-bubble{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.5}.ai-message-user .ai-message-bubble{background:var(--gold-dark);color:var(--gold-light);border:1px solid var(--gold-primary);border-bottom-right-radius:var(--radius-sm)}.ai-message-assistant .ai-message-bubble{background:#3a8fc226;color:var(--text-primary);border:1px solid rgba(58,143,194,.3);border-bottom-left-radius:var(--radius-sm)}.ai-message-time{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-xs);padding:0 var(--space-xs)}.ai-typing-indicator{display:flex;gap:4px;padding:var(--space-xs) 0}.ai-typing-indicator span{width:6px;height:6px;background:var(--cyan-primary);border-radius:50%;animation:ai-typing 1.4s infinite}.ai-typing-indicator span:nth-child(2){animation-delay:.2s}.ai-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes ai-typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.ai-panel-input{display:flex;gap:var(--space-sm);padding:var(--space-md);border-top:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.ai-panel-input .form-input{flex:1}.ai-panel-input .btn{flex-shrink:0}.app-layout{display:flex;flex-direction:column;min-height:100vh}.nav-primary{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;gap:2rem;padding:0 1.5rem;height:56px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.nav-spacer{height:56px;flex-shrink:0}.nav-links{display:flex;gap:.25rem;flex:1}.nav-link{display:inline-flex;align-items:center;padding:.5rem 1rem;color:var(--text-secondary);text-decoration:none;font-size:var(--text-base);font-weight:500;line-height:1.5;border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-link:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-link.active,.navbar-dropdown .dropdown-trigger.active{color:var(--gold-primary);background:var(--bg-active)}.navbar-dropdown .dropdown-trigger-text{max-width:none}.nav-user{display:flex;align-items:center;gap:1rem}.user-email-link{font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.user-email-link:hover{color:var(--text-primary)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.login-container{width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:2rem}.login-header .brand-logo{justify-content:center;gap:.75rem;margin-bottom:1rem}.brand-subtitle{color:var(--text-secondary);font-size:var(--text-base)}.login-form{background:var(--bg-card);padding:var(--space-xl);border-radius:var(--radius-lg);border:var(--border-width) solid var(--border-subtle)}.login-form .btn{margin-top:var(--space-lg)}.password-match-indicator{float:right;font-size:var(--text-xs);font-weight:500}.password-match-indicator.match{color:var(--color-success)}.password-match-indicator.no-match{color:var(--color-hostile)}.form-input.input-valid{border-color:var(--color-success)}.form-input.input-valid:focus{border-color:var(--color-success);box-shadow:0 0 0 2px #3ac24a26}.form-input.input-invalid{border-color:var(--color-hostile)}.form-input.input-invalid:focus{border-color:var(--color-hostile);box-shadow:0 0 0 2px #c24a3a26}.login-footer{text-align:center;margin-top:var(--space-lg)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.quick-actions{display:flex;flex-wrap:wrap;gap:.75rem}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat{text-align:center;padding:1rem;background:var(--bg-elevated);border-radius:var(--radius-md)}.stat-value{font-size:var(--text-3xl);font-weight:300;color:var(--cyan-primary)}.stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.targets-toolbar{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-box{flex:1;min-width:200px;max-width:400px}.filter-buttons{display:flex;gap:.25rem}.targets-table-container{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-muted)}.loading-container .spinner{margin-bottom:1rem}.badge{display:inline-flex;align-items:center;padding:.2rem .5rem;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-sm);margin-right:.25rem}.badge-default{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-default)}.badge-info{background:#3a8fc233;color:var(--cyan-light);border:1px solid var(--cyan-dark)}.badge-warning{background:#e8944a33;color:var(--color-warning-light);border:1px solid var(--color-warning)}.badge-danger{background:#c24a3a33;color:var(--color-hostile-light);border:1px solid var(--color-hostile)}.badge-success{background:#3ac24a33;color:var(--color-success-light);border:1px solid var(--color-success)}.text-muted{color:var(--text-muted)}.btn-block,.page{width:100%}.account-section{margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.account-section .section-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0}.section-actions{display:flex;align-items:center;gap:.5rem}.account-info{display:flex;flex-direction:column;gap:.75rem}.info-row{display:flex;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-subtle)}.info-row:last-child{border-bottom:none}.info-label{font-size:var(--text-base);color:var(--text-secondary);width:120px;flex-shrink:0}.info-value{font-size:var(--text-base);color:var(--text-primary)}.display-name-edit{display:flex;align-items:center;gap:.5rem}.display-name-edit .form-input{width:200px}.display-name-value{display:flex;align-items:center;gap:.5rem}.account-tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-lg);border-bottom:1px solid var(--border-subtle)}.account-tab{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast);margin-bottom:-1px}.account-tab:hover{color:var(--text-primary)}.account-tab.active{color:var(--gold-primary);border-bottom-color:var(--gold-primary)}.account-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--bg-active);border-radius:10px;font-size:var(--text-xs);font-weight:600;color:var(--text-secondary)}.account-tab.active .account-tab-badge{background:var(--gold-primary);color:var(--bg-base)}.account-tab-content{display:flex;flex-direction:column;gap:var(--space-lg)}.capsuleers-actions{display:flex;align-items:center;gap:var(--space-sm);justify-content:flex-end}.account-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);align-items:start}@media(max-width:900px){.account-settings-grid{grid-template-columns:1fr}}.form-input-sm{padding:.35rem .5rem;font-size:var(--text-sm)}.character-group{margin-bottom:1rem}.character-list{display:flex;flex-direction:column;gap:.75rem}.character-card{display:flex;flex-direction:column;padding:0}.character-card .card-header{display:flex;align-items:center;gap:1rem;padding:1rem}.character-card .target-avatar{width:48px;height:48px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.character-card .target-avatar img{width:100%;height:100%;object-fit:cover}.character-card .target-info{flex:1;min-width:0}.character-card .card-title{margin:0 0 .25rem;font-size:var(--text-base);display:flex;align-items:center;gap:.5rem}.character-card .target-corp{font-size:var(--text-sm);color:var(--text-secondary)}.character-card .card-footer{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-elevated);border-top:1px solid var(--border-subtle)}.character-card.card-primary{border-color:var(--cyan-primary)}.add-group-section{margin-top:1rem}.new-group-form{display:flex;gap:.5rem;align-items:center}.new-group-form .form-input{flex:1;max-width:300px}.empty-state{text-align:center;padding:3rem 2rem}.empty-icon{font-size:3rem;color:var(--text-muted);margin-bottom:1rem}.empty-state h3{margin:0 0 .5rem;color:var(--text-primary)}.empty-state p{margin:0 0 1.5rem;color:var(--text-secondary)}.form-select-sm{padding:.35rem 2rem .35rem .75rem;font-size:var(--text-sm)}.encyclopedia-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.encyclopedia-category-card{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-fast)}.encyclopedia-category-card:hover{border-color:var(--cyan-primary);background:var(--bg-elevated);transform:translateY(-2px);box-shadow:var(--shadow-md)}.category-icon{font-size:var(--text-2xl);color:var(--cyan-primary);line-height:1;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border-radius:var(--radius-md)}.encyclopedia-category-card:hover .category-icon{color:var(--gold-primary);background:#e8b04a1a}.category-info{flex:1;min-width:0}.category-name{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-xs) 0}.category-description{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.4}.encyclopedia-section{margin-top:var(--space-xl)}.page-header-breadcrumb{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);margin-bottom:var(--space-sm)}.breadcrumb-link{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb-link:hover{color:var(--cyan-primary)}.breadcrumb-separator{color:var(--text-muted)}.encyclopedia-toolbar{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.encyclopedia-toolbar .search-box{flex:1;max-width:400px}.encyclopedia-alpha-list{display:flex;flex-direction:column;gap:var(--space-lg)}.alpha-group{display:flex;flex-direction:column}.alpha-header{font-size:var(--text-xl);font-weight:700;color:var(--gold-primary);padding:var(--space-sm) 0;border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-sm)}.alpha-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-xs)}.encyclopedia-list-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);color:var(--text-primary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast)}.encyclopedia-list-item:hover{background:var(--bg-hover);color:var(--cyan-primary)}.encyclopedia-list-item .item-name{font-weight:500}.encyclopedia-list-item .item-meta{font-size:var(--text-sm);color:var(--text-muted)}.region-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}.security-breakdown{display:flex;flex-direction:column;gap:var(--space-xs)}.security-stat{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--text-secondary)}.security-dot{width:10px;height:10px;border-radius:50%}.region-description{line-height:1.6;color:var(--text-secondary);margin:0}.constellation-list{display:flex;flex-direction:column;gap:0;padding:0}.constellation-item{border-bottom:1px solid var(--border-subtle)}.constellation-item:last-child{border-bottom:none}.constellation-header{display:flex;align-items:center;width:100%;padding:var(--space-md);background:none;border:none;cursor:pointer;text-align:left;color:var(--text-primary);font-size:var(--text-base);transition:background var(--transition-fast)}.constellation-header:hover{background:var(--bg-hover)}.constellation-name{flex:1;font-weight:500}.constellation-meta{font-size:var(--text-sm);color:var(--text-muted);margin-right:var(--space-md)}.constellation-chevron{color:var(--text-muted);transition:transform var(--transition-fast)}.constellation-chevron.expanded{transform:rotate(90deg)}.constellation-systems{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-xs);padding:0 var(--space-md) var(--space-md) var(--space-xl)}.constellation-systems .game-link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.constellation-systems .game-link:hover{background:var(--bg-hover)}.system-security{font-weight:600;font-size:var(--text-sm);min-width:28px}.faction-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.faction-card{padding:var(--space-md);background:var(--bg-elevated);border-radius:var(--radius-md)}.faction-card .faction-name{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.faction-card .faction-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-sm)}.faction-card .faction-stats{font-size:var(--text-xs);color:var(--text-muted)}.faction-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-xs)}.faction-list-item{padding:var(--space-sm);font-size:var(--text-sm);color:var(--text-secondary)}.feature-list{margin:var(--space-md) 0 0 0;padding-left:var(--space-lg);color:var(--text-secondary)}.feature-list li{margin-bottom:var(--space-xs)}.history-sections,.gameplay-sections{display:flex;flex-direction:column;gap:var(--space-lg)}.article-list{display:flex;flex-direction:column;gap:0}.article-link{display:flex;flex-direction:column;gap:2px;padding:var(--space-md);text-decoration:none;border-bottom:1px solid var(--border-subtle);transition:all var(--transition-fast)}.article-link:last-child{border-bottom:none}.article-link:hover{background:var(--bg-hover)}.article-link .article-name{font-size:var(--text-base);font-weight:500;color:var(--text-primary);transition:color var(--transition-fast)}.article-link:hover .article-name{color:var(--cyan-primary)}.article-link .article-description{font-size:var(--text-sm);color:var(--text-secondary)}.encyclopedia-links{list-style:none;padding:0;margin:0}.encyclopedia-links li{border-bottom:1px solid var(--border-subtle)}.encyclopedia-links li:last-child{border-bottom:none}.encyclopedia-link{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md) 0;color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast)}.encyclopedia-link:hover{color:var(--cyan-primary)}.encyclopedia-link span{font-size:var(--text-sm)}.info-table{width:100%;border-collapse:collapse}.info-table td{padding:var(--space-sm) 0;border-bottom:1px solid var(--border-subtle);font-size:var(--text-base)}.info-table tr:last-child td{border-bottom:none}.info-table-label{font-size:var(--text-base);color:var(--text-secondary);width:120px}.info-table a{color:var(--cyan-primary);text-decoration:none}.info-table a:hover{text-decoration:underline}.ai-assistant-button{position:fixed;bottom:var(--space-lg);left:var(--space-lg);z-index:1000;width:72px;height:72px;padding:0;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-normal)}.ai-assistant-button:hover{transform:scale(1.1)}.ai-assistant-button:active{transform:scale(1.05)}.ai-button-hologram{width:64px;height:64px;position:relative;z-index:2}.ai-button-glow{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(58,143,194,.3) 0%,transparent 70%);filter:blur(8px);z-index:1;transition:all var(--transition-normal)}.ai-assistant-button.hovered .ai-button-glow{background:radial-gradient(circle,rgba(232,176,74,.5) 0%,transparent 70%);filter:blur(12px);transform:scale(1.3)}@keyframes ai-button-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.ai-button-glow{animation:ai-button-pulse 3s ease-in-out infinite}.ai-assistant-button.hovered .ai-button-glow{animation:none}.ai-assistant-button.active .ai-button-glow{background:radial-gradient(circle,rgba(232,176,74,.4) 0%,transparent 70%);filter:blur(10px);animation:ai-button-pulse-gold 2s ease-in-out infinite}@keyframes ai-button-pulse-gold{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.game-link{color:var(--cyan-primary);text-decoration:none;border-bottom:1px dotted var(--cyan-dark);transition:all var(--transition-fast);cursor:pointer}.game-link:hover{color:var(--cyan-light);border-bottom-color:var(--cyan-primary)}.game-link-character,.game-link-corporation,.game-link-alliance{color:var(--cyan-primary);border-bottom-color:var(--cyan-dark)}.game-link-ship{color:var(--gold-primary);border-bottom-color:var(--gold-dark)}.game-link-ship:hover{color:var(--gold-light);border-bottom-color:var(--gold-primary)}.game-link-system,.game-link-region,.game-link-constellation{color:var(--text-primary);border-bottom-color:var(--border-default)}.game-link-system:hover,.game-link-region:hover,.game-link-constellation:hover{color:var(--cyan-light);border-bottom-color:var(--cyan-primary)}.game-link-card{z-index:2000;min-width:280px;max-width:320px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:hovercard-fade-in .15s ease-out}@keyframes hovercard-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.game-link-card-loading,.game-link-card-error{padding:var(--space-lg);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:var(--text-sm)}.game-link-card-content{padding:var(--space-md)}.game-link-card-header{display:flex;align-items:flex-start;gap:var(--space-md)}.game-link-card-avatar{width:48px;height:48px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;background:var(--bg-elevated)}.game-link-card-avatar-ship{width:64px;height:64px;border-radius:var(--radius-sm)}.game-link-card-avatar-item{width:48px;height:48px;border-radius:var(--radius-sm)}.game-link-card-security-badge{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700;color:var(--bg-primary);flex-shrink:0}.game-link-card-info{flex:1;min-width:0}.game-link-card-name{font-size:var(--text-base);font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.game-link-card-ticker{font-size:var(--text-sm);font-weight:400;color:var(--text-secondary)}.game-link-card-secondary{font-size:var(--text-sm);color:var(--text-secondary);margin-top:2px}.game-link-card-tertiary{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.game-link-card-stats{display:flex;gap:var(--space-md);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-subtle)}.game-link-card-stat{display:flex;flex-direction:column;gap:2px}.game-link-card-stat .stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.game-link-card-stat .stat-value{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.game-link-card-description{margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.nav-icon-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-icon-link:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-icon-link.active{color:var(--gold-primary);background:var(--bg-active)}.nav-icon{font-size:var(--text-lg)}.admin-tab-content{margin-top:var(--space-lg)}.admin-section{margin-bottom:var(--space-lg)}.admin-section:last-child{margin-bottom:0}.admin-actions{display:flex;flex-wrap:wrap;gap:var(--space-md)}.status-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-sm);text-transform:capitalize}.status-healthy{background:#3ac24a26;color:var(--color-success-light)}.status-warning{background:#e8944a26;color:var(--color-warning-light)}.status-error{background:#c24a3a26;color:var(--color-hostile-light)}.status-muted{background:var(--bg-elevated);color:var(--text-muted)}.btn-success{background:var(--color-success);color:var(--bg-primary);border:none}.btn-success:hover{background:var(--color-success-light)}.btn-sm{padding:.375rem .75rem;font-size:var(--text-sm)}.admin-toolbar{display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap}.admin-toolbar .search-box{flex:1;min-width:250px;max-width:400px}.admin-toolbar .search-box .form-input{width:100%}.admin-stat-pills{display:flex;gap:var(--space-md)}.stat-pill{display:flex;align-items:center;gap:var(--space-sm);padding:.5rem 1rem;background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.stat-pill-value{font-size:var(--text-lg);font-weight:600;color:var(--cyan-primary)}.stat-pill-label{font-size:var(--text-sm);color:var(--text-muted)}.user-cell{display:flex;flex-direction:column;gap:2px}.user-email{font-weight:500;color:var(--text-primary)}.user-id{font-size:var(--text-xs);color:var(--text-muted);font-family:monospace}.subscription-badge{display:inline-flex;align-items:center;padding:.2rem .5rem;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-sm);text-transform:capitalize}.subscription-free{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border-default)}.subscription-pro{background:#3a8fc226;color:var(--cyan-light);border:1px solid var(--cyan-dark)}.subscription-team{background:#7a4ac226;color:#b794f6;border:1px solid #7a4ac2}.subscription-alliance{background:#e8b04a26;color:var(--gold-light);border:1px solid var(--gold-dark)}.modal-sm{max-width:400px}.filter-group{display:flex;gap:var(--space-sm)}.filter-group .form-select{min-width:140px}.event-cell{display:flex;flex-direction:column;gap:2px}.event-category{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.event-action{font-weight:500;color:var(--text-primary)}.actor-cell{display:flex;flex-direction:column;gap:2px}.actor-email{font-weight:500;color:var(--text-primary)}.actor-ip{font-size:var(--text-xs);color:var(--text-muted);font-family:monospace}.target-cell{display:flex;flex-direction:column;gap:2px}.target-label{font-weight:500;color:var(--text-primary)}.target-type{font-size:var(--text-xs);color:var(--text-muted)}.status-info{background:#3a8fc226;color:var(--cyan-light)}.nowrap{white-space:nowrap}.log-detail-grid{display:flex;flex-direction:column;gap:var(--space-sm)}.log-detail-row{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--border-subtle)}.log-detail-row:last-child{border-bottom:none}.log-detail-label{width:120px;flex-shrink:0;font-size:var(--text-sm);color:var(--text-secondary)}.log-detail-value{font-size:var(--text-sm);color:var(--text-primary);word-break:break-all}.log-detail-wrap{word-break:break-word;max-width:400px}.log-detail-metadata{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-subtle)}.log-detail-metadata h4{margin:0 0 var(--space-sm) 0;font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.log-metadata-code{margin:0;padding:var(--space-md);background:var(--bg-elevated);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:monospace;color:var(--text-secondary);overflow-x:auto;white-space:pre-wrap;word-break:break-word}.applet-cell{display:flex;flex-direction:column;gap:2px}.applet-name{font-weight:500;color:var(--text-primary)}.applet-id{font-size:var(--text-xs);color:var(--text-muted);font-family:monospace}.btn-warning-text{color:var(--color-warning)}.btn-warning-text:hover{color:var(--color-warning-light);background:#e8944a1a}.btn-success-text{color:var(--color-success)}.btn-success-text:hover{color:var(--color-success-light);background:#3ac24a1a}.sql-preview{border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.sql-preview-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.sql-preview-code{margin:0;padding:var(--space-md);max-height:300px;overflow:auto;font-size:var(--text-sm);font-family:monospace;color:var(--text-secondary);background:var(--bg-surface);white-space:pre}.db-objects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-md);margin-top:var(--space-sm)}.db-objects-grid ul{margin:var(--space-xs) 0 0 0;padding-left:var(--space-lg);font-size:var(--text-sm);color:var(--text-secondary)}.db-objects-grid li{font-family:monospace;margin-bottom:2px}.applet-details{display:flex;flex-direction:column;gap:var(--space-xs)}.detail-row{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--border-subtle)}.detail-row:last-child{border-bottom:none}.detail-label{width:120px;flex-shrink:0;font-size:var(--text-sm);color:var(--text-secondary)}.detail-value{font-size:var(--text-sm);color:var(--text-primary)}.modal-lg{max-width:700px}.alert{padding:var(--space-md);border-radius:var(--radius-md);border:1px solid}.alert-danger{background:#c24a3a1a;border-color:var(--color-hostile);color:var(--color-hostile-light)}.alert strong{font-weight:600}.role-cell{display:flex;flex-direction:column;gap:4px}.role-name{font-size:var(--text-xs);color:var(--text-muted);font-family:monospace}.role-badge{display:inline-flex;align-items:center;gap:4px;padding:.25rem .625rem;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-sm);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.role-badge-removable{cursor:pointer;transition:var(--transition-fast)}.role-badge-removable:hover{filter:brightness(1.2)}.role-remove{margin-left:4px;opacity:.7}.role-badge-removable:hover .role-remove{opacity:1}.user-roles-list{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.permission-category{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md)}.permission-category-title{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin:0 0 var(--space-md) 0;padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle)}.permission-list{display:flex;flex-direction:column;gap:var(--space-sm)}.permission-item{display:flex;align-items:flex-start;gap:var(--space-sm);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:var(--transition-fast)}.permission-item:hover{background:var(--bg-surface)}.permission-item input[type=checkbox]{margin-top:2px;flex-shrink:0}.permission-info{display:flex;flex-direction:column;gap:2px}.permission-name{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.permission-desc{font-size:var(--text-xs);color:var(--text-muted)}.sub-tabs{display:flex;gap:var(--space-xs);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-sm)}.role-toggle-list{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);max-height:240px;overflow-y:auto}.role-toggle-item{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast)}.role-toggle-item:hover{background:var(--bg-surface)}.role-toggle-item input[type=checkbox]{margin-top:4px;flex-shrink:0}.role-toggle-desc{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-top:2px;margin-left:var(--space-sm)}.panel-header-actions{display:flex;gap:var(--space-sm);align-items:center}.panel-stat{font-size:var(--text-sm);color:var(--text-muted);padding:.25rem .75rem;background:var(--bg-elevated);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.panel-stat strong{color:var(--cyan-primary);font-weight:600}.notification-pref-row{display:grid;grid-template-columns:1fr 60px 60px;gap:var(--space-md);align-items:center;padding:var(--space-sm) 0;margin-top:var(--space-sm);border-top:1px solid var(--border-subtle)}.notification-pref-row .toggle{grid-column:3;justify-self:center}.notification-pref-info{display:flex;flex-direction:column;gap:2px}.notification-pref-label{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.notification-pref-desc{font-size:var(--text-xs)}.notification-pref-divider{height:1px;background:var(--border-subtle);margin:var(--space-md) 0}.notification-categories{display:flex;flex-direction:column;gap:var(--space-sm)}.notification-categories-header{display:grid;grid-template-columns:1fr 60px 60px;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--border-subtle)}.notification-col-header{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:center}.notification-category-row{display:grid;grid-template-columns:1fr 60px 60px;gap:var(--space-md);align-items:center;padding:var(--space-sm) 0}.notification-category-info{display:flex;flex-direction:column;gap:2px}.notification-category-label{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.notification-category-desc{font-size:var(--text-xs)}.notification-category-row .toggle{justify-self:center}.notification-category-row .toggle,.notification-pref-row .toggle{flex-shrink:0}.applet-shell{display:flex;flex-direction:column;height:100%;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.applet-shell-widget{min-height:150px}.applet-shell-panel{min-height:300px}.applet-shell-page{border:none;border-radius:0;background:transparent}.applet-shell-modal{max-height:80vh}.applet-shell-popover{min-width:320px;max-width:480px;box-shadow:var(--shadow-lg)}.applet-shell-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.applet-shell-title{display:flex;align-items:center;gap:var(--space-sm)}.applet-icon{font-size:var(--text-lg);line-height:1}.applet-shell-name{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.applet-tier-badge{display:inline-flex;align-items:center;padding:.125rem .375rem;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.applet-tier-badge-pro{background:#3a8fc226;color:var(--cyan-light)}.applet-tier-badge-team{background:#7a4ac226;color:#b794f6}.applet-tier-badge-alliance{background:#e8b04a26;color:var(--gold-light)}.applet-shell-controls{display:flex;align-items:center;gap:var(--space-xs)}.applet-shell-control{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.applet-shell-control:hover{background:var(--bg-hover);color:var(--text-primary)}.applet-shell-control-close:hover{background:#c24a3a33;color:var(--color-hostile-light)}.applet-shell-content{flex:1;overflow:auto;padding:var(--space-md)}.applet-shell-page .applet-shell-content{padding:0;overflow:visible}.applet-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--text-muted);gap:var(--space-sm)}.applet-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);text-align:center}.applet-error-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#c24a3a26;color:var(--color-hostile);border-radius:50%;font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-md)}.applet-error h3{margin:0 0 var(--space-sm) 0;color:var(--text-primary)}.applet-error p{margin:0;color:var(--text-secondary)}.applet-error-details{margin-top:var(--space-md);padding:var(--space-sm);background:var(--bg-elevated);border-radius:var(--radius-sm);font-family:monospace;font-size:var(--text-sm);color:var(--color-hostile);max-width:100%;overflow-x:auto}.applet-upgrade-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);text-align:center}.applet-upgrade-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#e8b04a26;color:var(--gold-primary);border-radius:50%;font-size:var(--text-xl);margin-bottom:var(--space-md)}.applet-upgrade-prompt h3{margin:0 0 var(--space-sm) 0;color:var(--text-primary)}.applet-upgrade-prompt p{margin:0 0 var(--space-md) 0;color:var(--text-secondary)}.applet-upgrade-tier{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-lg);font-size:var(--text-sm)}.applet-upgrade-tier .current-tier{color:var(--text-muted)}.applet-upgrade-tier .required-tier{color:var(--gold-primary);font-weight:600}.applet-not-available{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);text-align:center}.applet-not-available-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);color:var(--text-muted);border-radius:50%;font-size:var(--text-xl);margin-bottom:var(--space-md)}.applet-not-available h3{margin:0 0 var(--space-sm) 0;color:var(--text-primary)}.applet-not-available p{margin:0;color:var(--text-secondary)}.quick-launcher-modal{max-width:560px;overflow:hidden}.quick-launcher-search{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated)}.quick-launcher-search-icon{color:var(--text-muted);font-size:var(--text-lg)}.quick-launcher-input{flex:1;background:none;border:none;font-size:var(--text-lg);font-family:inherit;color:var(--text-primary);outline:none}.quick-launcher-input::placeholder{color:var(--text-muted)}.quick-launcher-hint{font-size:var(--text-xs);color:var(--text-muted);padding:.25rem .5rem;background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.quick-launcher-results{max-height:320px;overflow-y:auto;padding:var(--space-sm)}.quick-launcher-empty{padding:var(--space-xl);text-align:center;color:var(--text-muted)}.quick-launcher-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-sm) var(--space-md);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left}.quick-launcher-item:hover,.quick-launcher-item.selected{background:var(--bg-hover)}.quick-launcher-item.selected{background:var(--bg-active)}.quick-launcher-item-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.quick-launcher-item-name{font-size:var(--text-base);font-weight:500;color:var(--text-primary)}.quick-launcher-item.selected .quick-launcher-item-name{color:var(--gold-primary)}.quick-launcher-item-desc{font-size:var(--text-sm);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-launcher-item-shortcut{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);padding:.25rem .5rem;background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);margin-left:var(--space-md);flex-shrink:0}.quick-launcher-footer{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--border-subtle);background:var(--bg-elevated)}.quick-launcher-footer-hint{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);color:var(--text-muted)}.quick-launcher-footer-hint kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-xs);font-size:var(--text-xs);font-family:var(--font-mono);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary)}.floating-window{position:fixed;display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;-webkit-user-select:none;user-select:none}.floating-window.dragging{opacity:.9;cursor:grabbing}.floating-window.resizing{opacity:.95}.floating-window-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);cursor:grab;flex-shrink:0}.floating-window.dragging .floating-window-header{cursor:grabbing}.floating-window-title{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.floating-window-icon{flex-shrink:0}.floating-window-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floating-window-controls{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.floating-window-control{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.floating-window-control:hover{background:var(--bg-hover);color:var(--text-primary)}.floating-window-control-close:hover{background:#c24a3a33;color:var(--color-hostile-light)}.floating-window-content{flex:1;overflow:auto;-webkit-user-select:text;user-select:text}.floating-window-resize-handle{position:absolute;right:0;bottom:0;width:16px;height:16px;cursor:se-resize;background:linear-gradient(135deg,transparent 50%,var(--border-default) 50%,var(--border-default) 60%,transparent 60%,transparent 70%,var(--border-default) 70%,var(--border-default) 80%,transparent 80%);opacity:.5;transition:opacity var(--transition-fast)}.floating-window:hover .floating-window-resize-handle{opacity:1}.floating-window-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);height:100%;min-height:100px;color:var(--text-muted);font-size:var(--text-sm)}.minimized-window-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);display:flex;gap:var(--space-xs);padding:var(--space-sm);background:var(--bg-surface);border:1px solid var(--border-default);border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-lg);z-index:400}.minimized-window-item{display:flex;align-items:center;gap:var(--space-xs);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.minimized-window-button{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:none;border:none;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.minimized-window-button:hover{background:var(--bg-hover);color:var(--text-primary)}.minimized-window-close{display:flex;align-items:center;justify-content:center;width:24px;height:100%;padding:0;background:none;border:none;border-left:1px solid var(--border-subtle);color:var(--text-muted);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast)}.minimized-window-close:hover{background:#c24a3a33;color:var(--color-hostile-light)}.health-check{margin-bottom:var(--space-lg)}.health-check-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.health-check-header h3{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.health-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md)}.health-check-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-md)}.health-check-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle)}.health-check-service{display:flex;align-items:center;gap:var(--space-sm)}.health-check-indicator{width:10px;height:10px;border-radius:50%;background:var(--text-muted)}.health-check-indicator.online{background:var(--color-success);box-shadow:0 0 8px var(--color-success)}.health-check-indicator.offline{background:var(--color-hostile);box-shadow:0 0 8px var(--color-hostile)}.health-check-name{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.health-check-details{display:flex;flex-direction:column;gap:var(--space-xs)}.health-check-detail{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm)}.health-check-label{color:var(--text-muted)}.health-check-value{color:var(--text-secondary);font-family:var(--font-mono)}.feedback-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}.feedback-category-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.feedback-category-btn:hover{background:var(--bg-hover);border-color:var(--border-active)}.feedback-category-btn.active{background:rgba(var(--cyan-primary-rgb),.1);border-color:var(--cyan-primary);color:var(--cyan-primary)}.feedback-category-icon{font-size:var(--text-xl)}.feedback-screenshot-preview{position:relative;display:inline-block;max-width:100%}.feedback-screenshot-preview img{max-width:100%;max-height:200px;border-radius:var(--radius-md);border:1px solid var(--border-default)}.feedback-screenshot-remove{position:absolute;top:-8px;right:-8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-hostile);border:none;border-radius:50%;color:#fff;font-size:var(--text-base);cursor:pointer;transition:transform var(--transition-fast)}.feedback-screenshot-remove:hover{transform:scale(1.1)}.feedback-screenshot-upload{display:flex;align-items:center;gap:var(--space-md)}.feedback-browser-notice{padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border-radius:var(--radius-md);font-size:var(--text-sm)}.feedback-success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center}.feedback-success-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-lg);background:rgba(var(--color-success-rgb, 34, 197, 94),.1);border:2px solid var(--color-success);border-radius:50%;color:var(--color-success);font-size:var(--text-2xl)}.feedback-success h4{margin-bottom:var(--space-sm);color:var(--text-primary)}.feedback-filters{display:flex;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap}.feedback-stats-bar{display:flex;gap:var(--space-lg);margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--bg-elevated);border-radius:var(--radius-md)}.feedback-stat{text-align:center}.feedback-stat-value{font-size:var(--text-2xl);font-weight:700;color:var(--cyan-primary)}.feedback-stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.feedback-stat-value.critical{color:var(--color-hostile)}.feedback-stat-value.high{color:var(--color-warning)}.feedback-priority-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;text-transform:uppercase}.feedback-priority-badge.low{background:rgba(var(--text-muted-rgb, 128, 128, 128),.2);color:var(--text-muted)}.feedback-priority-badge.normal{background:rgba(var(--cyan-primary-rgb),.2);color:var(--cyan-primary)}.feedback-priority-badge.high{background:rgba(var(--color-warning-rgb, 245, 158, 11),.2);color:var(--color-warning)}.feedback-priority-badge.critical{background:rgba(var(--color-hostile-rgb, 239, 68, 68),.2);color:var(--color-hostile)}.feedback-detail-section{margin-bottom:var(--space-lg)}.feedback-detail-section h4{margin-bottom:var(--space-sm);color:var(--text-muted);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em}.feedback-description{white-space:pre-wrap;word-wrap:break-word;padding:var(--space-md);background:var(--bg-elevated);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.6}.feedback-screenshot-container{max-width:100%}.feedback-screenshot-container img{max-width:100%;max-height:400px;border-radius:var(--radius-md);border:1px solid var(--border-default);cursor:pointer}.feedback-browser-info{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);padding:var(--space-md);background:var(--bg-elevated);border-radius:var(--radius-md);font-size:var(--text-sm)}.feedback-browser-info-item{display:flex;flex-direction:column;gap:2px}.feedback-browser-info-label{color:var(--text-muted);font-size:var(--text-xs)}.feedback-browser-info-value{color:var(--text-secondary);word-break:break-all}