:root{--bg:#161311;--surface:#201c1a;--surface-hi:#302a27;--surface-low:#1b1715;--ink:#f0e8e3;--muted:#bfb1a7;--outline:#514841;--primary:#e4c09f;--primary-deep:#c5a384;--green:#8ccd88;--coral:#f08d74;--shadow:0 18px 55px rgba(0,0,0,.25);font-family:Manrope,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;background:radial-gradient(ellipse 90% 25% at 50% -5%,rgba(228,192,159,.1),transparent),var(--bg);color:var(--ink)}a{color:inherit}.material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 450,'GRAD' 0,'opsz' 24}.app-shell{width:min(100%,1120px);margin:0 auto;padding:0 16px 108px}.app-header{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;flex-direction:column;gap:2px;text-decoration:none;color:var(--ink);font-family:Unbounded,sans-serif;letter-spacing:-1px;font-size:17px;line-height:1}.brand small{font-family:Manrope,sans-serif;color:var(--primary);font-size:8px;line-height:1;letter-spacing:2px;text-transform:uppercase;padding-left:2px}.brand.light{color:#fff}.profile-chip{display:flex;align-items:center;gap:7px;max-width:48%;padding:8px 11px;border:1px solid rgba(228,192,159,.16);background:rgba(48,42,39,.6);border-radius:999px;color:var(--muted);font-size:10px}.profile-chip span{font-size:17px;color:var(--primary)}.profile-chip b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-card{position:relative;min-height:290px;padding:24px;overflow:hidden;border:1px solid rgba(228,192,159,.17);border-radius:28px;background:linear-gradient(145deg,#342a24 0%,#211c19 55%,#171311 100%);box-shadow:var(--shadow)}.hero-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(228,192,159,.08),transparent 36%);pointer-events:none}.eyebrow{margin:0;color:var(--primary);font-size:10px;font-weight:800;letter-spacing:1.5px}.hero-card h1,.auth-card h1,.page-heading h1{position:relative;margin:12px 0 0;font-size:32px;line-height:1.11;letter-spacing:-1.7px}.hero-card h1 em,.auth-card h1 em{font-family:'Playfair Display',serif;color:var(--primary);font-weight:600}.hero-amount{position:absolute;bottom:26px;left:24px;z-index:1;display:grid;gap:5px}.hero-amount span{color:var(--muted);font-size:11px}.hero-amount b{font-size:27px;line-height:1;letter-spacing:-1.3px}.orb{position:absolute;display:block;border:1px solid rgba(228,192,159,.22);border-radius:50%;pointer-events:none}.orb-one{width:205px;height:205px;right:-92px;bottom:-85px}.orb-two{width:122px;height:122px;right:52px;top:-82px;border-color:rgba(140,205,136,.2)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0 32px}.metric-card{min-height:134px;padding:14px 12px;border:1px solid rgba(255,255,255,.045);border-radius:18px;background:var(--surface);display:flex;flex-direction:column}.metric-card>.material-symbols-outlined{color:var(--primary);font-size:20px}.metric-card small,.metric-card em{color:var(--muted);font-size:9px;font-style:normal}.metric-card small{margin-top:12px}.metric-card strong{margin:6px 0;font-size:16px;letter-spacing:-.8px;white-space:nowrap}.metric-card em{margin-top:auto;line-height:1.15}.metric-card.accent{background:linear-gradient(150deg,#4b3e32,#2d2723);border-color:rgba(228,192,159,.13)}.content-section{margin-top:32px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:15px}.section-title span{display:block;margin-bottom:5px;color:var(--primary);font-size:9px;font-weight:800;letter-spacing:1.4px}.section-title h2{margin:0;font-size:21px;letter-spacing:-1px}.section-title>b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--primary);color:#332313;font-size:11px}.search-box{height:48px;display:flex;align-items:center;gap:10px;padding:0 15px;border:1px solid var(--outline);border-radius:14px;background:var(--surface-low);color:var(--muted)}.search-box span{font-size:20px}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:13px}.search-box input::placeholder{color:#897e76}.agent-list{margin-top:8px}.agent-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px 1px;border-bottom:1px solid rgba(255,255,255,.07)}.avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#e4c09f,#ad7d56);color:#332313;font-size:11px;font-weight:800}.agent-row>div{min-width:0;display:grid;gap:4px}.agent-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.agent-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:9px}.agent-row .row-total{justify-items:end}.row-total b{color:var(--primary);font-size:11px;white-space:nowrap}.recent-section{padding-bottom:4px}.activity-list{border-top:1px solid rgba(255,255,255,.07)}.activity-row{display:grid;grid-template-columns:39px minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.07)}.activity-icon,.transaction-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:13px}.activity-icon .material-symbols-outlined,.transaction-icon .material-symbols-outlined{font-size:19px}.activity-icon.issuance,.transaction-icon.issuance{color:var(--primary);background:rgba(228,192,159,.12)}.activity-icon.payment,.transaction-icon.payment{color:var(--green);background:rgba(140,205,136,.13)}.activity-row>div{min-width:0;display:grid;gap:4px}.activity-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.activity-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:9px}.activity-row>b{font-size:10px;white-space:nowrap}.page-heading{padding:18px 2px 25px}.page-heading h1{margin-top:9px}.page-heading>p:last-child{margin:9px 0 0;color:var(--muted);font-size:12px}.timeline{display:grid;gap:26px}.day-group h2{margin:0 0 11px;padding-left:2px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.transaction-card{display:grid;grid-template-columns:43px minmax(0,1fr) auto;gap:11px;align-items:center;padding:15px;border:1px solid rgba(255,255,255,.06);border-radius:18px;background:var(--surface);box-shadow:0 5px 17px rgba(0,0,0,.1)}.transaction-card+.transaction-card{margin-top:8px}.transaction-main{min-width:0;display:grid;gap:4px}.transaction-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.transaction-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px}.transaction-amount{display:grid;justify-items:end;gap:4px}.transaction-amount span{color:var(--muted);font-size:9px}.transaction-amount b{color:var(--primary);font-size:11px;white-space:nowrap}.empty-state{padding:32px 10px;color:var(--muted);text-align:center;font-size:12px}.empty-state.card-empty{border:1px dashed var(--outline);border-radius:18px}.empty-state .material-symbols-outlined{margin-bottom:8px;color:var(--primary);font-size:28px}.empty-search{margin:17px 0;color:var(--muted);font-size:12px;text-align:center}.bottom-nav{position:fixed;z-index:10;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);height:80px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.07);background:rgba(18,15,14,.91);backdrop-filter:blur(18px)}.nav-item{display:grid;place-content:center;justify-items:center;gap:3px;min-width:0;color:#91867e;font-size:9px;text-decoration:none}.nav-item .material-symbols-outlined{font-size:22px}.nav-item.active{color:var(--primary)}.logout-item{margin:0}.logout-item button{display:grid;place-items:center;gap:3px;border:0;background:none;color:#91867e;font:inherit;font-size:9px;cursor:pointer}.auth-body{min-height:100vh;display:grid;place-items:center;padding:18px;background:radial-gradient(ellipse 90% 45% at 50% 0%,#3b3029 0%,#161311 62%)}.auth-card{width:min(100%,450px);min-height:600px;padding:29px;border:1px solid rgba(228,192,159,.15);border-radius:28px;background:rgba(31,26,24,.85);box-shadow:var(--shadow)}.auth-copy{margin-top:80px}.auth-copy h1{font-size:42px;line-height:1.03}.auth-copy>p:last-child{max-width:310px;margin:18px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.phone-form{display:grid;gap:16px;margin-top:45px}.phone-form label{display:grid;gap:8px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}.phone-form input{width:100%;border:1px solid var(--outline);border-radius:14px;padding:15px;background:var(--surface-low);outline:0;color:var(--ink);font:inherit;font-size:16px;letter-spacing:.3px}.phone-form input:focus{border-color:var(--primary)}.phone-form button,.secondary-button{display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:15px;background:var(--primary);color:#372513;font:inherit;font-size:13px;font-weight:800;text-decoration:none;cursor:pointer}.phone-form button .material-symbols-outlined{font-size:18px}.form-error{margin:0;color:#ffad9b;font-size:11px;line-height:1.45}.auth-note{margin-top:22px;color:var(--muted);font-size:11px;text-align:center}.auth-note a{color:var(--primary)}.waiting-card{display:flex;flex-direction:column}.waiting-card .waiting-icon{display:grid;place-items:center;width:58px;height:58px;margin:85px 0 25px;border-radius:18px;background:rgba(228,192,159,.13);color:var(--primary);font-size:27px}.waiting-card h1{font-size:39px}.waiting-card>p:last-of-type{max-width:330px;color:var(--muted);font-size:13px;line-height:1.6}.waiting-card .secondary-button{margin-top:34px;background:var(--surface-hi);color:var(--primary);border:1px solid var(--outline)}[hidden]{display:none!important}@media(min-width:700px){.app-shell{padding:0 32px 100px}.app-header{height:88px}.hero-card{min-height:328px;padding:36px}.hero-card h1{font-size:43px}.hero-amount{left:36px;bottom:34px}.metric-grid{gap:14px}.metric-card{min-height:152px;padding:19px}.metric-card strong{font-size:22px}.content-section{margin-top:42px}.agent-row{grid-template-columns:48px minmax(0,1fr) auto;padding:16px 5px}.avatar{width:48px;height:48px}.bottom-nav{left:50%;right:auto;bottom:20px;transform:translateX(-50%);width:510px;max-width:calc(100% - 40px);height:67px;border:1px solid rgba(255,255,255,.09);border-radius:20px;box-shadow:var(--shadow)}}