:root{--bg-base: #040608;--bg-glass: rgba(255, 255, 255, .04);--bg-glass-hover: rgba(255, 255, 255, .08);--bg-glass-active: rgba(255, 255, 255, .12);--border-glass: rgba(255, 255, 255, .1);--border-glass-hover: rgba(255, 255, 255, .2);--text-primary: #e8e8e8;--text-secondary: #a0a0a0;--text-muted: #666;--accent: #B3FF5C;--accent-dim: rgba(179, 255, 92, .15);--accent-orange: #FF8C00;--danger: #ff4444;--radius: 8px;--radius-lg: 12px;--blur: 16px;--font-body: "Roboto", sans-serif;--font-header: "Roboto Condensed", sans-serif}body.theme-glass-orange{--accent: #FF8C00;--accent-dim: rgba(255, 140, 0, .15)}*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:dark}body{font-family:var(--font-body);background:var(--bg-base);background-image:radial-gradient(ellipse at 20% 50%,rgba(179,255,92,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(100,180,255,.02) 0%,transparent 50%);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.glass{background:var(--bg-glass);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--border-glass);border-radius:var(--radius-lg)}.nav{display:flex;align-items:center;gap:8px;padding:12px 24px;border-bottom:1px solid var(--border-glass);background:#040608e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;z-index:100}.nav-title{font-family:var(--font-header);font-size:18px;font-weight:700;color:var(--accent);margin-right:24px}.nav-step{padding:6px 16px;border-radius:20px;font-family:var(--font-header);font-size:13px;font-weight:400;color:var(--text-secondary);background:transparent;border:1px solid transparent;cursor:pointer;transition:all .2s}.nav-step:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.nav-step.active{color:var(--accent);background:var(--accent-dim);border-color:var(--accent)}.nav-step.completed{color:var(--text-primary)}.nav-spacer{flex:1}.main{max-width:1400px;margin:0 auto;padding:24px}.page-title{font-family:var(--font-header);font-size:24px;font-weight:700;margin-bottom:20px;color:var(--text-primary)}.page-subtitle{font-family:var(--font-header);font-size:14px;color:var(--text-secondary);margin-bottom:24px}.form-group{margin-bottom:16px}.form-label{display:block;font-family:var(--font-header);font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-body);font-size:14px;outline:none;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent)}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a0a0a0' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.form-select,select{color-scheme:dark}.form-select option,select option{background:#1a1a2e;color:#e8e8e8}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius);font-family:var(--font-header);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-primary)}.btn:hover{background:var(--bg-glass-hover);border-color:var(--border-glass-hover)}.btn-primary{background:var(--accent);color:#040608;border-color:var(--accent)}.btn-primary:hover{filter:brightness(1.1)}.btn-danger{color:var(--danger);border-color:#ff44444d}.btn-danger:hover{background:#ff44441a}.btn-sm{padding:6px 12px;font-size:12px}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-glass)}table{width:100%;border-collapse:collapse}th{font-family:var(--font-header);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);text-align:left;padding:10px 12px;border-bottom:1px solid var(--border-glass);background:var(--bg-glass)}td{padding:8px 12px;font-size:13px;border-bottom:1px solid rgba(255,255,255,.04)}tr:hover td{background:var(--bg-glass-hover)}td input,td select{background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-primary);font-size:13px;padding:4px 6px;border-radius:4px;width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none}td select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%23a0a0a0' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;padding-right:20px;cursor:pointer}td select option{background:#1a1a2e;color:var(--text-primary)}td input:focus,td select:focus{border-color:var(--accent);outline:none;background:var(--bg-glass-active)}.upload-zone{border:2px dashed var(--border-glass);border-radius:var(--radius-lg);padding:40px;text-align:center;cursor:pointer;transition:all .2s}.upload-zone:hover,.upload-zone.dragover{border-color:var(--accent);background:var(--accent-dim)}.upload-zone p{color:var(--text-secondary);font-size:14px}.upload-zone .accent{color:var(--accent);font-weight:700}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-family:var(--font-header);font-size:11px;font-weight:700}.badge-input{background:#64b4ff26;color:#64b4ff}.badge-rack{background:#b3ff5c26;color:#b3ff5c}.badge-output{background:#ff8c0026;color:#ff8c00}.badge-network{background:#c864ff26;color:#c864ff}.badge-unresolved{background:#ff444426;color:#f44}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.card{padding:16px;cursor:pointer;transition:all .2s}.card:hover{background:var(--bg-glass-hover);border-color:var(--border-glass-hover)}.card-title{font-family:var(--font-header);font-size:16px;font-weight:700;margin-bottom:8px}.card-meta{font-size:12px;color:var(--text-secondary)}.preview-container{background:#fff;border-radius:var(--radius-lg);overflow:auto;max-height:70vh;border:1px solid var(--border-glass)}.preview-container svg{display:block}.tab-bar{display:flex;gap:4px;margin-bottom:20px;padding:4px;background:var(--bg-glass);border-radius:var(--radius);width:fit-content}.tab{padding:6px 16px;border-radius:6px;font-family:var(--font-header);font-size:13px;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all .2s}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent);background:var(--accent-dim)}.flex{display:flex}.flex-col{flex-direction:column}.gap-8{gap:8px}.gap-16{gap:16px}.gap-24{gap:24px}.items-center{align-items:center}.justify-between{justify-content:space-between}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.text-sm{font-size:12px}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.hidden{display:none}