*{box-sizing:border-box}:root{color-scheme:light;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.45;font-size:16px;color:#14231b;background-color:#f6faf6}body{margin:0;min-height:100vh;background:radial-gradient(120% 120% at top,#edf5ef,#f6faf6 45%,#e7f1e9)}#root{min-height:100vh}main{width:min(1100px,100%);margin:110px auto 56px;padding:0 24px;display:grid;gap:24px}.app-header{display:flex;flex-direction:column;align-items:center;gap:18px;overflow:hidden;position:relative;text-align:center;padding:48px 0 32px;background:linear-gradient(180deg,#f1f8f4fa,#e2f0e7eb);border-bottom:1px solid rgba(35,56,44,.08);box-shadow:0 12px 32px #20443112}.app-header__brand{display:inline-block;text-align:center;margin:0 auto;font-size:clamp(3.4rem,7vw,4.6rem);font-weight:800;letter-spacing:.26em;text-transform:uppercase;background:linear-gradient(180deg,#2d6b39,#3f8b4b 55%,#d0b65b);-webkit-background-clip:text;color:transparent}.app-header__sub{display:inline-block;text-align:center;margin:-4px auto 0;font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:#577968}.app-hero{display:flex;flex-direction:column;align-items:center;gap:6px}.app-hero__copy{display:inline-flex;flex-direction:column;align-items:center;gap:0;margin:0 auto}.app-tabs{width:100%;display:flex;justify-content:center}.app-tabs__group{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.user-tab{position:fixed;top:90px;left:0;width:260px;padding:22px 20px 20px;background:#fff;border-radius:0 18px 18px 0;box-shadow:0 18px 42px #2044312e;transform:translate(-100%);transition:transform .3s ease,box-shadow .3s ease;z-index:90}.user-tab--open{transform:translate(0);box-shadow:0 22px 48px #2044313d}.user-tab__toggle{position:absolute;top:16px;right:-56px;width:56px;height:56px;border-radius:0 16px 16px 0;background:linear-gradient(135deg,#3c9b6d,#54c487);color:#fff;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-weight:600;letter-spacing:.06em;cursor:pointer;box-shadow:0 12px 28px #3c9b6d59}.user-tab__toggle:focus-visible{outline:3px solid rgba(84,196,135,.45);outline-offset:3px}.user-tab__toggle-text{font-size:.75rem;text-transform:uppercase}.user-tab__toggle-arrow{font-size:1.1rem;line-height:1}.user-tab__body{display:grid;gap:12px}.user-tab__title{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:#4a6a59;font-weight:600}.user-tab__list{margin:0;padding:0;display:grid;gap:10px}.user-tab__item{display:flex;flex-direction:column;gap:2px;padding-bottom:6px;border-bottom:1px solid rgba(91,126,107,.18)}.user-tab__item:last-child{border-bottom:none}.user-tab__item dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#5b7e6b;margin:0}.user-tab__item dd{margin:0;font-size:.95rem;font-weight:600;color:#1f3a2e}.card{background:#fff;border-radius:18px;padding:24px;box-shadow:0 20px 38px #34624a0f;border:1px solid rgba(42,72,52,.08)}.row{display:flex;align-items:center;gap:12px}.row-between{justify-content:space-between;align-items:center}.row-between-top{justify-content:space-between;align-items:flex-start}.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.badge{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;background:#70988324;color:#2f6a4f;font-weight:600;font-size:.9rem}.number-field span{font-weight:600;color:#344054;min-width:160px}.number-field input{flex:1}input,select,button,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:12px;border:1px solid rgba(66,109,86,.2);padding:10px 14px;font-size:.95rem;transition:border .2s ease,box-shadow .2s ease,transform .2s ease;font-family:inherit}input:focus,select:focus,button:focus,textarea:focus{outline:none;border-color:#48b482;box-shadow:0 0 0 3px #70b88e33}button{background:#3c9b6d;border:none;color:#fff;font-weight:600;cursor:pointer}button:hover{transform:translateY(-1px);box-shadow:0 12px 22px #70b88e40}button:disabled{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}button.ghost{background:#7098831f;color:#2f6a4f;border:1px solid rgba(132,166,146,.16);box-shadow:none}button.ghost:hover{transform:none;box-shadow:0 10px 20px #70b88e2e}button.ghost:disabled{opacity:.55}.pill{background:#5c8c7429;color:#2f6a4f;border:1px solid rgba(92,140,116,.18);box-shadow:none;padding:10px 22px;transition:transform .2s ease,box-shadow .2s ease}.pill:hover{transform:none;box-shadow:0 8px 15px #529c782e}.pill.active{background:linear-gradient(135deg,#3c9b6d,#54c487);color:#fff;border-color:transparent;box-shadow:0 12px 22px #529c7852}.pill--ghost{background:#ffffff2e;color:#1f3a2e}.pill--ghost:hover{box-shadow:none;transform:translateY(-1px)}table{width:100%;border-collapse:collapse;margin-top:12px}th,td{padding:12px 14px;text-align:left;font-size:.95rem}thead tr{background:#7098831f;color:#395949}tbody tr:nth-child(2n){background:#6694730d}tbody tr:hover{background:#7098831f}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;align-items:end;margin-top:16px}.form-grid>label{display:grid;gap:6px;font-size:.95rem;color:#365648}.form-grid>label span{font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.08em;color:#4f6c5b}.form-grid button{height:48px;display:inline-flex;align-items:center;justify-content:center;margin-top:6px}.form-helper{font-size:.85rem;color:#506a5d;opacity:.85;padding-bottom:8px}.login-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:24px}.login-card{padding:24px;border-radius:18px;border:1px solid rgba(27,68,50,.18);background:#ffffffeb;box-shadow:0 18px 38px #142f2038;color:#1f3a2e}.login-card h3{margin:0 0 6px}.login-card p{margin:0 0 12px;opacity:.85}.login-card input{background:#1f3a2e0f;border:1px solid rgba(31,58,46,.16);color:#123926}.login-card input::placeholder{color:#1239268c}.input-stack{display:grid;gap:6px}.input-stack span{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.login-card button{width:fit-content;margin-top:8px}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px;margin:22px 0}.stat-block{background:#e4efe899;border:1px solid rgba(90,130,110,.18);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:6px}.stat-label{text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;color:#587664}.stat-value{font-size:1.6rem;font-weight:700;color:#163927}.stat-value.owed{color:#b42318}.ledger-details{display:grid;gap:8px;background:#e4efe899;border-radius:16px;padding:16px;border:1px solid rgba(90,130,110,.18)}.hero{display:grid;gap:16px;padding:32px;border-radius:24px;background:linear-gradient(135deg,#1d4b38,#3c9b6d);color:#f6fcf7;box-shadow:0 35px 60px #20443133;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;top:-40%;right:30%;bottom:-40%;left:30%;background:radial-gradient(circle at center,rgba(255,255,255,.35),transparent 60%);opacity:.7}.hero>*{position:relative;z-index:1}.hero h1{margin:0;font-size:clamp(2.1rem,4vw,2.9rem);letter-spacing:-.02em}.hero p{margin:0;max-width:620px;opacity:.85}.hero form{display:flex;flex-wrap:wrap;gap:12px}.hero input,.hero select{background:#ffffff1f;border:1px solid rgba(255,255,255,.3);color:#fff}.hero input::placeholder{color:#ffffffb3}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:20px}.metric-card{padding:18px;border-radius:18px;background:linear-gradient(135deg,#7098831f,#4c846d08);border:1px solid rgba(132,166,146,.16);box-shadow:inset 0 1px #ffffff4d}.metric-card__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#3c9b6d}.metric-card__value{font-size:1.8rem;font-weight:700;margin-top:6px;color:#14231b}.metric-card__helper{margin-top:6px;color:#577968;font-size:.9rem}.analytics-chart{height:280px;margin-top:28px}.section-subtitle{margin:4px 0 18px;color:#667085;font-size:.95rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.info-card{background:#ffffffd9;border-radius:20px;padding:24px;border:1px solid rgba(132,166,146,.16);box-shadow:0 18px 35px #7098831f}.card small{color:#6b8875}.empty-state{text-align:center;padding:24px 0;color:#6b8875;font-style:italic}.alert{padding:16px 18px;border-radius:16px;border:1px solid rgba(220,38,38,.35);background:#fee2e2b3;color:#9f1239;font-weight:500}.profile-card{max-width:860px;margin:0 auto}.profile-form{display:grid;gap:24px}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.profile-field{display:flex;flex-direction:column;gap:10px}.profile-field input,.profile-field select,.profile-field textarea{width:100%}.profile-field span{font-weight:600;color:#1f2937;display:flex;flex-direction:column;gap:4px}.profile-field span small{font-weight:400;color:#818ca9;font-size:.8rem}.profile-field>small.profile-helper{font-weight:400;color:#818ca9;font-size:.8rem;margin-top:4px}.profile-field textarea{resize:vertical;min-height:80px}.wallet-balance-field{display:flex;flex-direction:column;gap:10px}.wallet-balance-field input{width:100%}.wallet-balance-field .pill{align-self:flex-start;white-space:nowrap}.profile-field--readonly input{background:#e2e8f080}.profile-divider{height:1px;background:linear-gradient(90deg,#6370861a,#6370864d,#6370861a)}.profile-status{padding:12px 14px;border-radius:12px;background:#7098831f;color:#2f6a4f;font-weight:500;justify-self:end}.profile-actions{display:flex;justify-content:flex-end;gap:12px}.profile-actions button{min-width:140px}.analytics-page{display:grid;gap:24px}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.analytics-controls{display:flex;align-items:center;gap:12px}.analytics-metrics .metric-card{min-height:120px}.analytics-updated{margin-top:12px;text-align:right;color:#64748b;font-size:.85rem}.analytics-chart-block{height:260px;margin:20px 0}.analytics-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.analytics-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.analytics-list__item{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:12px 16px;border:1px solid rgba(112,152,131,.12);border-radius:14px;background:#f0f9f3cc}.analytics-list__primary{font-weight:600;color:#395949}.analytics-list__secondary{color:#6b8875;font-size:.85rem;margin-top:4px}.analytics-list__stats{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-weight:600;color:#395949}.analytics-list__stats small{font-weight:500;color:#577968}.region-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:16px}.region-card{border:1px solid rgba(112,152,131,.14);border-radius:16px;padding:16px;background:#f0f9f3e6;display:grid;gap:12px}.region-card header{display:flex;justify-content:space-between;align-items:center}.region-card__label{font-weight:600;color:#395949}.region-card__volume{font-weight:600;color:#48b482}.region-card dl{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:10px 14px;margin:0}.region-card dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#6b8875}.region-card dd{margin:0;font-weight:600;color:#395949}.region-card__bar{display:flex;background:#7098831f;border-radius:999px;overflow:hidden;min-height:28px;font-size:.75rem;font-weight:600;flex-wrap:nowrap}.region-card__bar-fill{display:inline-flex;align-items:center;justify-content:center;color:#15202b;padding:0 10px;white-space:nowrap;flex:0 0 auto}.region-card__bar-fill--supply{background:#60b0814d;color:#166534}.region-card__bar-fill--demand{background:#7ac4a94d;color:#0f766e}.region-card__empty{border-radius:999px;background:#84a6921a;padding:8px 12px;font-size:.75rem;font-weight:600;text-align:center;color:#577968}.match-summary{margin-top:14px;padding:16px 18px;border-radius:14px;background:#84a69214;border:1px solid rgba(132,166,146,.16);display:flex;flex-direction:column;gap:12px}.match-summary__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.match-summary__list li{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.9rem;width:100%;background:#f0f9f3e6;border:1px solid rgba(112,152,131,.12);border-radius:12px;padding:10px 12px;flex-wrap:wrap}.match-summary__list a{color:#3c9b6d;font-weight:600}.match-summary__trade{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:#395949}.match-summary__trade code{padding:2px 6px;border-radius:6px;background:#84a69226;font-size:.8rem}.match-summary__link{display:inline-flex;align-items:center;gap:4px;font-size:.85rem}.match-summary__error{display:block;width:100%;color:#b91c1c;font-weight:500;margin-top:6px;font-size:.8rem;overflow-wrap:anywhere}@media (max-width: 720px){.app-header{padding:18px 0 20px}.user-tab{top:auto;bottom:24px;width:min(240px,88vw);transform:translate(-100%)}.user-tab__toggle{top:12px;right:-52px;height:52px}.user-tab--open{transform:translate(0)}.app-header__row{padding:0 16px;flex-direction:column;align-items:flex-start;gap:10px}.app-header__nav,.app-header__actions,.app-header__region{width:100%}.app-header__actions{justify-content:flex-start}main{padding:0 16px;margin:92px auto 48px}.analytics-controls{width:100%;justify-content:flex-start}.region-card dl{grid-template-columns:1fr}.region-card__bar{flex-direction:column;align-items:stretch}.region-card__bar-fill{width:100%!important;justify-content:center;margin-bottom:4px}.region-card__bar-fill:last-child{margin-bottom:0}.analytics-list__item{flex-direction:column;align-items:flex-start}}.pill--ghost{background:transparent;color:#5b7e6b;border:1px solid rgba(91,126,107,.4)}.pill--ghost:hover{box-shadow:0 10px 20px #5b7e6b2e}.app-tabs__group .pill.active{box-shadow:0 12px 26px #3e8e674d}.app-tabs__group .pill{min-width:180px;font-weight:600;text-align:center}.app-header .pill{min-width:150px}@media (max-width: 720px){.app-tabs__group{flex-direction:column}.app-tabs__group .pill{width:100%}}@media (max-width: 720px){.app-tabs__group{justify-content:center}}.hero__brand{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:999px;background:#ffffff29;box-shadow:inset 0 0 0 1px #ffffff4d,0 20px 32px #00000024;font-weight:800;letter-spacing:.32em;text-transform:uppercase;color:#f1fff7;font-size:1.9rem}