:root{--bg-dark:#08111d;--bg-light:#fff;--panel-dark:#091625e0;--panel-light:#fff;--line-dark:#6cc7e747;--line-light:#e2e8f0;--cyan:#79e1f4;--cyan-strong:#0ea5e9;--gold:#d4bb73;--green:#22c55e;--red:#ef4444;--text-dark:#edf7ff;--text-light:#0f172a;--muted-dark:#8fb0c3;--muted-light:#64748b;--shadow-soft:0 10px 40px #0000000d;--heading-font:"Iowan Old Style", "Baskerville", "Times New Roman", "Songti SC", serif;--body-font:"Avenir Next", "PingFang SC", "Hiragino Sans GB", "Helvetica Neue", sans-serif}*{box-sizing:border-box}html,body{min-height:100%;font-family:var(--body-font);background:#f1f5f9;justify-content:center;align-items:center;margin:0;padding:20px;display:flex}h1,h2,h3,h4,h5,p{margin:0}.phone{background:var(--bg-dark);border:8px solid #1a2333;border-radius:38px;flex-direction:column;width:400px;height:844px;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 80px #00000040}.header-area{text-align:center;z-index:10;padding:48px 20px 24px;position:relative}.header-top{justify-content:space-between;align-items:center;display:flex}.logo-container{color:var(--gold);font-family:var(--heading-font);letter-spacing:.05em;flex-direction:column;align-items:flex-start;line-height:1.1;display:flex}.logo-container span{font-size:16px;font-weight:700}.status-pill{color:var(--green);text-transform:uppercase;letter-spacing:.05em;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex}.status-dot{background:var(--green);width:6px;height:6px;box-shadow:0 0 8px var(--green);border-radius:50%}.main-container{background:var(--bg-light);color:var(--text-light);z-index:20;border-radius:28px 28px 0 0;flex-direction:column;flex-grow:1;gap:20px;padding:24px 24px 100px;display:flex;position:relative;overflow-y:auto;box-shadow:0 -8px 30px #0000004d}.main-container::-webkit-scrollbar{display:none}.id-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #cbd5e1;border-radius:18px;padding:16px;position:relative;overflow:hidden;box-shadow:0 12px 24px #0000000f,inset 0 0 0 1px #ffffffe6}.id-card:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 100% 0,#d4bb7314 0%,#0000 60%),repeating-linear-gradient(45deg,#0000,#0000 8px,#79e1f40d 8px 16px);position:absolute;inset:0}.id-header{border-bottom:1px solid var(--line-light);z-index:1;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;display:flex;position:relative}.id-title{font-family:var(--heading-font);color:#0f172a;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.id-content{z-index:1;gap:16px;display:flex;position:relative}.id-photo{object-fit:cover;background:#cbd5e1;border:1px solid #0000001a;border-radius:8px;width:78px;height:104px}.id-details{flex-direction:column;flex-grow:1;justify-content:center;display:flex}.id-label{color:var(--muted-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1px;font-size:9px;font-weight:700}.id-value{color:#0f172a;margin-bottom:8px;font-size:14px;font-weight:600}.id-badge{color:#4338ca;background:#e0e7ff;border-radius:4px;align-items:center;gap:4px;width:fit-content;margin-bottom:4px;padding:4px 8px;font-size:10px;font-weight:600;display:inline-flex}.action-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.action-btn{border:1px solid var(--line-light);box-shadow:var(--shadow-soft);cursor:pointer;color:#334155;background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px 4px;transition:all .2s;display:flex}.action-btn:active{background:#f8fafc;transform:scale(.98)}.action-btn span{font-size:12px;font-weight:600}.balance-card{border:1px solid var(--line-light);box-shadow:var(--shadow-soft);background:#fff;border-radius:18px;flex-direction:column;justify-content:center;padding:18px;display:flex}.balance-title{color:var(--muted-light);margin-bottom:6px;font-size:13px;font-weight:500}.balance-amount{font-family:var(--heading-font);color:#0f172a;font-size:32px;font-weight:700}.balance-currency{color:var(--muted-light);font-size:16px;font-family:var(--body-font);font-weight:500}.balance-sub{color:var(--muted-light);margin-top:6px;font-size:11px}.requests-section h3{color:var(--muted-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:14px;font-weight:600}.request-item{border:1px solid var(--line-light);background:#f8fafc;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:16px;display:flex;box-shadow:0 4px 12px #00000005}.req-icon{width:36px;height:36px;color:var(--muted-light);background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:12px;display:flex}.req-info{flex-grow:1}.req-title{color:#0f172a;margin-bottom:2px;font-size:13px;font-weight:600}.req-sub{color:var(--muted-light);align-items:center;gap:4px;font-size:11px;display:flex}.req-dot{background:var(--gold);border-radius:50%;width:6px;height:6px}.req-action{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:999px;padding:8px 16px;font-size:11px;font-weight:600}.bottom-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--muted-dark);z-index:30;background:#08111df2;grid-template-columns:repeat(5,1fr);padding:16px 16px 32px;display:grid;position:absolute;bottom:0;left:0;right:0}.nav-item{cursor:pointer;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:500;transition:color .2s;display:flex}.nav-item.active{color:var(--text-dark)}.nav-item.active svg{color:var(--cyan)}