:root{--ink:#172033;--muted:#637083;--line:#dde3ed;--paper:#fff;--canvas:#f3f6fb;--navy:#10213d;--indigo:#4155d5;--teal:#0b8b82;--amber:#bf7a16;--danger:#b34247}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Tahoma,"Vazirmatn",Arial,sans-serif;line-height:1.55}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{background:var(--navy);color:#dce5f5;padding:22px 14px;display:flex;flex-direction:column;gap:28px}.brand{color:white;text-decoration:none;display:flex;gap:10px;align-items:center;font-weight:700}.brand small,.sidebar-foot small{display:block;font-weight:400;color:#9aabc6;font-size:11px}.brand-mark{display:grid;place-items:center;background:linear-gradient(135deg,#5b72eb,#13a99d);width:34px;height:34px;border-radius:10px;font-size:12px;letter-spacing:1px}.large{width:52px;height:52px;margin-bottom:18px}nav{display:grid;gap:5px}.nav-link,.nav-disabled{border-radius:10px;padding:10px 12px;color:#dce5f5;text-decoration:none;font-size:14px}.nav-link:hover,.nav-link:focus-visible{background:#203657;color:#fff}.nav-disabled{color:#7e90af}.nav-label{font-size:10px;color:#7e90af;margin:14px 10px 2px}.sidebar-foot{margin-top:auto;color:#c6d3e9;font-size:12px;padding:12px}.sidebar-foot small{margin-top:3px}main{min-width:0;max-width:1500px;width:100%;padding:28px 34px;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:26px}.topbar h1,h2,h3,h4{margin:0}.topbar h1{font-size:24px}.eyebrow{font-size:11px;letter-spacing:1.1px;font-weight:700;color:var(--indigo);margin:0 0 5px}.quiet,button{font:inherit;border:1px solid var(--line);border-radius:9px;padding:9px 13px;background:#fff;cursor:pointer;color:var(--ink)}.quiet:hover,button:hover{border-color:#a9b9d5}.primary,.primary-link{border:0;background:var(--indigo);color:white;text-decoration:none;border-radius:9px;padding:10px 15px;font-weight:700;cursor:pointer}.hero,.customer-hero{background:linear-gradient(120deg,#fff 0%,#eff3ff 100%);border:1px solid #dbe4fb;border-radius:18px;padding:26px;display:flex;align-items:center;justify-content:space-between;gap:20px}.hero p,.customer-hero p{color:var(--muted);margin:7px 0 18px}.stamp{border:1px solid #cbd8fb;border-radius:11px;padding:12px;background:#fff;color:var(--indigo);font-size:12px;text-align:center}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.metric-grid article,.panel,.table-panel{background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:18px}.metric-grid small,.metric-grid span{display:block;color:var(--muted);font-size:12px}.metric-grid strong{display:block;font-size:31px;color:var(--indigo);margin:7px 0}.alert-card strong{color:var(--amber)}.panel{margin-top:18px}.panel p{color:var(--muted)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.count,.badge,.status{font-size:11px;padding:4px 8px;border-radius:99px;background:#edf1f8;color:#46536a;white-space:nowrap}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters input{min-width:260px;flex:1}input,select,textarea{font:inherit;border:1px solid #cbd4e1;border-radius:9px;padding:10px;background:#fff;color:var(--ink)}textarea{min-height:90px;width:100%}.table-panel{padding:0;overflow:hidden;margin-top:16px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:12px 14px;text-align:right;border-bottom:1px solid #edf0f5;vertical-align:top}th{color:#60708a;background:#fafbfe;font-size:11px}tr:hover td{background:#fbfcff}td small{display:block;color:var(--muted);margin-top:3px}.mono{direction:ltr;text-align:left;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.row-link{color:var(--indigo);font-weight:700;text-decoration:none}.status.active,.status.confirmed,.status.fulfilled{background:#e4f7f2;color:#087567}.status.suspended,.status.pending,.status.retrying,.status.processing{background:#fff4df;color:#a35d00}.status.disabled,.status.failed,.status.refunded,.status.reversed,.status.manual_review{background:#fdebed;color:#aa3643}.empty{text-align:center;color:var(--muted);padding:30px}.customer-hero{align-items:center}.back{font-size:12px;color:var(--indigo);text-decoration:none}.level-orb{border-radius:50%;width:126px;height:126px;display:grid;place-content:center;text-align:center;background:var(--navy);color:#fff;box-shadow:0 10px 30px #192d5033}.level-orb small,.level-orb span{font-size:11px;color:#b8c7e4}.level-orb strong{font-size:20px}.detail-grid,.two-col{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}.profile dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.profile dl div{border-bottom:1px solid #edf0f5;padding-bottom:9px;position:relative}.profile dt{font-size:11px;color:var(--muted)}.profile dd{margin:3px 0;font-weight:700}.reveal{font-size:11px;padding:3px 7px;position:absolute;left:0;bottom:7px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{font-size:11px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:#fafbfe}.xp-total{display:flex;align-items:baseline;gap:8px;border-bottom:1px solid var(--line);padding-bottom:14px}.xp-total strong{font-size:30px;color:var(--indigo)}.xp-total span,.compact-list span,.compact-list small{color:var(--muted);font-size:11px}.compact-list>div{padding:11px 0;border-bottom:1px solid #edf0f5}.compact-list strong,.compact-list span,.compact-list small{display:block}.timeline{position:relative;border-right:2px solid #d9e2f2;margin-right:7px;padding-right:20px}.timeline>div{position:relative;padding:0 0 18px}.timeline>div>span{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--teal);right:-26px;top:6px}.timeline p{margin:2px 0;color:var(--ink)}.timeline small{color:var(--muted)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top left,#dce7ff,transparent 35%),var(--canvas)}.login-card{max-width:420px;width:100%;padding:34px;background:#fff;border:1px solid var(--line);border-radius:19px;box-shadow:0 18px 60px #20375817}.login-card h1{font-size:24px;margin:0 0 8px}.login-card p{color:var(--muted);font-size:13px}.login-card form{display:grid;gap:15px;margin-top:20px}.login-card label{font-size:12px;font-weight:700}.login-card input{display:block;width:100%;margin-top:6px}.error{background:#fdebed;color:#a42d3a;padding:10px;border-radius:8px;font-size:13px}dialog{border:0;border-radius:15px;box-shadow:0 20px 70px #10213d50;width:min(400px,calc(100% - 30px))}dialog::backdrop{background:#10213d88}.dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

button,.row-link,.quiet-link,.mono-link,.section-tabs a,.pagination a{transition:color .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.directory-head{margin-top:0}.customer-filters{align-items:flex-end}.customer-filters label{display:grid;gap:5px;color:var(--muted);font-size:11px}.customer-filters label span{font-weight:700}.customer-filters .search-field{flex:1;min-width:300px}.customer-filters input{min-width:0;width:100%}.quiet-link{display:inline-flex;align-items:center;color:var(--muted);text-decoration:none;padding:9px 6px}.customer-table td:first-child{min-width:285px}.datetime{white-space:nowrap;color:var(--muted);font-size:12px}.level-badge{display:inline-flex;border-radius:7px;background:#e9edff;color:#344bc5;font-size:11px;font-weight:800;padding:4px 8px}.pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:14px}.pagination a,.pagination span{min-width:34px;text-align:center;border:1px solid var(--line);border-radius:8px;padding:6px 9px;text-decoration:none;color:var(--ink);font-size:12px}.pagination a:hover,.pagination a:focus-visible,.pagination .current{background:var(--indigo);border-color:var(--indigo);color:#fff}.pagination .disabled{color:#a5adba;background:#f7f8fa}.pagination small{color:var(--muted);margin-right:8px}

.customer-360{display:grid;gap:16px}.customer-summary{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(430px,1fr);gap:18px;padding:24px;border:1px solid #dbe4fb;border-radius:18px;background:linear-gradient(120deg,#fff,#eef3ff)}.summary-identity p{color:var(--muted);margin:7px 0}.identity-line{display:flex;align-items:center;gap:10px}.identity-line h2{font-size:25px}.customer-id{display:inline-block;direction:ltr;color:#53627a;background:#fff;border:1px solid #dce4f1;border-radius:7px;padding:4px 7px;font-size:11px}.summary-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.summary-metrics article{background:#fff;border:1px solid #dce4f1;border-radius:12px;padding:12px}.summary-metrics small{display:block;color:var(--muted);font-size:10px}.summary-metrics strong{display:block;color:var(--indigo);font-size:22px;margin-top:4px}.ops-alerts{display:grid;grid-template-columns:220px 1fr;gap:18px;border:1px solid #f1d7a8;background:#fff8e9;border-radius:13px;padding:14px 16px}.ops-alerts strong,.ops-alerts span{display:block}.ops-alerts strong{color:#915700}.ops-alerts span,.ops-alerts li{font-size:12px;color:#745d38}.ops-alerts ul{margin:0;padding-right:18px}.section-tabs{position:sticky;top:10px;z-index:4;display:flex;gap:4px;overflow:auto;padding:7px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 26px #1932510d}.section-tabs a{color:#53627a;text-decoration:none;white-space:nowrap;padding:7px 10px;border-radius:7px;font-size:11px}.section-tabs a:hover,.section-tabs a:focus-visible{background:#edf1ff;color:var(--indigo)}.section-block{scroll-margin-top:72px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.section-title h3{font-size:17px}.overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.mini-panel{border:1px solid #e3e8f1;border-radius:11px;padding:13px}.mini-panel small,.mini-panel span{display:block;color:var(--muted);font-size:11px}.mini-panel strong{display:block;font-size:17px;margin:4px 0}.identity-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}.profile-card,.identity-card,.split-grid>article{border:1px solid #e3e8f1;border-radius:12px;padding:15px}.profile-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin:0}.profile-card dl>div{position:relative;min-height:78px;border-bottom:1px solid #edf0f5;padding:9px 0}.profile-card dt{font-size:10px;color:var(--muted)}.profile-card dd{margin:4px 0;font-weight:700}.profile-card .reveal{left:0;bottom:10px;font-size:10px;padding:3px 6px}.identity-card h4,.split-grid h4{margin:0 0 10px}.identity-list>div{display:grid;grid-template-columns:auto 1fr;gap:3px 8px;padding:10px 0;border-bottom:1px solid #edf0f5}.identity-list small{grid-column:2;color:var(--muted)}.split-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:14px}.record-list>div{padding:10px 0;border-bottom:1px solid #edf0f5}.record-list>div>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.record-list p{margin:3px 0;font-size:12px}.record-list small{color:var(--muted)}.record-list a,.mono-link{color:var(--indigo);text-decoration:none}.xp-amount{color:var(--teal)}.xp-amount.negative{color:var(--danger)}.subsection-title{margin:22px 0 8px}.order-stack{display:grid;gap:12px}.order-card{border:1px solid #dfe5ee;border-radius:12px;overflow:hidden;scroll-margin-top:70px}.order-card>header{display:flex;justify-content:space-between;gap:16px;padding:13px 15px;background:#fafbfe}.order-card>header>div:first-child{display:grid;grid-template-columns:auto 1fr;gap:3px 8px;align-items:center}.order-card header small{grid-column:2;color:var(--muted)}.money{text-align:left}.money strong,.money small{display:block}.order-items{display:flex;gap:7px;flex-wrap:wrap;padding:10px 15px;border-top:1px solid #edf0f5}.order-items>span{background:#f2f5fa;border-radius:7px;padding:5px 8px;font-size:12px}.order-items small{color:var(--muted)}.linked-records{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #edf0f5}.linked-records>div{padding:12px 15px;border-left:1px solid #edf0f5}.linked-records>div:last-child{border-left:0}.linked-records h5{margin:0 0 8px;color:#53627a}.linked-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:7px 0;border-bottom:1px solid #f0f2f6;font-size:11px}.linked-row code{direction:ltr;color:#53627a}.linked-row small{width:100%;color:var(--danger)}.retry-action{font-size:10px;padding:4px 7px;color:#a35d00;border-color:#e5bf78}.empty.compact{padding:12px}.dialog-error{min-height:18px;color:var(--danger);font-size:12px}dialog h3{margin-top:0}dialog label{font-size:12px;font-weight:700}dialog textarea{margin-top:6px}.muted{color:var(--muted);font-size:12px}

button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #99a9ff;outline-offset:2px}@media(max-width:1100px){.customer-summary{grid-template-columns:1fr}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.linked-records{grid-template-columns:1fr}.linked-records>div{border-left:0;border-bottom:1px solid #edf0f5}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;gap:12px}.sidebar nav{display:flex;overflow:auto}.nav-label,.nav-disabled{display:none}.sidebar-foot{display:none}main{padding:20px}.detail-grid,.two-col,.identity-grid,.split-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr}.customer-hero{align-items:flex-start}.level-orb{width:100px;height:100px;flex:none}.profile dl{grid-template-columns:1fr}.section-tabs{top:4px}.ops-alerts{grid-template-columns:1fr}.customer-filters label,.customer-filters .search-field{width:100%;min-width:0}.customer-filters button{width:100%}}@media(max-width:560px){main{padding:14px}.topbar{margin-bottom:16px}.customer-summary,.section-block{padding:14px}.summary-metrics,.overview-grid,.profile-card dl{grid-template-columns:1fr}.identity-line{align-items:flex-start;flex-direction:column}.order-card>header{flex-direction:column}.money{text-align:right}.pagination small{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none!important}}