*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f5f9fb;color:#0b1635}a{color:inherit}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#e7fbff,#fff5ec)}.auth-card{width:min(100%,430px);background:#fff;border-radius:28px;padding:28px;box-shadow:0 18px 60px rgba(11,22,53,.12)}.brand{font-weight:900;font-size:38px;letter-spacing:-2px}.brand span{color:#ff5a00}.brand-small{font-size:28px}.demo-badge{display:inline-block;background:#fff1e8;color:#d64b00;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800}.muted{color:#6d7892}.auth-card label{display:block;margin:16px 0 7px;font-weight:700}.auth-card input{width:100%;padding:15px 16px;border:1px solid #dce4ee;border-radius:14px;font-size:16px;outline:none}.auth-card button,.disabled-action{width:100%;border:0;background:linear-gradient(90deg,#ff5a00,#ff8a00);color:#fff;border-radius:16px;padding:16px;font-size:17px;font-weight:800;margin-top:18px}.disabled-action:disabled{opacity:.75}.auth-link{text-align:center;margin-top:20px}.auth-link a{color:#ff5a00;font-weight:800}.alert{background:#fff0f0;color:#a82020;padding:12px 14px;border-radius:12px;margin:12px 0}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #edf1f5}.topbar small{color:#ff5a00;font-weight:800}.logout{text-decoration:none;color:#6d7892;font-weight:700}.app-wrap{width:min(100%,760px);margin:auto;padding:18px 18px 100px}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#d8fbff,#fff2df);padding:24px;border-radius:26px;margin-bottom:16px}.hero:after{content:"✦";position:absolute;right:20px;top:18px;font-size:100px;color:#ff6a00;opacity:.15}.hello{margin:0;color:#64718b}.hero h1{margin:3px 0 8px}.level{display:inline-block;padding:7px 12px;border-radius:999px;background:#ff5a00;color:#fff;font-weight:900}.grid-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metric{background:#fff;border-radius:20px;padding:18px;box-shadow:0 8px 30px rgba(11,22,53,.05)}.metric span{display:block;color:#758097;font-size:13px}.metric strong{display:block;margin-top:7px;font-size:19px}.notice{margin:16px 0;background:#fff8e6;border:1px solid #ffe1a3;padding:14px;border-radius:16px;color:#735000}.section-head{margin:26px 0 12px}.section-head h2,.section-head p{margin:0}.section-head p{color:#7c879d;margin-top:4px}.plans{display:grid;gap:18px}.plan-card{background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 12px 34px rgba(11,22,53,.07)}.plan-visual{min-height:170px;display:flex;align-items:end;gap:14px;padding:22px;background:linear-gradient(145deg,#bceeff,#fff0df);position:relative}.drone-icon{font-size:70px;color:#ff5a00;line-height:1}.plan-visual small{color:#56627a}.plan-visual h3{font-size:28px;margin:4px 0}.cycle{position:absolute;right:18px;bottom:18px;background:#0b1635;color:#fff;padding:8px 11px;border-radius:12px;font-weight:800}.plan-body{padding:20px}.plan-body h3{margin:0;font-size:24px}.plan-body p{color:#6d7892;line-height:1.5}.plan-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#f8fafc;border:1px solid #edf1f5;border-radius:16px;padding:15px}.plan-stats small{display:block;color:#6d7892}.plan-stats strong{display:block;margin-top:5px;color:#176a45}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:20;background:#fff;border-top:1px solid #e9edf2;display:grid;grid-template-columns:repeat(5,1fr);padding:10px 5px calc(10px + env(safe-area-inset-bottom))}.bottom-nav a{text-decoration:none;text-align:center;color:#778195;font-size:13px}.bottom-nav .active{color:#ff5a00;font-weight:800}@media(min-width:700px){.plans{grid-template-columns:1fr 1fr}.plan-card:first-child{grid-column:span 2}}

.activate-action{width:100%;border:0;background:linear-gradient(90deg,#ff5a00,#ff8a00);color:#fff;border-radius:16px;padding:16px;font-size:17px;font-weight:800;margin-top:18px;cursor:pointer}
.contracts-list{display:grid;gap:16px}
.contract-card,.empty-card{background:#fff;border-radius:22px;padding:18px;box-shadow:0 10px 30px rgba(11,22,53,.06)}
.contract-head{display:flex;justify-content:space-between;gap:12px;align-items:start}
.contract-head h3{margin:4px 0 0}
.status-pill{padding:7px 10px;border-radius:999px;font-size:12px;font-weight:900;background:#eef2f6}
.status-active{background:#fff3e8;color:#c84c00}.status-matured{background:#fff7cf;color:#7a6200}.status-released{background:#e4f9ec;color:#11713a}.status-cancelled{background:#ffe8e8;color:#9c2020}
.progress-track{height:10px;background:#eef2f6;border-radius:999px;overflow:hidden;margin:16px 0}
.progress-track span{display:block;height:100%;background:linear-gradient(90deg,#ff5a00,#ff9b22)}
.contract-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.contract-grid div{background:#f8fafc;padding:12px;border-radius:12px}
.contract-grid small{display:block;color:#6d7892}
.contract-grid strong{display:block;margin-top:5px}
.locked-note,.released-note{margin-top:14px;padding:12px;border-radius:12px;font-weight:800}
.locked-note{background:#fff5e9;color:#8b5400}.released-note{background:#e9f9ee;color:#116635}
@media(min-width:700px){.contract-grid{grid-template-columns:repeat(3,1fr)}}


.invite-card{background:linear-gradient(135deg,#fff4e7,#e9fbff);border-radius:22px;padding:20px;margin-bottom:16px;box-shadow:0 10px 30px rgba(11,22,53,.05)}
.invite-kicker{display:block;color:#6d7892;font-size:13px}
.invite-code{display:block;font-size:30px;margin:5px 0 14px;color:#ff5a00}
.invite-card label{display:block;font-weight:800;margin-bottom:7px}
.copy-row{display:flex;gap:8px}
.copy-row input{flex:1;min-width:0;padding:12px;border:1px solid #dfe6ee;border-radius:12px;background:#fff}
.copy-row button{border:0;background:#ff5a00;color:#fff;padding:0 18px;border-radius:12px;font-weight:800}
.copy-status{min-height:20px;color:#16824c;font-weight:700}
.team-stats,.wallet-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}
.wallet-summary{grid-template-columns:repeat(2,1fr)}
.team-stats article,.wallet-summary article{background:#fff;padding:18px;border-radius:18px;box-shadow:0 8px 28px rgba(11,22,53,.05)}
.team-stats span,.wallet-summary span{display:block;color:#6d7892;font-size:13px}
.team-stats strong,.wallet-summary strong{display:block;margin-top:6px;font-size:24px}
.team-section{margin-top:22px}
.member-list,.tx-list{display:grid;gap:10px}
.member-card,.tx-card{background:#fff;padding:14px;border-radius:16px;display:flex;align-items:center;gap:12px;box-shadow:0 7px 24px rgba(11,22,53,.05)}
.member-avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#fff0e6;color:#ff5a00;font-weight:900;font-size:20px}
.member-info{flex:1}
.member-info strong,.member-info small{display:block}
.member-info small{color:#6d7892;margin-top:3px}
.member-badge{padding:6px 9px;border-radius:999px;background:#fff0e6;color:#d64b00;font-size:12px;font-weight:800}
.member-badge.second{background:#eef4ff;color:#315a9a}
.tx-card{justify-content:space-between;align-items:flex-start}
.tx-card div strong,.tx-card div small{display:block}
.tx-card div small{color:#6d7892;margin-top:3px}
.tx-amount{font-weight:900;white-space:nowrap}
.tx-amount.positive{color:#138a4b}.tx-amount.negative{color:#d33a3a}
.profile-hero{display:flex;gap:16px;align-items:center;background:linear-gradient(135deg,#d8fbff,#fff2df);padding:22px;border-radius:22px;margin-bottom:16px}
.profile-avatar{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#ff5a00;font-size:34px;font-weight:900}
.profile-hero h1,.profile-hero p{margin:0}
.profile-hero p{color:#6d7892;margin:4px 0 8px}
.profile-panel{background:#fff;padding:20px;border-radius:20px;margin-top:16px;box-shadow:0 8px 28px rgba(11,22,53,.05)}
.profile-form label{display:block;margin:13px 0 6px;font-weight:800}
.profile-form input{width:100%;padding:13px;border:1px solid #dfe6ee;border-radius:12px}
.profile-form button{width:100%;border:0;background:linear-gradient(90deg,#ff5a00,#ff8a00);color:#fff;padding:14px;border-radius:13px;font-weight:900;margin-top:16px}
@media(max-width:650px){
    .team-stats{grid-template-columns:1fr 1fr}
    .team-stats article:last-child{grid-column:1/-1}
    .wallet-summary{grid-template-columns:1fr 1fr}
    .copy-row{flex-direction:column}
    .copy-row button{padding:12px}
}