:root { --bg:#0a0e15; --bg-elev:#111827; --bg-elev-2:#1A2332; --border:rgba(255,255,255,0.06); --border-strong:rgba(255,255,255,0.12); --text:#E5E7EB; --text-muted:#94A3B8; --text-faint:#475569; --accent:#8EA2FF; --accent-bg:rgba(142,162,255,0.08); }
* { box-sizing:border-box; margin:0; padding:0; }
html, body { min-height:100vh; background:var(--bg); color:var(--text); font-family:'Urbanist',-apple-system,BlinkMacSystemFont,sans-serif; -webkit-font-smoothing:antialiased; }
body { overflow-x:hidden; }
.sidebar { position:fixed; top:0; left:0; bottom:0; width:96px; background:#070C17; border-right:1px solid var(--border); z-index:10; display:flex; flex-direction:column; align-items:center; padding:0 0 16px; }
.nav-item { width:84px; height:52px; border-radius:10px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; color:var(--text-faint); cursor:pointer; position:relative; text-decoration:none; margin-bottom:2px; transition:background .15s,color .15s; }
.nav-item:hover { background:rgba(255,255,255,.05); color:var(--text-muted); }
.nav-item.active { background:var(--accent-bg); color:var(--accent); }
.nav-item.active::before { content:''; position:absolute; left:-1px; top:50%; transform:translateY(-50%); width:3px; height:22px; background:var(--accent); border-radius:0 2px 2px 0; }
.nav-item.disabled { opacity:.3; cursor:not-allowed; pointer-events:none; }
.nav-label { font-size:8px; font-weight:600; color:currentColor; letter-spacing:.06em; line-height:1.1; text-align:center; text-transform:uppercase; width:100%; white-space:nowrap; }
.nav-divider { width:32px; height:1px; background:var(--border); margin:8px 0; }
.topbar { position:sticky; top:0; z-index:50; height:56px; margin-left:96px; padding:0 48px 0 24px; display:flex; align-items:center; justify-content:space-between; background:rgba(10,15,28,.85); border-bottom:1px solid var(--border); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); }
.topbar-brand,.topbar-right { display:flex; align-items:center; gap:16px; }
.ae-topbar-logo { display:inline-flex; align-items:center; text-decoration:none; height:34px; min-width:160px; }
.ae-topbar-logo img { width:154px; height:auto; display:block; object-fit:contain; object-position:left center; }
.live-badge { display:flex; align-items:center; gap:6px; font-size:10px; color:var(--text-faint); letter-spacing:.06em; text-transform:uppercase; }
.live-dot { width:6px; height:6px; border-radius:50%; background:#4ADE80; box-shadow:0 0 6px rgba(74,222,128,.6); }
.ae-topbar-logout-form { margin:0; display:inline-flex; }
.ae-topbar-logout { min-width:76px; height:32px; border-radius:999px; background:var(--bg-elev-2); border:1px solid var(--border-strong); display:flex; align-items:center; justify-content:center; font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--text-muted); cursor:pointer; padding:0 12px; text-decoration:none; }
.ae-topbar-logout:hover { color:var(--accent); border-color:rgba(142,162,255,.5); }
.page-shell { margin-left:96px; min-height:calc(100vh - 56px); padding:28px 48px 72px 24px; }
.page-wrap { width:100%; max-width:none; }
.title { font-size:42px; line-height:1.08; font-weight:700; letter-spacing:-.02em; }
.subtitle { margin-top:14px; max-width:640px; color:var(--text-muted); font-size:15px; line-height:1.7; }
.rule { height:1px; margin:24px 0 30px; background:var(--border); }
.contact-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.contact-card { background:var(--bg-elev); border:1px solid var(--border); border-radius:8px; padding:24px; min-height:190px; display:flex; flex-direction:column; gap:14px; }
.contact-icon { width:42px; height:42px; border-radius:10px; border:1px solid rgba(142,162,255,.25); background:var(--accent-bg); display:flex; align-items:center; justify-content:center; color:var(--accent); }
.contact-title { font-size:17px; font-weight:700; }
.contact-address { display:grid; gap:4px; color:var(--text-muted); font-style:normal; line-height:1.55; }
.contact-link { color:var(--accent); text-decoration:none; font-size:15px; }
.contact-link:hover { text-decoration:underline; }
.request-layout { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; align-items:start; }
.request-form { background:var(--bg-elev); border:1px solid var(--border); border-radius:8px; padding:24px; display:grid; gap:16px; }
.request-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.request-field { display:grid; gap:7px; }
.request-field span { font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--text-faint); font-weight:700; }
.request-field input,.request-field select,.request-field textarea { width:100%; border:1px solid var(--border-strong); border-radius:8px; background:#0C111A; color:var(--text); padding:0 13px; font:inherit; outline:none; transition:border-color .15s,box-shadow .15s,background .15s; }
.request-field input,.request-field select { height:46px; }
.request-field textarea { min-height:120px; padding-top:12px; resize:vertical; }
.request-field input::placeholder,.request-field textarea::placeholder { color:var(--text-faint); }
.request-field input:focus,.request-field select:focus,.request-field textarea:focus { border-color:rgba(142,162,255,.55); box-shadow:0 0 0 3px rgba(142,162,255,.08); background:#0F1622; }
.request-submit { height:42px; border:0; border-radius:8px; background:var(--accent); color:#0A0F1C; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; }
.request-submit:hover { opacity:.9; }
.request-alert { border-radius:6px; padding:10px 12px; font-size:13px; line-height:1.5; }
.request-alert.is-error { background:rgba(248,113,113,.08); border:1px solid rgba(248,113,113,.28); color:#fecaca; }
.request-alert.is-success { background:rgba(74,222,128,.08); border:1px solid rgba(74,222,128,.25); color:#bbf7d0; }
.ae-site-footer { margin-left:96px; padding:22px 48px 28px; border-top:1px solid var(--border); background:#070C17; color:#64748B; }
.ae-site-footer-inner { max-width:none; margin:0; }
.ae-site-footer-copy { margin:0 0 8px; font-size:10px; letter-spacing:.06em; text-transform:uppercase; color:var(--text-muted); }
.ae-site-footer-disclaimer { margin:0; max-width:none; font-size:11px; line-height:1.65; color:#64748B; }
.ae-site-footer a { color:var(--text-muted); text-decoration:none; }
.ae-site-footer a:hover { color:var(--accent); }
@media (max-width:720px) { .sidebar{width:60px}.nav-item{width:44px;height:44px}.nav-label{display:none}.topbar{margin-left:60px;padding:0 18px 0 14px}.ae-topbar-logo{min-width:132px}.ae-topbar-logo img{width:132px}.page-shell{margin-left:60px;padding:22px 18px 54px 14px}.title{font-size:32px}.contact-grid,.request-layout,.request-grid{grid-template-columns:1fr}.request-form{padding:20px}.ae-site-footer{margin-left:60px;padding:20px 18px 24px} }