*{box-sizing:border-box}body{color:#0f172a;background:#f6f7fb;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}.app{min-height:100vh;display:flex}.sidebar{background:#ffffffdb;border-right:1px solid #e5e7eb;width:280px;height:100vh;padding:28px 20px;position:sticky;top:0}.brand{margin-bottom:34px}.eyebrow{letter-spacing:.28em;text-transform:uppercase;color:#94a3b8;font-size:11px}.brand-title{letter-spacing:-.04em;margin-top:4px;font-size:26px;font-weight:760}.muted{color:#64748b;font-size:14px}nav{gap:8px;display:grid}.nav{color:#475569;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:18px;align-items:center;gap:12px;width:100%;padding:13px 14px;display:flex}.nav:hover{background:#f1f5f9}.nav.active{color:#fff;background:#0f172a}.access-card{color:#fff;background:#0f172a;border-radius:24px;gap:8px;margin-top:36px;padding:18px;display:grid}.access-card span{color:#cbd5e1;font-size:13px;line-height:1.45}.access-card button{margin-top:8px}main{flex:1;width:100%;max-width:1500px;margin:0 auto;padding:30px}header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}h1{letter-spacing:-.045em;margin:6px 0 0;font-size:38px;line-height:1}h2{letter-spacing:-.03em;margin:0 0 18px;font-size:20px}.header-actions{flex-wrap:wrap;gap:10px;display:flex}button{color:#fff;cursor:pointer;background:#0f172a;border:0;border-radius:16px;align-items:center;gap:8px;padding:11px 15px;display:inline-flex}button.secondary{color:#0f172a;background:#fff;border:1px solid #e5e7eb}.grid{gap:16px;margin-bottom:16px;display:grid}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.two{grid-template-columns:1.4fr .9fr}.card,.panel,.sync-card{background:#fff;border:1px solid #e2e8f0b3;border-radius:28px;padding:24px;box-shadow:0 8px 28px #0f172a0d}.card.dark{color:#fff;background:#0f172a}.card.dark .muted,.card.dark p{color:#cbd5e1}.card.warning{background:#fff7ed;border-color:#fed7aa}.big{letter-spacing:-.05em;margin:10px 0;font-size:34px;font-weight:760;line-height:1.05}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:28px;width:90%;max-width:500px;max-height:85vh;padding:28px;overflow-y:auto;box-shadow:0 20px 35px #0003}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h3{margin:0}.modal-close{cursor:pointer;color:#64748b;background:0 0;border:none;padding:0 8px;font-size:24px}.modal-close:hover{color:#0f172a}@media (width<=980px){.app{display:block}.sidebar{width:100%;height:auto;position:relative}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four,.grid.two{grid-template-columns:1fr}header{flex-direction:column;align-items:flex-start}}