.profiles-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:16px;margin-top:20px}.profile-card{padding:20px;border:1px solid var(--border, #e5e7eb);border-radius:12px;background:var(--surface, #fff);transition:all .2s}.profile-card:hover{box-shadow:0 4px 12px #00000014;border-color:var(--accent)}.profile-card button{padding:8px 16px;font-size:14px;background:var(--accent);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:opacity .2s}.profile-card button:hover{opacity:.9}.tag-default{display:inline-block;margin-left:8px;padding:2px 8px;background:#10b981;color:#fff;border-radius:4px;font-size:12px;font-weight:600}.profile-card .btn-set-default{padding:6px 12px;font-size:13px;background:transparent;color:var(--accent, #4f46e5);border:1px solid var(--accent, #4f46e5);border-radius:6px;cursor:pointer}.profile-card .btn-set-default:hover{background:#4f46e514}.error-box{padding:12px 16px;background:#fee;color:#c00;border-radius:8px;margin-bottom:20px;border-left:3px solid #c00}.success-box{padding:12px 16px;background:#dcfce7;color:#166534;border-radius:8px;margin-bottom:20px;border-left:3px solid #22c55e;animation:slideIn .3s ease-out}.profile-form-container{background:var(--surface, #fff);border-radius:12px;padding:24px;margin-top:20px}.form-wrapper{display:flex;flex-direction:column;gap:20px}.form-basic{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px;background:#6366f105;border-radius:8px;border:1px solid rgba(99,102,241,.1)}@media(max-width:768px){.form-basic{grid-template-columns:1fr}}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-field label{font-weight:600;color:var(--text, #333);font-size:14px}.form-field input,.form-field textarea,.form-field select{padding:10px 12px;border:1px solid var(--border, #e5e7eb);border-radius:6px;font-family:inherit;font-size:14px;color:var(--text, #333);background:var(--input-bg, #fff);transition:border-color .2s,box-shadow .2s}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a}.form-field textarea{resize:vertical;min-height:100px;font-family:system-ui,-apple-system,sans-serif}.profile-summary-guide{padding:16px 20px;background:#6366f10f;border:1px solid rgba(99,102,241,.15);border-radius:8px;border-left:4px solid var(--accent)}.profile-summary-guide .guide-title{margin:0 0 12px;font-weight:600;color:var(--text, #333);font-size:14px}.profile-summary-guide .guide-examples{margin:8px 0 6px;font-size:13px;color:var(--muted, #666)}.profile-summary-guide .guide-list{margin:0 0 12px;padding-left:20px;font-size:13px;color:var(--text, #444);line-height:1.6}.profile-summary-guide .guide-list li{margin-bottom:10px}.profile-summary-guide .guide-list strong{color:var(--accent)}.profile-summary-guide .guide-note{margin:0;font-size:12px;color:var(--muted, #666);font-style:italic}.profile-summary-textarea{width:100%;min-height:240px;resize:vertical;font-size:14px;line-height:1.5}.hint{font-size:12px;color:var(--muted, #666);margin-top:2px;font-style:italic}.example{font-size:12px;color:var(--muted, #999);font-style:italic;margin-top:4px;padding:8px;background:#00000005;border-left:2px solid var(--accent);border-radius:4px}.panel-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border, #e5e7eb);overflow-x:auto;padding-bottom:0;margin-bottom:20px}.panel-tabs .tab{padding:12px 16px;border:none;background:none;cursor:pointer;color:var(--muted, #999);font-size:14px;font-weight:500;white-space:nowrap;border-bottom:2px solid transparent;transition:all .2s}.panel-tabs .tab:hover{color:var(--text, #333);background:#00000005}.panel-tabs .tab.active{color:var(--accent);border-bottom-color:var(--accent);background:#6366f105}.panel-content{padding:20px;background:#6366f103;border-radius:8px;border:1px solid rgba(99,102,241,.1);min-height:400px;max-height:600px;overflow-y:auto}.list-item-container{padding:16px;background:var(--surface, #fff);border:1px solid var(--border, #e5e7eb);border-radius:8px;margin-bottom:16px}.list-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border, #e5e7eb)}.list-item-header h4{margin:0;font-size:14px;font-weight:600;color:var(--text, #333)}.btn-add{padding:10px 16px;background:linear-gradient(135deg,var(--accent),#7c3aed);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;margin-top:12px}.btn-add:hover{opacity:.9;transform:translateY(-1px)}.btn-delete{padding:6px 12px;background:#ef4444;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.btn-delete:hover{background:#dc2626}.btn-primary{padding:12px 24px;background:linear-gradient(135deg,var(--accent),#7c3aed);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}button{padding:10px 16px;background:var(--surface, #f5f5f5);color:var(--text, #333);border:1px solid var(--border, #e5e7eb);border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}button:hover:not(:disabled){background:var(--accent);color:#fff;border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1024px){.profiles-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.panel-content{max-height:none}}@media(max-width:640px){.profile-form-container{padding:16px}.panel-tabs{overflow-x:scroll;-webkit-overflow-scrolling:touch}.form-field{margin-bottom:12px}.panel-content{padding:12px;min-height:300px}.list-item-container{padding:12px}.profiles-list{grid-template-columns:1fr}}.reply-profile-page{padding:20px;max-width:1200px;margin:0 auto}.editor-header-top{display:flex;align-items:center;gap:16px;margin-bottom:16px}.btn-back{padding:8px 14px;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;font-size:13px;color:#334155;transition:all .2s}.btn-back:hover{background:#e2e8f0}.profile-selector{margin-top:24px}.profile-selector h2{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:16px}.profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.profile-card{padding:20px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s;text-align:left;display:flex;flex-direction:column;gap:12px}.profile-card:hover{border-color:#4f46e5;box-shadow:0 4px 12px #4f46e51a}.profile-card-name{font-size:16px;font-weight:600;color:#1e293b}.profile-card-tag{font-size:12px;padding:4px 8px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:4px;color:#0369a1;width:fit-content}.profile-card-action{font-size:13px;color:#4f46e5;font-weight:500;margin-top:auto}.btn-secondary{padding:10px 24px;background:#f1f5f9;border:1px solid #cbd5e1;color:#334155;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#e2e8f0}.reply-profile-page h1{font-size:28px;font-weight:600;margin-bottom:8px;color:#1e293b}.reply-profile-page .subtitle{font-size:14px;color:#64748b;margin-bottom:24px}.reply-profile-page .subtitle-small{font-size:13px;color:#78909c;margin-bottom:12px;font-style:italic}.error-box{background-color:#fee2e2;border:1px solid #fca5a5;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.success-box{background-color:#dcfce7;border:1px solid #86efac;color:#166534;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.reply-profile-container{display:grid;grid-template-columns:240px 1fr;gap:20px}.reply-profile-sidebar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;height:fit-content;position:sticky;top:20px}.reply-profile-sidebar h3{font-size:14px;font-weight:600;color:#334155;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.profile-list{display:flex;flex-direction:column;gap:8px}.profile-item{padding:10px 12px;background:#fff;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer;font-size:13px;color:#334155;text-align:left;transition:all .2s;display:flex;justify-content:space-between;align-items:center}.profile-item:hover{background:#f1f5f9;border-color:#4f46e5}.profile-item.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.profile-item .tag{font-size:11px;padding:2px 6px;background:#4f46e533;border-radius:4px;margin-left:4px}.profile-item.active .tag{background:#ffffff4d}.btn-new{width:100%;padding:10px 14px;background:linear-gradient(135deg,#4f46e5,#2563eb);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-new:hover{opacity:.9}.reply-profile-editor{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.editor-header{margin-bottom:24px}.profile-name-input{width:100%;padding:10px 14px;font-size:14px;border:1px solid #cbd5e1;border-radius:8px;font-weight:600;color:#1e293b}.profile-name-input::placeholder{color:#cbd5e1}.profile-name-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.reply-profile-tabs{display:flex;gap:8px;border-bottom:1px solid #e2e8f0;margin-bottom:20px}.tab{padding:10px 16px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:#64748b;transition:all .2s}.tab:hover{color:#334155}.tab.active{color:#4f46e5;border-bottom-color:#4f46e5}.reply-profile-content{min-height:300px}.tab-pane{animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tab-pane h3{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:16px}.tab-pane h4{font-size:15px;font-weight:600;color:#334155;margin-top:20px;margin-bottom:12px}.form-field{margin-bottom:20px}.form-field label{display:block;font-size:14px;font-weight:600;color:#334155;margin-bottom:6px}.form-field input,.form-field textarea,.form-field select{width:100%;padding:10px 12px;font-size:13px;border:1px solid #cbd5e1;border-radius:6px;font-family:inherit;color:#1e293b;resize:vertical}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.form-field textarea{min-height:80px}.hint{font-size:12px;color:#94a3b8;margin-top:4px;font-style:italic}.suggested-domains{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:16px;margin-bottom:20px}.suggested-domains h4{margin-top:0;color:#0369a1}.domains-list{display:flex;flex-wrap:wrap;gap:8px}.domain-tag{padding:8px 12px;background:#fff;border:1px solid #bae6fd;border-radius:20px;cursor:pointer;font-size:13px;color:#0369a1;transition:all .2s;display:flex;align-items:center;gap:4px}.domain-tag:hover{background:#eff6ff;border-color:#0284c7}.domain-tag.added{background:#0284c7;border-color:#0284c7;color:#fff}.domain-tag .checkmark{font-weight:700}.empty-state{font-size:13px;color:#64748b;font-style:italic;margin:0}.added-domains{background:#fef5f1;border:1px solid #fed7aa;border-radius:8px;padding:16px;margin-bottom:20px}.added-domains h4{margin-top:0;color:#92400e}.domain-editor{background:#fff;border:1px solid #fedba8;border-radius:8px;padding:16px;margin-bottom:12px}.domain-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.domain-header h5{margin:0;font-size:14px;font-weight:600;color:#92400e}.btn-delete{padding:6px 10px;background:#fee2e2;border:1px solid #fca5a5;color:#dc2626;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s}.btn-delete:hover{background:#fecaca}.custom-domain-section{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:16px;text-align:center}.custom-domain-section h4{margin-top:0;color:#166534}.btn-add{padding:10px 16px;background:#22c55e;border:none;color:#fff;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:opacity .2s}.btn-add:hover{opacity:.9}.editor-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:20px;border-top:1px solid #e2e8f0}.btn-primary{padding:10px 24px;background:linear-gradient(135deg,#4f46e5,#2563eb);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:opacity .2s}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.reply-profile-container{grid-template-columns:1fr}.reply-profile-sidebar{position:static}.reply-profile-tabs{flex-wrap:wrap}}:root{--cyber-bg-dark: #0a0a1a;--cyber-bg-medium: #1a1a36;--cyber-bg-light: #2a2a4a;--cyber-accent-purple: #e040ff;--cyber-accent-cyan: #00e5e5;--cyber-text-main: #f0f0ff;--cyber-text-muted: #c8c8e8;--cyber-border: #404080;--cyber-shadow-light: rgba(var(--cyber-accent-cyan-rgb), .2);--cyber-shadow-strong: rgba(var(--cyber-accent-purple-rgb), .4);--cyber-glow-cyan: 0 0 10px var(--cyber-accent-cyan);--cyber-glow-purple: 0 0 10px var(--cyber-accent-purple);--cyber-error: #ff4081;--cyber-success: #4bffb0;--cyber-font-mono: "Share Tech Mono", monospace;--cyber-font-sans: "Orbitron", sans-serif}body{font-family:var(--cyber-font-sans);color:var(--cyber-text-main);background:radial-gradient(circle at top left,var(--cyber-bg-dark) 0%,#100018 50%,var(--cyber-bg-dark) 100%);min-height:100vh}.outreach-profile-page{padding:20px;max-width:1200px;margin:0 auto}.editor-header{text-align:center;margin-bottom:40px;position:relative}.editor-header h1{font-size:2.5em;color:var(--cyber-accent-purple);text-shadow:var(--cyber-glow-purple);margin-bottom:10px;letter-spacing:.1em;text-transform:uppercase}.editor-header .subtitle{color:var(--cyber-text-muted);font-size:1.1em;text-shadow:0 0 5px rgba(0,229,229,.3)}.outreach-profile-container{display:flex;gap:30px;background:var(--cyber-bg-medium);border:1px solid var(--cyber-border);box-shadow:0 0 20px var(--cyber-shadow-strong);border-radius:10px;padding:20px}.profile-list-panel{flex:1;min-width:300px;border-right:1px dashed var(--cyber-border);padding-right:20px}.profile-edit-panel{flex:2;min-width:600px;padding-left:20px}.list-header h3,.edit-header h3,.form-section h4{color:var(--cyber-accent-cyan);border-bottom:1px solid var(--cyber-accent-cyan);padding-bottom:8px;margin-bottom:20px;text-shadow:var(--cyber-glow-cyan)}.profile-list{max-height:60vh;overflow-y:auto;margin-bottom:20px;padding-right:10px}.profile-item{background:var(--cyber-bg-light);border:1px solid var(--cyber-border);border-left:5px solid var(--cyber-accent-cyan);padding:15px;margin-bottom:10px;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px var(--cyber-shadow-light)}.profile-item:hover{transform:translateY(-3px);box-shadow:0 5px 15px var(--cyber-shadow-strong);border-color:var(--cyber-accent-purple)}.profile-item.active{background:linear-gradient(90deg,rgba(var(--cyber-accent-cyan-rgb),.1),rgba(var(--cyber-bg-light-rgb),.5));border-color:var(--cyber-accent-purple);box-shadow:0 0 15px var(--cyber-glow-purple)}.profile-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.profile-name{font-weight:700;font-size:1.1em;color:var(--cyber-text-main)}.default-badge{background:var(--cyber-accent-purple);color:var(--cyber-text-main);padding:4px 8px;border-radius:5px;font-size:.8em;margin-left:10px;text-transform:uppercase;font-family:var(--cyber-font-mono);box-shadow:var(--cyber-glow-purple)}.profile-tag{font-size:.9em;color:var(--cyber-text-muted)}.profile-actions button{margin-left:10px;padding:8px 12px;border-radius:5px;font-size:.9em;cursor:pointer;background:var(--cyber-bg-light);color:var(--cyber-text-main);border:1px solid var(--cyber-border);transition:all .2s ease}.profile-actions button:hover{background:var(--cyber-accent-cyan);color:var(--cyber-bg-dark);border-color:var(--cyber-accent-cyan);box-shadow:var(--cyber-glow-cyan)}.profile-actions .btn-danger{background:#a02060;border-color:#a02060}.profile-actions .btn-danger:hover{background:#ff4081;border-color:#ff4081;box-shadow:0 0 10px #ff4081}.new-profile-form{background:var(--cyber-bg-light);padding:20px;border-radius:8px;border:1px solid var(--cyber-border);box-shadow:0 0 10px rgba(var(--cyber-shadow-light));margin-top:20px}.new-profile-form h4{color:var(--cyber-accent-purple);margin-bottom:15px;text-shadow:var(--cyber-glow-purple)}.form-field{margin-bottom:15px}.form-field input[type=text],.form-field textarea{width:100%;padding:12px;border-radius:5px;border:1px solid var(--cyber-border);background:var(--cyber-bg-dark);color:var(--cyber-text-main);font-size:1em;box-shadow:inset 0 0 5px rgba(var(--cyber-accent-cyan-rgb),.1);transition:all .2s ease}.form-field input[type=text]:focus,.form-field textarea:focus{border-color:var(--cyber-accent-cyan);box-shadow:var(--cyber-glow-cyan);outline:none}.form-field textarea{resize:vertical;min-height:120px;font-family:var(--cyber-font-mono)}.btn-primary{background:linear-gradient(45deg,var(--cyber-accent-purple),var(--cyber-accent-cyan));color:var(--cyber-text-main);padding:12px 20px;border:none;border-radius:5px;cursor:pointer;font-size:1.1em;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 0 15px var(--cyber-shadow-strong);transition:all .3s ease}.btn-primary:hover{filter:brightness(1.2);box-shadow:0 0 20px var(--cyber-shadow-strong),0 0 20px var(--cyber-glow-cyan);transform:translateY(-2px)}.btn-primary:disabled{background:var(--cyber-bg-light);box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.empty-state{text-align:center;color:var(--cyber-text-muted);font-size:1.2em;padding:50px;border:1px dashed var(--cyber-border);border-radius:8px;margin-top:30px}.error-box,.success-box{padding:15px;border-radius:8px;margin-bottom:20px;font-weight:700;text-align:center;font-family:var(--cyber-font-mono)}.error-box{background:#ff408133;color:var(--cyber-error);border:1px solid var(--cyber-error);box-shadow:0 0 10px #ff408180}.success-box{background:#4bffb033;color:var(--cyber-success);border:1px solid var(--cyber-success);box-shadow:0 0 10px #4bffb080}.edit-header{margin-bottom:20px}.edit-header h3{font-size:1.8em;margin-bottom:5px}.edit-header .scenario-tag{color:var(--cyber-text-muted);font-size:1em;font-family:var(--cyber-font-mono)}.outreach-profile-content{display:flex;gap:20px}.form-section{flex:1;background:var(--cyber-bg-light);border:1px solid var(--cyber-border);border-radius:8px;padding:20px;box-shadow:0 0 10px var(--cyber-shadow-light)}.form-section .section-subtitle{color:var(--cyber-text-muted);font-size:.9em;margin-bottom:15px}.editor-footer{margin-top:30px;text-align:right}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--cyber-bg-dark);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(var(--cyber-accent-purple),var(--cyber-accent-cyan));border-radius:10px;border:2px solid var(--cyber-bg-medium)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(var(--cyber-accent-cyan),var(--cyber-accent-purple))}:root{--bg: #080820;--bg-card: #10102a;--border-subtle: #322244;--text-main: #e0e0e0;--text-muted: #8888aa;--accent: #ff00ff;--accent-soft: rgba(255, 0, 255, .2);--danger: #ff3300;--radius-lg: 16px;--radius-md: 10px;--shadow-soft: 0 18px 45px rgba(204, 0, 255, .2);--sidebar-width: 220px;--transition-fast: .18s ease-out;font-family:Orbitron,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#080820,#200030 60%,#080820);color:var(--text-main)}button,input{font-family:inherit}.app-root{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);padding:24px 18px;background:#202;color:#e5e7eb;display:flex;flex-direction:column}.logo{font-weight:700;font-size:20px;letter-spacing:.03em;margin-bottom:32px}.nav{display:flex;flex-direction:column;gap:8px}.nav-item{border-radius:999px;border:none;background:transparent;color:inherit;text-align:left;padding:8px 14px;cursor:pointer;font-size:14px;transition:background var(--transition-fast),color var(--transition-fast),transform .08s ease-out}.nav-item:hover{background:#f0f3;transform:translate(1px)}.nav-item.active{background:linear-gradient(135deg,#f0f,#0ff);color:#080820}.main{flex:1;display:flex;flex-direction:column;padding:18px 22px 28px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.topbar-title{font-size:18px;font-weight:600}.content{flex:1;background:linear-gradient(180deg,#10082099,#20003099);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:22px 22px 26px;border:1px solid rgba(255,0,255,.08)}.page h2{margin:0 0 18px}.cards-row{display:flex;gap:16px;margin-bottom:18px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.dashboard-column{background:linear-gradient(180deg,#10082099,#20003099);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:22px 22px 26px;border:1px solid rgba(255,0,255,.08);display:flex;flex-direction:column;gap:12px}.dashboard-column h3{margin-top:0;margin-bottom:10px;color:var(--accent);text-align:center}.card.clickable{cursor:pointer;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.card.clickable:hover{transform:translateY(-5px);box-shadow:0 10px 20px #f0f6}.cards-column{display:flex;flex-direction:column;gap:12px;margin-top:12px}.card{background:linear-gradient(135deg,#10082099,#180628cc);border-radius:var(--radius-md);border:1px solid rgba(255,0,255,.06);padding:16px 18px;box-shadow:0 8px 40px #cc00ff0f}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:12px;margin-bottom:12px}.card-label{font-size:13px;color:var(--text-muted);margin-bottom:6px}.card-value{font-size:18px;font-weight:600}.detail-list-wrapper{margin-top:6px}.detail-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.detail-item{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--text-main)}.detail-item b{min-width:140px;color:var(--accent);font-weight:700}.detail-value{font-size:15px;line-height:1.4;color:var(--text-main)}.pre{white-space:pre-wrap;word-break:break-word}.tag{display:inline-flex;padding:2px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:11px;margin-left:6px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04040c99;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-card{width:720px;max-width:calc(100% - 40px);background:linear-gradient(135deg,#100820e6,#180628f2);border-radius:12px;padding:16px;border:1px solid rgba(255,0,255,.04);box-shadow:0 24px 68px #0009}.modal-card textarea{width:100%;height:320px;border-radius:8px;background:#ffffff05;color:var(--text);border:1px solid rgba(255,255,255,.04);padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Segoe UI Mono,monospace}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.table{margin-top:10px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);overflow:hidden}.table-head,.table-row{display:grid;grid-template-columns:1.2fr 2.2fr 1.2fr 1.2fr 1.2fr;gap:8px;padding:8px 14px;font-size:13px}.table-head{background:#300030;font-weight:600;color:#ffe6ff}.table-row{background:linear-gradient(135deg,#100820cc,#180628e6);border:1px solid rgba(255,0,255,.12);border-top:1px solid rgba(255,0,255,.08);cursor:pointer;text-align:left;transition:background var(--transition-fast),transform .08s ease-out,box-shadow .18s ease-out;color:var(--text-main)}.table-row:hover{background:linear-gradient(135deg,#ff00ff26,#00ffff14);transform:translateY(-2px);box-shadow:0 12px 35px #f0f3}.table-row a{color:var(--accent);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.table-row a:hover{color:#0ff}.title-with-translation{display:flex;flex-direction:column;gap:4px}.translation-text{font-size:12px;color:#0ff;font-style:italic;opacity:.85}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.field label{font-size:13px;color:var(--text-muted)}.field input{border-radius:999px;border:1px solid var(--border-subtle);padding:8px 12px;font-size:14px;outline:none;background:#f9fafb;transition:border var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.field input:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 1px #2563eb33}button{border-radius:999px;border:none;padding:8px 16px;font-size:14px;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#2563eb);color:#fff;font-weight:500;transition:transform .08s ease-out,box-shadow .12s ease-out,background .18s ease-out,opacity .12s ease-out;box-shadow:0 10px 28px #2563eb52}button:hover{transform:translateY(-1px);box-shadow:0 14px 34px #2563eb6b}button:active{transform:translateY(0);box-shadow:0 6px 18px #2563eb52}button.secondary{background:#eef2ff;color:#1e293b;box-shadow:none}button.secondary:hover{box-shadow:0 8px 20px #94a3b859}button:disabled{opacity:.6;cursor:default;box-shadow:none;transform:none}.error{margin-top:6px;color:var(--danger);font-size:13px}.pre{margin:0;padding:8px 10px;border-radius:8px;background:#0f172a;color:#e5e7eb;font-size:12px;overflow-x:auto}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px;background:radial-gradient(circle at top left,#e0e7ff 0,#f9fafb 45%,#e0f2fe)}.auth-card{width:100%;max-width:420px;background:#ffffffe6;border-radius:24px;padding:26px 24px 22px;box-shadow:0 22px 60px #0f172a3d;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.auth-title{margin:0 0 6px;font-size:24px}.auth-subtitle{margin:0 0 18px;font-size:13px;color:var(--text-muted)}.auth-actions{display:flex;gap:10px;margin-top:12px}@media(max-width:768px){.app-root{flex-direction:column}.sidebar{width:100%;flex-direction:row;align-items:center;justify-content:space-between}.nav{flex-direction:row}.main{padding:14px}}