:root{--app-bg:#f6f8fb;--card:#fff;--ink:#172033;--muted:#687386;--accent:#5b5cf0}body{background:var(--app-bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.glass{background:rgba(255,255,255,.82);backdrop-filter:blur(14px);border-bottom:1px solid #e9edf3}.brand-dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#22c55e);margin-right:9px}.sidebar{position:fixed;top:57px;bottom:0;width:255px;background:#fff;border-right:1px solid #e9edf3;z-index:1020}.main{margin-left:255px}.navitem{display:flex;align-items:center;gap:11px;padding:10px 12px;margin:3px 0;border-radius:11px;color:#596274;text-decoration:none}.navitem:hover,.navitem.active{background:#f0f1ff;color:#4f46e5}.navitem i{font-size:1.05rem}.card{border:1px solid #e8ebf0;border-radius:18px;box-shadow:0 6px 24px rgba(18,31,53,.045)}.stat{padding:20px}.stat .icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#f0f1ff;color:#5147e8}.table>:not(caption)>*>*{padding:.85rem}.btn{border-radius:10px}.form-control,.form-select{border-radius:10px;padding:.68rem .8rem}.hero{border-radius:24px;background:linear-gradient(135deg,#171a2d,#30345b);color:#fff;overflow:hidden}.field-card{border:1px dashed #cbd2df;border-radius:14px;padding:15px;background:#fff}.drag{cursor:grab}.builder-preview{min-height:400px}.pill{border-radius:999px}.preview-img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px}.chat-box{height:60vh;overflow:auto;background:#f8f9fc;border-radius:16px;padding:20px}.bubble{max-width:78%;padding:10px 14px;border-radius:16px;margin:8px 0}.bubble.me{margin-left:auto;background:#5b5cf0;color:#fff}.bubble.them{background:#fff;border:1px solid #e6e9ef}.darkmode{background:#10131b;color:#e9edf5}.darkmode .card,.darkmode .sidebar,.darkmode .glass,.darkmode .field-card{background:#171b25;color:#e9edf5;border-color:#282f3d}.darkmode .navitem{color:#aab3c2}.darkmode .navitem:hover{background:#22283a}.darkmode .table{--bs-table-bg:transparent;--bs-table-color:#e9edf5}.darkmode .form-control,.darkmode .form-select{background:#11151d;color:#fff;border-color:#333b4a}@media(max-width:991.98px){.sidebar{position:fixed;top:0;width:280px}.main{margin-left:0}.offcanvas-lg{visibility:hidden}.offcanvas-lg.show{visibility:visible}.hero{border-radius:18px}}