*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#0a0a0f;color:#e0e0e0;min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none}.container{max-width:720px;margin:0 auto;padding:0 16px}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #1e1e2e;margin-bottom:24px}.header .logo{font-size:18px;font-weight:700;color:#ffffff}.header .user-info{display:flex;align-items:center;gap:8px}.header .user-info img{width:32px;height:32px;border-radius:50%;border:1px solid #333}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#0088cc,#00b894);color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-outline{background:transparent;border:1px solid #333;color:#888}.btn-outline:hover{border-color:#555;color:#aaa}.group-card{background:#12121a;border:1px solid #1e1e2e;border-radius:12px;padding:16px;display:flex;align-items:center;gap:16px;margin-bottom:12px;transition:border-color .2s}.group-card:hover{border-color:#333}.group-avatar{width:56px;height:56px;border-radius:12px;background:#1e1e2e;flex-shrink:0;object-fit:cover}.group-info{flex:1 1;min-width:0}.group-name{font-size:15px;font-weight:600;color:#fff;margin-bottom:4px}.group-desc,.group-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-desc{font-size:13px;color:#666}.group-price{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.price-tag{font-size:14px;font-weight:700;color:#00b894}.price-label{font-size:11px;color:#555}.group-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:12px;gap:12px;padding:0 4px}@media (max-width:768px){.group-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:480px){.group-grid{grid-template-columns:repeat(3,1fr);gap:8px}}.group-tile{display:flex;flex-direction:column;background:#12121a;border:1px solid #1e1e2e;border-radius:12px;overflow:hidden;transition:all .2s;cursor:default}.group-tile:hover{border-color:#00b894;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,184,148,.1)}.group-tile-avatar-wrap{position:relative;width:100%;aspect-ratio:1/1;background:#1a1a24;overflow:hidden}.group-tile-avatar{width:100%;height:100%;object-fit:cover;display:block}.group-tile-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:36px;background:linear-gradient(135deg,#1a1a24,#252535)}.group-tile-price{position:absolute;top:6px;right:6px;background:rgba(0,184,148,.92);color:#fff;font-size:11px;font-weight:700;padding:3px 7px;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.4)}.group-tile-name{padding:8px 8px 4px;font-size:12px;font-weight:500;color:#e0e0e0;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3;min-height:32px}.group-tile-btn{margin:4px 8px 8px;padding:6px 8px;border-radius:6px;background:linear-gradient(135deg,#0088cc,#00b894);color:#fff;font-size:11px;font-weight:600;transition:opacity .2s}.group-tile-btn:hover:not(:disabled){opacity:.85}.group-tile-btn:disabled{background:#2a2a3a;color:#666;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal{background:#12121a;border:1px solid #1e1e2e;border-radius:16px;width:100%;max-width:400px;padding:24px;position:relative}.modal-close{position:absolute;top:12px;right:12px;background:none;color:#555;font-size:20px;line-height:1}.modal-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:20px;text-align:center}.qr-container{display:flex;flex-direction:column;align-items:center;gap:16px}.qr-code{width:200px;height:200px;border-radius:8px}.wallet-address{background:#1a1a24;border:1px solid #2a2a3a;border-radius:8px;padding:12px;width:100%;text-align:center}.wallet-address .label{font-size:11px;color:#555;margin-bottom:4px}.wallet-address .address{font-size:13px;color:#888;word-break:break-all;font-family:monospace}.amount-display{font-size:24px;font-weight:700;color:#00b894;text-align:center}.chain-tabs{display:flex;background:#1a1a24;border-radius:8px;padding:4px;margin-bottom:20px}.chain-tab{flex:1 1;padding:8px;border-radius:6px;text-align:center;font-size:13px;font-weight:600;color:#555;background:transparent;transition:all .2s}.chain-tab.active{background:#0088cc;color:#fff}.order-status{text-align:center;padding:24px 0}.spinner{width:40px;height:40px;border:3px solid #1e1e2e;border-top-color:#0088cc;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(1turn)}}.success-icon{font-size:48px;margin-bottom:12px}.invite-btn{display:block;width:100%;padding:12px;background:linear-gradient(135deg,#0088cc,#00b894);color:#fff;border-radius:8px;font-size:15px;font-weight:600;text-align:center;margin-top:16px}.invite-btn:hover{opacity:.9}.page-loading{min-height:60vh;color:#555}.login-page,.page-loading{display:flex;align-items:center;justify-content:center}.login-page{min-height:100vh;flex-direction:column;gap:24px;padding:24px}.login-page h1{font-size:24px;color:#fff}.login-page p{color:#666;font-size:14px;text-align:center}.admin-layout{display:flex;min-height:100vh;background:#0a0a0f}.admin-sidebar{width:220px;flex-shrink:0;background:#0d0d14;border-right:1px solid #1e1e2e;display:flex;flex-direction:column;padding:20px 14px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.admin-sidebar-logo{font-size:16px;font-weight:700;color:#fff;padding:4px 8px 18px;border-bottom:1px solid #1e1e2e;margin-bottom:12px;letter-spacing:.3px}.admin-nav{display:flex;flex-direction:column;gap:4px;flex:1 1}.admin-nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:1px solid transparent;border-radius:8px;color:#888;font-size:14px;font-weight:500;text-align:left;transition:all .15s}.admin-nav-item:hover{background:#15151f;color:#e0e0e0}.admin-nav-item.active{background:linear-gradient(135deg,rgba(0,136,204,.18),rgba(0,184,148,.18));border-color:rgba(0,184,148,.4);color:#fff}.admin-nav-icon{font-size:16px;width:22px;text-align:center}.admin-nav-label{flex:1 1}.admin-sidebar-footer{border-top:1px solid #1e1e2e;padding-top:14px;margin-top:12px;display:flex;flex-direction:column;gap:10px}.admin-user{gap:10px;padding:4px 6px}.admin-user,.admin-user-avatar{display:flex;align-items:center}.admin-user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#0088cc,#00b894);color:#fff;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.admin-user-meta{flex:1 1;min-width:0;overflow:hidden}.admin-user-name{font-size:13px;font-weight:600;color:#e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user-role{font-size:11px;color:#666}.admin-logout{width:100%;justify-content:center}.admin-main{flex:1 1;min-width:0;padding:24px 28px 40px;overflow-x:hidden}.admin-main-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid #1e1e2e}.admin-main-title{font-size:20px;font-weight:700;color:#fff;margin:0}.admin-main-actions{display:flex;gap:8px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:20px}@media (max-width:900px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.stat-grid{grid-template-columns:1fr}}.stat-card{background:#12121a;border:1px solid #1e1e2e;border-radius:12px;padding:16px 18px;transition:border-color .2s}.stat-card:hover{border-color:#2a2a3a}.stat-card-revenue{background:linear-gradient(135deg,rgba(0,136,204,.12),rgba(0,184,148,.12));border-color:rgba(0,184,148,.3)}.stat-label{font-size:12px;color:#888;margin-bottom:6px}.stat-value{font-size:26px;font-weight:700;color:#fff;line-height:1.1}.stat-sub{font-size:11px;color:#666;margin-top:6px}.order-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.order-toolbar .order-tabs{display:flex;background:#1a1a24;border-radius:8px;padding:4px;gap:4px}.order-toolbar .chain-tab{padding:6px 12px;font-size:12px}.order-search{flex:1 1;min-width:160px;background:#1a1a24;border:1px solid #2a2a3a;border-radius:6px;padding:8px 12px;color:#e0e0e0;font-size:13px}.order-search:focus{outline:none;border-color:#0088cc}.settings-list{display:flex;flex-direction:column}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:10px 4px;border-bottom:1px solid #1e1e2e;font-size:13px;gap:12px}.settings-row:last-child{border-bottom:none}.settings-key{color:#888;flex-shrink:0}.settings-val{color:#e0e0e0;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.btn-danger-outline{border-color:rgba(204,68,68,.4);color:#cc4444}.btn-danger-outline:hover{background:rgba(204,68,68,.08);border-color:#cc4444;color:#ff6666}.modal-edit-group{max-width:520px}@media (max-width:768px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%;height:auto;position:relative;border-right:none;border-bottom:1px solid #1e1e2e}.admin-nav{flex-direction:row;flex-wrap:wrap}.admin-nav-item{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 4px)}.admin-sidebar-footer{flex-direction:row;align-items:center}.admin-main{padding:16px}}.admin-page{max-width:900px;margin:0 auto;padding:24px 16px}.admin-page h1{font-size:24px;font-weight:700;color:#fff;margin-bottom:24px}.admin-form{background:#12121a;border:1px solid #1e1e2e;border-radius:12px;padding:20px;margin-bottom:24px}.admin-form h2{font-size:16px;color:#fff;margin-bottom:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:12px}.form-group{display:flex;flex-direction:column;gap:4px}.form-group.full-width{grid-column:1/-1}.form-group label{font-size:12px;color:#666}.form-group input{background:#1a1a24;border:1px solid #2a2a3a;border-radius:6px;padding:8px 12px;color:#e0e0e0;font-size:14px}.form-group input:focus{outline:none;border-color:#0088cc}.order-list{background:#12121a;border:1px solid #1e1e2e;border-radius:12px;overflow:hidden}.order-list-header{display:grid;grid-template-columns:1.6fr 1fr 1fr .8fr .7fr .9fr .9fr;grid-gap:8px;gap:8px;padding:12px 16px;background:#1a1a24;font-size:12px;color:#555;font-weight:600}.order-item>span,.order-list-header>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-item{display:grid;grid-template-columns:1.6fr 1fr 1fr .8fr .7fr .9fr .9fr;grid-gap:8px;gap:8px;padding:12px 16px;border-top:1px solid #1e1e2e;font-size:13px;align-items:center}@media (max-width:768px){.order-item,.order-list-header{grid-template-columns:1fr .7fr .7fr;font-size:12px}.order-item>span:nth-child(n+4),.order-list-header span:nth-child(n+4){display:none}}.status-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.status-PENDING{background:#2a2a1a;color:#f0a500}.status-PAID{background:#1a2a1a;color:#00b894}.status-EXPIRED,.status-FAILED{background:#2a1a1a;color:#cc4444}