html{scroll-behavior:smooth}body{margin:0;background:#050510;color:#f5f5f5;font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:flex;background:#050510}.sidebar{width:260px;padding:2rem 1.5rem;background:#0a0a12f2;border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:2rem;position:sticky;top:0;height:100vh}.logo h1{margin:0;font-size:1.3rem}.logo p{margin:.25rem 0 0;opacity:.7;font-size:.9rem}.sidebar nav{display:flex;flex-direction:column;gap:.8rem}.sidebar nav a{padding:.5rem .75rem;border-radius:.75rem;background:#ffffff0a;font-weight:600;transition:background .2s}.sidebar nav a:hover{background:#ffffff1f}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:.5rem}main{flex:1;padding:2rem 3rem}.section{margin-bottom:4rem}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-title h2{margin:0}.section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.card{background:#1c1c28f2;border-radius:1rem;padding:1.5rem;box-shadow:0 20px 50px #0006}.stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.stats-bar div{background:#ffffff0d;border-radius:.75rem;padding:1rem}.stats-bar span{display:block;font-size:.85rem;opacity:.8}.stats-bar strong{font-size:1.4rem}.status-pill{display:inline-flex;align-items:center;padding:.4rem 1.2rem;border-radius:999px;font-weight:600;background:#ffffff1f}.status-pill.online,.pill-online{background:linear-gradient(90deg,#2af598,#009efd)}button,input,select,textarea{font-family:inherit}button:disabled{opacity:.6;cursor:not-allowed}.table-card{margin-top:1.5rem}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid rgba(255,255,255,.08);padding:.75rem;text-align:left}.pill{background:#ffffff14;display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;padding:.2rem .75rem;font-size:.85rem}ul{list-style:none;margin:0;padding:0}li+li{margin-top:.75rem}.muted{opacity:.7}.templates-card,.sequences-card,.metrics-card{display:flex;flex-direction:column;gap:1.2rem}.templates-header,.section-title{display:flex;justify-content:space-between;align-items:center}.template-form,.sequence-form{display:flex;flex-direction:column;gap:1rem}.template-form input,.template-form textarea,.sequence-form input,.sequence-form textarea,.sequence-form select{width:100%;padding:.75rem .9rem;border-radius:.75rem;border:none;background:#ffffff14;color:#fff}.template-form textarea,.sequence-form textarea{resize:vertical}.template-form button,.sequence-form>button[type=submit],.template-actions button,.step-actions button,button.ghost{padding:.6rem 1rem;border-radius:.75rem;border:none;background:#ffffff1f;color:#fff;cursor:pointer}.template-form button,.sequence-form>button[type=submit]{background:linear-gradient(90deg,#2af598,#009efd);font-weight:600}.template-list li,.sequence-list li{display:flex;justify-content:space-between;gap:1rem;background:#ffffff05;padding:1rem;border-radius:.75rem}.template-actions .danger,.step-actions .danger,.sequence-list .danger{background:#ff6b6b33}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.steps{display:flex;flex-direction:column;gap:.75rem}.step-row{display:grid;grid-template-columns:120px minmax(160px,1fr) 120px auto;gap:.75rem;align-items:center}.sequence-steps{display:flex;flex-wrap:wrap;gap:.4rem}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#050510}.login-card{background:#1c1c28f2;padding:2rem;border-radius:1.5rem;width:min(360px,90%);text-align:center;box-shadow:0 30px 60px #00000080}.login-card form{display:flex;flex-direction:column;gap:1rem}.login-card input{padding:.85rem 1rem;border-radius:.75rem;border:none;background:#ffffff14;color:#fff}.login-card button{padding:.85rem 1rem;border:none;border-radius:.75rem;background:linear-gradient(90deg,#ff7a18,#af002d 70%);color:#fff;font-weight:600;cursor:pointer}.error{color:#ff8b8b;margin:0}.modal{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:2rem;z-index:999}.modal-content{width:min(520px,95%);max-height:90vh;overflow:auto;background:#0f0f16f2;border-radius:1.5rem;padding:2rem;box-shadow:0 20px 60px #0009}.qr-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem;padding-top:1rem}@media(max-width:960px){.shell{flex-direction:column}.sidebar{position:relative;height:auto;width:100%;border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}main{padding:1.5rem}}body{margin:0;background:#050510;color:#eee}*{box-sizing:border-box}a{color:inherit}