@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";:root{--bg:#0d0d0d;--surface:#141414;--surface2:#1a1a1a;--border:#242424;--border2:#2e2e2e;--text:#f5f3ee;--text-dim:#888;--text-xs:#555;--gold:#c8a96a;--gold-dim:#c8a96a1f;--green:#6fcf97;--red:#eb5757;--blue:#56ccf2;--radius:8px;--sidebar-w:260px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;font-family:Space Grotesk,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}.app-layout{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:0;padding:1.4rem 1.2rem;display:flex;overflow-y:auto}.main-content{flex:1;padding:2rem 2.5rem;overflow-y:auto}.sidebar-logo{color:var(--text);letter-spacing:-.03em;border-bottom:1px solid var(--border);margin-bottom:1.2rem;padding-bottom:1rem;font-size:1.4rem;font-weight:700}.sidebar-logo span{color:var(--gold)}.sidebar-subtitle{color:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;margin-top:.3rem;font-size:.6rem}.sidebar-label{color:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.5rem;font-size:.62rem}.sidebar-divider{border:none;border-top:1px solid var(--border);margin:1.2rem 0}.nav-links{flex-direction:column;gap:.1rem;display:flex}.nav-link{color:var(--text-dim);border-radius:6px;padding:.45rem .6rem;font-size:.88rem;transition:background .15s,color .15s;display:block}.nav-link:hover{background:var(--surface2);color:var(--text)}.nav-link.active{color:var(--gold);background:var(--surface2)}.lang-toggle{grid-template-columns:1fr 1fr;gap:.4rem;margin-bottom:1.2rem;display:grid}.lang-btn{background:var(--bg);border:1px solid var(--border2);color:var(--text-xs);border-radius:6px;padding:.35rem;font-size:.78rem;transition:all .15s}.lang-btn.active{border-color:var(--gold);color:var(--gold);background:#c8a96a14;font-weight:600}.btn{border-radius:var(--radius);letter-spacing:.02em;border:none;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1.1rem;font-size:.82rem;font-weight:600;transition:opacity .2s;display:inline-flex}.btn:hover{opacity:.85}.btn-primary{background:var(--gold);color:#0d0d0d}.btn-ghost{border:1px solid var(--border2);color:var(--text-dim);background:0 0}.btn-ghost:hover{border-color:var(--gold);color:var(--gold);opacity:1}.btn-full{width:100%}.btn-sm{padding:.3rem .7rem;font-size:.75rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem 1.6rem}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:4px;align-items:center;padding:.2rem .6rem;font-size:.68rem;font-weight:600;display:inline-flex}.badge-high{color:var(--green);background:#6fcf971a;border:1px solid #6fcf9740}.badge-mid{background:var(--gold-dim);color:var(--gold);border:1px solid #c8a96a4d}.badge-low{color:var(--red);background:#eb57571a;border:1px solid #eb575733}.badge-blue{color:var(--blue);background:#56ccf214;border:1px solid #56ccf233}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--gold);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.62rem;display:flex}.eyebrow:before{content:"";background:var(--gold);width:16px;height:1px;display:block}.page-header{border-bottom:1px solid var(--border);margin-bottom:1.5rem;padding-bottom:1.2rem}.page-title{letter-spacing:-.03em;font-size:2rem;font-weight:700;line-height:1}.page-title span{color:var(--gold)}.page-subtitle{color:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;margin-top:.4rem;font-size:.68rem}.divider{border:none;border-top:1px solid var(--border);margin:1.2rem 0}.input{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);border-radius:6px;outline:none;padding:.55rem .8rem;font-size:.88rem;transition:border-color .15s}.input:focus{border-color:var(--gold);box-shadow:0 0 0 1px #c8a96a33}.input::placeholder{color:var(--text-xs)}textarea.input{resize:vertical;min-height:80px;line-height:1.5}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem 1.4rem}.stat-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-xs);margin-bottom:.5rem;font-size:.58rem}.stat-value{letter-spacing:-.03em;font-size:2.2rem;font-weight:700;line-height:1}.stat-value small{color:var(--text-xs);font-size:.9rem;font-weight:400}.empty-state{text-align:center;color:var(--text-dim);padding:4rem 2rem}.empty-title{margin-bottom:.4rem;font-size:1.1rem;font-weight:600}.empty-sub{color:var(--text-xs);font-size:.82rem}.msg-box{background:var(--bg);border:1px solid var(--border);color:#b8b3aa;border-radius:6px;padding:.75rem .9rem;font-size:.8rem;font-style:italic;line-height:1.6}.overlay{z-index:9999;background:#0d0d0df2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay-card{background:var(--surface);border:1px solid var(--border2);text-align:center;border-radius:12px;width:90%;max-width:480px;padding:2.5rem 3rem}.overlay-step{color:var(--gold);letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.overlay-detail{color:var(--text-xs);font-size:.82rem;line-height:1.5}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}
