@import"https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;700&display=swap";.section-title h1{margin-bottom:4px}.section-title .muted{margin:0}.create-client{display:grid;gap:12px;margin-bottom:18px}.client-table-wrap{overflow-x:auto;border:1px solid #1d2940;border-radius:16px;background:#080c16}.client-table{width:100%;min-width:760px;border-collapse:collapse;text-align:right}.client-table th,.client-table td{padding:14px 16px;border-bottom:1px solid #1d2940;vertical-align:middle}.client-table th{color:#94a3b8;font-size:13px;font-weight:500}.client-table tbody tr{cursor:pointer;transition:background .15s}.client-table tbody tr:hover,.client-table tbody tr:focus{background:#0d1728;outline:none}.client-table td b,.client-table td small,.drawer-heading small{display:block}.client-table td small,.drawer-heading small{color:#94a3b8;font-size:11px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;max-width:180px}.status{display:inline-flex;padding:4px 9px;border-radius:999px;font-size:12px}.status.active{background:#14532d;color:#bbf7d0}.status.inactive{background:#3f1d2e;color:#fbcfe8}.row-action{min-height:36px;padding:0 12px;font-size:13px}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin:16px 0}.pagination button:disabled{opacity:.45;cursor:not-allowed}.empty-state{padding:24px;margin:0}.drawer-backdrop{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;background:#000a;display:flex;justify-content:flex-start}.client-drawer{width:min(680px,100%);height:100%;overflow-y:auto;background:#060b15;border-left:1px solid #29405f;padding:20px;box-shadow:20px 0 50px #0008}.drawer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:18px;border-bottom:1px solid #1d2940}.drawer-heading>b{font-size:18px}.close-drawer{font-size:28px;line-height:1;padding:0;min-width:44px}.client-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#1d2940;border:1px solid #1d2940;border-radius:14px;overflow:hidden;margin:18px 0}.client-details div{display:grid;gap:6px;background:#080c16;padding:14px}.client-details span{font-size:12px;color:#94a3b8}.client-details b{font-size:13px}.client-drawer .access-panel{margin-top:18px}.mobile-client-list{display:none}@media(max-width:600px){.client-table-wrap{display:none}.mobile-client-list{display:grid;gap:10px}.mobile-client{display:grid;width:100%;min-height:104px;padding:14px;text-align:right;background:#080c16;border:1px solid #1d2940;border-radius:16px}.mobile-client-heading,.mobile-client-data{display:flex;align-items:center;justify-content:space-between;gap:10px}.mobile-client-heading b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-client-data{color:#94a3b8;font-size:12px}.mobile-client-data span{display:grid;gap:2px}.mobile-client-data b{color:#e2e8f0;font-size:13px}.client-details{grid-template-columns:1fr}.client-drawer{padding:16px}.drawer-backdrop{align-items:flex-end}.client-drawer{height:min(92vh,820px);width:100%;border-left:0;border-top:1px solid #29405f;border-radius:20px 20px 0 0}.pagination{justify-content:space-between}.pagination button{padding:0 12px}}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.metric{background:#080c16;border:1px solid #1d2940;border-radius:16px;padding:16px;min-height:92px;display:grid;gap:8px}.metric small{color:#94a3b8}.metric b{color:#7dd3fc}.date-range{display:flex;gap:12px}.date-range label{display:grid;gap:6px;color:#cbd5e1}.date-range input{background:#010207;color:#fff;border:1px solid #34415a;border-radius:10px;min-height:44px;padding:8px}@media(max-width:480px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.row{align-items:flex-start;flex-direction:column}.date-range{display:grid;grid-template-columns:1fr 1fr}}:root{font-family:Vazirmatn,system-ui,sans-serif;color:#fff;background:#010207}*{box-sizing:border-box}body{margin:0;background:#010207}button,input{font:inherit}button{background:linear-gradient(100deg,#01b3fb,#0167f0);border:0;border-radius:10px;color:#fff;min-height:44px;padding:0 18px;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #7dd3fc;outline-offset:2px}.auth,.centered{min-height:100vh;display:grid;place-items:center;padding:24px}.auth form,.form-card{width:min(100%,520px);padding:28px;border:1px solid #1d2940;border-radius:20px;background:#080c16}.auth h1{font-size:24px;margin:0 0 8px}.auth p,.muted{color:#94a3b8}.auth label,.form-card label{display:grid;gap:8px;margin:18px 0}.auth input,.form-card input,.search{background:#010207;color:#fff;border:1px solid #34415a;border-radius:10px;min-height:46px;padding:10px}.error{color:#fda4af!important}.shell{max-width:1000px;margin:auto;padding:18px}header{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #1d2940}header small{display:block;color:#94a3b8}.secondary{background:#152036}.tabs{display:flex;gap:8px;padding:16px 0;border-bottom:1px solid #1d2940}.tabs button{background:transparent}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.search{width:100%;margin:12px 0 18px}.list,.access-list{display:grid;gap:14px}.client-card,.row,.access,.notice{background:#080c16;border:1px solid #1d2940;border-radius:16px;padding:16px}.client-card>div:first-child,.row,.actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.client-card p{color:#cbd5e1}.ok{color:#86efac}.actions{justify-content:flex-start}.access-panel{display:grid;gap:24px;margin-top:24px}.access-section{display:grid;gap:14px}.access-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.access-section-heading h3{margin:0;font-size:17px}.access-section-heading p{margin:4px 0 0;color:#94a3b8;font-size:13px}.access-count,.access-badge{direction:ltr;border:1px solid #155e75;border-radius:999px;padding:4px 9px;color:#67e8f9;font-size:11px;font-weight:700;letter-spacing:.04em}.access{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 184px;align-items:center;gap:24px;padding:20px;border-color:#29405f;background:linear-gradient(135deg,#0b1322,#080c16)}.access-subscription{border-color:#0e7490;background:linear-gradient(135deg,#092033,#080c16)}.access-content{min-width:0;display:grid;gap:14px}.access-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.access-full{display:block;direction:ltr;text-align:left;background:#030814;border:1px solid #263e60;border-radius:12px;color:#d7efff;font-size:12px;line-height:1.8;padding:12px;overflow-wrap:anywhere;white-space:pre-wrap;box-shadow:inset 0 1px #ffffff0a}.access-copy{justify-self:start}.access-qr{width:184px;min-height:184px;display:grid;place-items:center;background:#fff;border-radius:16px;padding:10px;box-shadow:0 12px 30px #0006;color:#475569;font-size:11px;text-align:center}.access-qr img{display:block;width:100%;height:auto;border-radius:8px}.access-unavailable{margin:0;padding:14px 16px;border:1px dashed #475569;border-radius:12px;color:#cbd5e1;background:#080c16}.hero-balance{font-size:32px;font-weight:700;padding:24px 0;color:#7dd3fc}h1{font-size:24px}h2{font-size:18px}@media(max-width:480px){.shell{padding:12px}.section-title{align-items:flex-start}.section-title button{padding:0 10px}.actions{flex-wrap:wrap}.access-panel{margin-top:18px;gap:20px}.access{grid-template-columns:1fr;padding:16px;gap:18px}.access-qr{order:-1;width:min(100%,220px);min-height:220px;justify-self:center;padding:12px}.access-copy{width:100%}.access-section-heading{align-items:flex-start}.access-count{white-space:nowrap}}