:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff;background:#0f0f0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%}body{min-height:100vh;background:#0f0f0f}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.login-wrap,.config-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at top,#242018 0,#0f0f0f 45%)}.login-card,.config-card{width:100%;max-width:460px;padding:28px;border:1px solid #292929;border-radius:18px;background:#171717;box-shadow:0 20px 70px #00000073}.brand-mark{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#d4af37;color:#0f0f0f;font-size:22px;font-weight:900}.eyebrow{margin:18px 0 8px;color:#d4af37;font-size:11px;font-weight:800;letter-spacing:.16em}h1,h2,p{margin-top:0}h1,h2{margin-bottom:10px}.muted{color:#9d9d9d;line-height:1.6}.tiny{color:#737373;font-size:12px;line-height:1.5}label{display:block;margin-top:18px;color:#d8d8d8;font-size:14px;font-weight:600}input,textarea{width:100%;margin-top:8px;padding:12px 13px;border:1px solid #333;border-radius:10px;outline:none;background:#101010;color:#fff}input:focus,textarea:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a}textarea{resize:vertical;min-height:180px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.5}.primary{width:100%;margin-top:20px;padding:12px 16px;border:0;border-radius:10px;background:#d4af37;color:#111;font-weight:800}.primary:hover:not(:disabled){filter:brightness(1.08)}.error,.success{margin:16px 0;padding:12px 14px;border-radius:10px;font-size:14px}.error{border:1px solid #652525;background:#2a1212;color:#ffb5b5}.success{border:1px solid #285c3a;background:#112619;color:#b6e8c7}.shell{min-height:100vh;display:flex;background:#0f0f0f}.sidebar{width:250px;min-height:100vh;display:flex;flex-direction:column;padding:22px;border-right:1px solid #262626;background:#141414}.brand{display:flex;align-items:center;gap:12px;margin-bottom:32px}.brand .brand-mark{width:36px;height:36px;font-size:17px}.brand b,.brand small{display:block}.brand small{margin-top:3px;color:#777;font-size:11px}nav{display:grid;gap:7px}.nav{width:100%;display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:#aaa;text-align:left}.nav:hover,.nav.active{border-color:#2c2c2c;background:#1e1e1e;color:#fff}.nav.active{color:#d4af37}.sidebar-bottom{margin-top:auto}.plan{margin-bottom:10px;padding:12px;border:1px solid #292929;border-radius:10px;background:#181818}.plan strong,.plan small{display:block}.plan small{margin-top:4px;color:#777;overflow:hidden;text-overflow:ellipsis}.content{width:100%;max-width:1400px;padding:30px}.content>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.user{display:flex;align-items:center;gap:10px;color:#aaa;font-size:13px}.avatar{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#292929;color:#d4af37;font-weight:800}.welcome,.panel{border:1px solid #292929;border-radius:16px;background:#171717}.welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px}.welcome .primary{width:auto;margin:0;white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.metric{min-height:140px;display:flex;flex-direction:column;justify-content:space-between;padding:18px;border:1px solid #292929;border-radius:14px;background:#171717}.metric>span{color:#d4af37}.metric small{color:#888}.metric b{font-size:28px}.metric em{color:#777;font-size:12px;font-style:normal}.panel{padding:22px}.panel ol,.panel ul{color:#aaa;line-height:1.9}.integration-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(350px,1.2fr);gap:18px}.provider{width:100%;display:grid;grid-template-columns:38px 1fr 10px;align-items:center;gap:10px;margin-top:8px;padding:11px;border:1px solid #292929;border-radius:10px;background:#151515;color:#fff;text-align:left}.provider:hover,.provider.chosen{border-color:#4a4127;background:#1b1a15}.provider-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#292929;color:#d4af37;font-weight:800}.provider b,.provider small{display:block}.provider small{margin-top:3px;color:#777}.dot{width:9px;height:9px;border-radius:50%;background:#555}.dot.good{background:#45c978}.diagnostic-list{margin-top:22px}.diagnostic-item{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #292929}.status-ok{color:#5cda8b}.status-error{color:#f77}.security-note{margin-top:20px;color:#777;font-size:12px}.security-list{list-style:none;padding:0}.security-list li{padding:10px 0;border-bottom:1px solid #292929}footer{margin-top:30px;color:#555;font-size:12px;text-align:center}@media(max-width:900px){.shell{display:block}.sidebar{width:100%;min-height:auto;border-right:0;border-bottom:1px solid #262626}.sidebar-bottom{margin-top:20px}.content{padding:20px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-layout{grid-template-columns:1fr}}@media(max-width:600px){.content>header,.welcome{align-items:flex-start;flex-direction:column}.welcome .primary{width:100%}.cards{grid-template-columns:1fr}.content{padding:15px}.login-wrap,.config-screen{padding:14px}.login-card,.config-card{padding:22px}.user{max-width:100%}.user span:last-child{overflow:hidden;text-overflow:ellipsis}}