@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#0f172a;background:#f5f7fb}*{box-sizing:border-box}body{margin:0;background:#f5f7fb}a{color:inherit}button,input,select{font-family:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:1fr}.nav{position:fixed;inset:0 auto 0 0;width:240px;background:#fff;border-right:1px solid #e5e7eb;padding:1.5rem 1.2rem;display:flex;flex-direction:column;gap:1.2rem;transform:translate(-100%);transition:transform .25s ease;z-index:60}.app-shell.nav-open .nav{transform:translate(0)}.app-shell.nav-open .content{margin-left:240px}.brand{display:flex;gap:.8rem;align-items:center}.nav-close{margin-left:auto}.brand h2{margin:0;font-size:1.1rem}.logo{width:40px;height:40px;border-radius:12px;background:#6d28d9;color:#fff;display:grid;place-items:center;font-weight:700}.nav-links{display:grid;gap:.4rem}.nav-links button{padding:.7rem .9rem;border-radius:.8rem;background:transparent;text-align:left;border:none;cursor:pointer}.nav-links button.active{background:#ede9fe;color:#5b21b6}.nav-footer{margin-top:auto;display:grid;gap:.6rem}.content{padding:1.1rem 2.5rem 2rem}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:.2rem;position:relative;z-index:50}.topbar-actions{display:flex;align-items:center;gap:.8rem}.nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;z-index:40}.page-head{display:flex;align-items:center;justify-content:space-between}.page{min-height:100vh;display:grid;place-items:center;padding:2.5rem 1.5rem}.page.auth{background:radial-gradient(circle at top,#eef2ff,#f8fafc 55%,#f5f7fb)}.card{width:min(420px,94vw);background:#fff;border-radius:1.2rem;border:1px solid #c084fc;box-shadow:0 8px 20px #6d28d914;padding:2rem;box-shadow:0 20px 40px #0f172a1f}.stack{display:grid;gap:1rem;margin-top:1rem}.otp-setup{display:grid;gap:.6rem;padding:.8rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.9rem}.otp-setup img{max-width:220px;border-radius:.6rem;background:#fff;padding:.4rem;border:1px solid #e2e8f0}.stats{display:grid;grid-template-columns:repeat(4,minmax(200px,1fr));gap:1rem;margin-top:1rem}.stat-card{background:#fff;border-radius:1rem;border:1px solid #c084fc;padding:1rem 1.2rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 8px 20px #6d28d914}.stat-card h2{font-size:1.1rem;line-height:1.2rem;margin:.2rem 0 0}.stat-card .muted.small{font-size:.75rem}.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:1rem;margin-top:1.5rem}.quick-actions button{background:linear-gradient(135deg,#6d28d9,#a855f7);color:#fff;border:none;padding:1rem;border-radius:1rem;cursor:pointer}.contacts-shell{display:grid;gap:1.5rem}.filters-toggle{display:flex;gap:.6rem;flex-wrap:wrap}.contacts-header{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-top:0}.contacts-actions{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.contacts-actions.secondary{margin-top:.6rem;gap:.6rem;justify-content:flex-start}.chip.removable{display:inline-flex;align-items:center;gap:.35rem}.chip-x{border:none;background:#fffc;color:inherit;width:16px;height:16px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem;line-height:1}.search-input{padding:.65rem .8rem;border-radius:.8rem;border:1px solid #c084fc;box-shadow:0 4px 12px #6d28d914;min-width:220px}.search-input.wide,.search-input.grow{flex:1;min-width:320px}.view-toggle button{padding:.55rem .9rem;border-radius:.9rem;border:1px solid #e9d5ff;background:#fff;color:#6d28d9;font-weight:600}.view-toggle button.active{background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;border-color:transparent}.filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem}.filters-row select,.filters-row button{padding:.6rem .7rem;border-radius:.7rem;border:1px solid #c084fc;background:#fff;box-shadow:0 4px 12px #6d28d914}.primary{background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;border:none;padding:.7rem 1rem;border-radius:.8rem;box-shadow:0 10px 20px #6366f140}.ghost{background:#f5f3ff;color:#6d28d9;border:1px solid #e9d5ff;padding:.7rem 1rem;border-radius:.8rem}.danger{background:#fee2e2;color:#b91c1c;border:none;padding:.7rem 1rem;border-radius:.8rem}.icon-btn{background:#f5f3ff;border:none;width:36px;height:36px;border-radius:.7rem;display:grid;place-items:center;cursor:pointer;color:#6d28d9}.back{align-self:flex-start;margin-bottom:.6rem}.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:1.2rem}.contact-card{background:#fff;border-radius:1rem;border:1px solid #c084fc;padding:1rem;display:grid;gap:.8rem;text-align:left;box-shadow:0 10px 24px #6d28d91f;cursor:pointer}.contact-card:focus{outline:none;box-shadow:0 0 0 3px #6366f140,0 10px 24px #0f172a14}.card-top{display:grid;grid-template-columns:28px 56px 1fr auto;gap:.9rem;align-items:center}.card-avatar{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#7c3aed,#38bdf8);color:#fff;display:grid;place-items:center;font-weight:700;overflow:hidden}.card-meta{display:grid;gap:.2rem;color:#64748b;font-size:.9rem}.card-meta a{color:#6d28d9;text-decoration:none;font-weight:600}.card-name h4{margin:0;font-size:1rem}.card-name p{margin:.2rem 0 0}.classic-layout,.classic-shell{display:grid;grid-template-columns:360px 1fr;gap:1.5rem;align-items:start}.classic-shell-left{position:sticky;top:0}.classic-shell-right{display:grid;gap:1rem}.classic-list{background:#fff;border-radius:1rem;border:1px solid #e5e7eb;overflow:hidden;display:flex;flex-direction:column}.classic-list-top{padding:.8rem 1rem .2rem}.classic-search{padding:1rem;border-bottom:1px solid #e5e7eb}.classic-list-items{max-height:calc(140vh - 320px);overflow-y:auto;display:grid;flex:1}.classic-item{display:grid;grid-template-columns:28px 56px 1fr;gap:.8rem;padding:1rem;border:none;border-bottom:1px solid #e9d5ff;border-left:4px solid transparent;text-align:left;width:100%;background:transparent;cursor:pointer}.classic-item:focus{outline:none}.classic-item:focus-visible{box-shadow:inset 0 0 0 2px #2563eb4d}.classic-item:hover{background:#f8fafc}.classic-item.selected{background:#f5f3ff;border-left-color:#7c3aed}.classic-item h4{margin:0;font-size:1.02rem;font-weight:700}.classic-item .small{font-size:.88rem}.classic-avatar{width:46px;height:46px;border-radius:50%;background:#dbeafe;color:#2563eb;display:grid;place-items:center;font-weight:700;overflow:hidden}.classic-detail{display:grid;gap:1rem}.mobile-only{display:none}.detail-card,.card-box,.business-card{background:#fff;border-radius:1rem;border:1px solid #c084fc;box-shadow:0 8px 20px #6d28d914;padding:1.2rem}.field-row{display:flex;justify-content:space-between;align-items:center;padding:.35rem 0;border-bottom:1px solid #f1f5f9}.field-row:last-child{border-bottom:none}.field-label{color:#64748b;font-size:.9rem}.field-value{font-weight:700;color:#0f172a}.detail-card.empty{min-height:200px;display:grid;place-items:center;color:#94a3b8}.detail-hero{display:flex;justify-content:space-between;align-items:center}.detail-hero h2{margin:0;font-size:1.4rem}.actions{display:flex;gap:.6rem}.detail-hero-left{display:flex;gap:.8rem;align-items:center}.avatar{width:60px;height:60px;border-radius:50%;background:#2563eb;color:#fff;display:grid;place-items:center;font-weight:700;overflow:hidden}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:1rem}.tags{display:flex;flex-wrap:wrap;gap:.4rem}.chip{padding:.15rem .55rem;border-radius:999px;font-size:.72rem;font-weight:600}.chip-green{background:#dcfce7;color:#166534}.chip-blue{background:#dbeafe;color:#1d4ed8}.chip-purple{background:#ede9fe;color:#6d28d9}.chip-orange{background:#ffedd5;color:#9a3412}.chip-gray{background:#e2e8f0;color:#334155}.chip-red{background:#fee2e2;color:#b91c1c}.chip-dark{background:#e5e7eb;color:#374151}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:.6rem .8rem;border-bottom:1px solid #e5e7eb;text-align:left}.table-scroll{overflow-x:auto}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#f8fafcd9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:2rem;z-index:50}.modal-card{background:#fff;border-radius:1rem;border:1px solid #e5e7eb;padding:1.5rem;width:min(900px,95vw);max-height:90vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:1rem;right:1rem}.modal-card.wide{width:min(1100px,96vw)}.modal-hero{display:grid;place-items:center;gap:.6rem;margin-bottom:1rem}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.modal-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1rem;flex-wrap:wrap}.dropzone{position:relative;border:2px dashed #c7d2fe;border-radius:1rem;padding:2rem;text-align:center;background:#f8fafc;display:grid;gap:.4rem;margin-bottom:1rem}.dropzone input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.import-meta{display:flex;gap:1.5rem;background:#f1f5f9;padding:.8rem 1rem;border-radius:.8rem;margin-bottom:1rem}.preview{border:1px solid #e5e7eb;border-radius:.8rem;padding:.8rem;background:#fff}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.form-grid label{display:grid;gap:.4rem;font-weight:600;color:#334155}.form-grid input,.form-grid select,.stack input,.stack select{width:100%;padding:.65rem .75rem;border-radius:.8rem;border:1px solid #c084fc;box-shadow:0 4px 12px #6d28d914;background:#fff}.password-field{position:relative;display:flex;align-items:center}.password-field input{padding-right:2.6rem}.password-field .eye{position:absolute;right:.6rem;background:transparent;border:0;cursor:pointer;font-size:1rem}.clean-form label{display:grid;gap:.4rem;font-weight:600;color:#334155}.clean-form input,.clean-form select{padding:.65rem .75rem;border-radius:.8rem;border:1px solid #c084fc;box-shadow:0 4px 12px #6d28d914}.file{position:relative;overflow:hidden;cursor:pointer}.file input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.multi-select{display:grid;gap:.4rem}.multi-control{display:flex;justify-content:space-between;align-items:center;border:1px solid #c084fc;border-radius:.8rem;padding:.55rem .7rem;background:#fff;cursor:pointer}.multi-values{display:flex;flex-wrap:wrap;gap:.35rem}.multi-menu{border:1px solid #c084fc;border-radius:.8rem;background:#fff;padding:.6rem;display:grid;gap:.6rem}.multi-options{display:grid;gap:.4rem;max-height:180px;overflow-y:auto}.multi-option{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.multi-add{display:flex;gap:.5rem}.multi-add input{flex:1;padding:.5rem .6rem;border-radius:.7rem;border:1px solid #e2e8f0}.multi-add button{padding:.5rem .8rem;border-radius:.7rem;border:none;background:#6d28d9;color:#fff}.form-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1rem}.select-box{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;border:1px solid #cbd5f5;background:#fff}.table-actions{display:flex;align-items:center;margin-bottom:.6rem}.table-actions .select-box{width:auto;height:auto;border:none;background:transparent;gap:.5rem;font-weight:600;color:#475569}.table-actions .select-box span{margin-left:.4rem}.select-box input{width:16px;height:16px;accent-color:#4f46e5}.danger-input{display:grid;gap:.4rem;margin-top:1rem;font-weight:600}.danger-input input{padding:.7rem .75rem;border-radius:.8rem;border:1px solid #fecaca;background:#fff7f7}.mini-chart{width:120px;height:40px}.mini-donut{width:40px;height:40px}@media (max-width: 1100px){.app-shell{grid-template-columns:200px 1fr}.contact-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.classic-layout,.classic-shell{grid-template-columns:1fr}.contacts-actions{flex-wrap:wrap}.contacts-actions .search-input{min-width:180px}}@media (max-width: 760px){.app-shell.nav-open .nav{transform:translate(0)}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.stat-card{padding:.8rem}.stat-card h2{font-size:1rem}.content{min-height:100vh}.contacts-actions.mobile-only{width:100%;justify-content:flex-start}.contacts-actions.mobile-only .ghost{flex:1}.app-shell{grid-template-columns:1fr}.nav{width:min(85vw,320px)}.app-shell.nav-open .content{margin-left:0}.nav{flex-direction:column;overflow-x:auto}.content{padding:1rem 1.1rem 1.5rem}.contact-grid{grid-template-columns:1fr}.classic-layout.detail-open .classic-list{display:none}.classic-layout:not(.detail-open) .classic-detail{display:none}.classic-shell.detail-open .classic-shell-left{display:none}.classic-shell:not(.detail-open) .classic-detail{display:none}.mobile-only{display:inline-flex}.contacts-header{flex-direction:column;align-items:flex-start;gap:.6rem}.contacts-actions{width:100%;flex-direction:column}.contacts-actions .search-input{width:100%}.filters-row{grid-template-columns:1fr}.filters-toggle{width:100%}.filters-toggle .ghost{flex:1}.view-toggle{width:100%;display:flex;gap:.4rem;flex-wrap:wrap}.view-toggle button{flex:1}.contacts-actions .primary{width:100%}.classic-layout{gap:1rem}.classic-list{border-radius:1rem}.classic-item{grid-template-columns:28px 44px 1fr;padding:.8rem}.classic-avatar{width:40px;height:40px}.detail-hero{flex-direction:column;align-items:flex-start;gap:.8rem}.actions{width:100%}.actions button{flex:1}.grid-2{grid-template-columns:1fr}.card-top{grid-template-columns:28px 52px 1fr auto}.card-avatar{width:48px;height:48px}.modal-card{padding:1.2rem}.form-actions{flex-direction:column}.form-actions button{width:100%}}@media (max-width: 520px){.topbar{margin-bottom:.4rem}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-grid{gap:.9rem}.classic-item h4{font-size:.96rem}.search-input{min-width:unset}}label.multi-option{display:flex}.avatar.large img{width:100%!important;height:auto}.avatar img{width:100%}.classic-avatar img{width:100%;height:60px}.classic-list-items p.muted.small{padding:0!important;margin:5px 0!important}.multi-menu input{width:20px}