body{background:#f5f6fb;color:#1f2933;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{background:#111827;color:#fff;display:flex;flex-direction:column;gap:12px;padding:24px 16px;width:240px}.sidebar h1{font-size:18px;margin:0 0 16px}.sidebar a{border-radius:8px;padding:10px 12px;transition:background .2s}.sidebar a.active,.sidebar a:hover{background:#3b82f633}.content{flex:1 1;padding:32px}.card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0f172a14;padding:20px}.cari-list{container-type:inline-size;max-width:100%}.cari-grid,.cari-list{min-width:0;width:100%}.cari-grid{grid-column-gap:6px;align-items:center;box-sizing:border-box;column-gap:6px;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,.72fr) minmax(0,1.05fr) minmax(0,1.2fr) minmax(0,.85fr) 152px}.cari-head{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:6px 2px;position:-webkit-sticky;position:sticky;top:0}.cari-head .cari-h,.cari-head button{background:#0000;border:0;color:#374151;cursor:pointer;font-size:11px;font-weight:600;line-height:1.2;margin:0;min-width:0;overflow:hidden;padding:0;text-align:left;text-overflow:ellipsis;white-space:nowrap}.cari-head .cari-h-right,.cari-head button.cari-h-right{text-align:right;width:100%}.cari-row{border-bottom:1px solid #f3f4f6;padding:6px 2px}.cari-cell{color:#6b7280;font-size:12px;line-height:1.3;min-width:0;overflow-wrap:break-word;word-break:normal}.cari-name{color:#1f2937;font-weight:600}.cari-balance{font-size:12px;font-weight:700;text-align:right;white-space:nowrap}.cari-actions{align-items:center;display:flex;flex-wrap:wrap;gap:2px;justify-content:flex-start;min-width:0}.cari-kicker,.cari-list.is-narrow .cari-head{display:none}.cari-list.is-narrow .cari-row{background:#fff!important;border:1px solid #e5e7eb;border-radius:8px;gap:4px 8px;grid-template-areas:"name balance" "type phone" "email email" "actions actions";grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:0 0 8px;padding:8px}.cari-list.is-narrow .cari-name{font-size:13px;grid-area:name}.cari-list.is-narrow .cari-balance{align-self:start;grid-area:balance;white-space:normal}.cari-list.is-narrow .cari-type{grid-area:type}.cari-list.is-narrow .cari-phone{grid-area:phone}.cari-list.is-narrow .cari-email{grid-area:email}.cari-list.is-narrow .cari-actions-cell{grid-area:actions}.cari-list.is-narrow .cari-kicker{color:#9ca3af;display:inline;font-weight:500;margin-right:4px}.cari-list.is-narrow .cari-empty{display:none}@container (max-width: 680px){.cari-head{display:none}.cari-row{background:#fff!important;border:1px solid #e5e7eb;border-radius:8px;gap:4px 8px;grid-template-areas:"name balance" "type phone" "email email" "actions actions";grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:0 0 8px;padding:8px}.cari-name{font-size:13px;grid-area:name}.cari-balance{align-self:start;grid-area:balance;white-space:normal}.cari-type{grid-area:type}.cari-phone{grid-area:phone}.cari-email{grid-area:email}.cari-actions-cell{grid-area:actions}.cari-kicker{color:#9ca3af;display:inline;font-weight:500;margin-right:4px}.cari-empty{display:none}}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0;padding:0}a,button,input,select,textarea{transition:all .2s ease-in-out}button{border:none;cursor:pointer;font-family:inherit;outline:none}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-family:inherit;font-size:14px;outline:none;padding:10px 12px;transition:all .2s ease-in-out}input:focus,select:focus,textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}input:hover,select:hover,textarea:hover{border-color:#9ca3af}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.card-hover{transition:all .2s ease-in-out}.card-hover:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.tab-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}