.settlement-header-title{display:none;align-items:center;gap:12px;margin-right:auto;color:#fff}
.settlement-header-title>span{display:grid;width:44px;height:44px;place-items:center;border:1px solid #36d7ff;border-radius:14px;background:linear-gradient(145deg,#0fbde9,#4737f7 58%,#d33fe8);box-shadow:0 0 22px #315bff88;color:#fff;font-size:25px;font-weight:900;font-style:italic}
.settlement-header-title>b{font-size:23px;letter-spacing:-.025em}
body.settlement-task-mode .global-header .global-brand{display:none}
body.settlement-task-mode .settlement-header-title{display:flex}

.settlement-task-screen{max-width:920px;margin:0 auto;padding-bottom:104px}
.settlement-task-hero{position:relative;min-height:150px;margin-bottom:18px;padding:34px 28px;overflow:hidden;border:1px solid transparent;border-radius:22px;background:linear-gradient(105deg,#061438ee,#091d55b8 54%,#26104dcc) padding-box,linear-gradient(110deg,#12d6f5,#5149fb 48%,#e63ae7) border-box;box-shadow:0 18px 50px #02071c88}
.settlement-task-hero:after{position:absolute;inset:0;background:linear-gradient(90deg,#061334f2 0,#07143c77 50%,transparent 76%),url("/static/setlance-earth-premium.jpg") 78% 48%/cover no-repeat;content:"";opacity:.72}
.settlement-task-hero h1{position:relative;z-index:1;margin:0;font-size:46px;line-height:1.05;letter-spacing:-.045em}
.settlement-task-hero h1 span{background:linear-gradient(100deg,#56dfff,#6c65ff 55%,#e968ef);background-clip:text;-webkit-background-clip:text;color:transparent}
.settlement-order-list{display:grid;gap:18px}
.settlement-order-card{--task-accent:#21eed1;--task-accent-rgb:33,238,209;position:relative;overflow:hidden;padding:25px 25px 20px;border:1px solid transparent;border-radius:25px;background:linear-gradient(120deg,#071a37f5,#071438f8 60%,#1b0d45f2) padding-box,linear-gradient(110deg,var(--task-accent),#466fff 65%,#dc40ee) border-box;box-shadow:-8px 0 28px rgba(var(--task-accent-rgb),.13),9px 10px 34px #04071880;color:#fff;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.settlement-order-card.sell{--task-accent:#ff765c;--task-accent-rgb:255,118,92;background:linear-gradient(120deg,#26102ef5,#071438f8 58%,#250d45f2) padding-box,linear-gradient(110deg,#ff7b52,#ff3d9d 55%,#d93aef) border-box}
.settlement-order-card:hover,.settlement-order-card:focus-visible{transform:translateY(-2px);outline:none;box-shadow:-8px 0 32px rgba(var(--task-accent-rgb),.25),0 14px 38px #020512aa}
.settlement-order-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px}
.settlement-order-direction{display:grid;width:74px;height:74px;place-items:center;border:2px solid var(--task-accent);border-radius:50%;background:radial-gradient(circle at 35% 30%,#46ffe4,var(--task-accent) 38%,#036a6b 75%);box-shadow:0 0 24px rgba(var(--task-accent-rgb),.7);color:#fff;font-size:43px;font-weight:400}
.sell .settlement-order-direction{background:radial-gradient(circle at 35% 30%,#ff9988,#ff4e42 42%,#80152c 78%)}
.settlement-order-head h2{margin:0;color:var(--task-accent);font-size:35px;line-height:1;font-weight:900}
.settlement-order-head p{margin:6px 0 0;color:#aebdf1;font-size:17px}
.settlement-process-button{min-width:170px;min-height:56px;border:2px solid var(--task-accent);border-radius:999px;background:linear-gradient(120deg,rgba(var(--task-accent-rgb),.18),rgba(var(--task-accent-rgb),.08));box-shadow:inset 0 0 18px rgba(var(--task-accent-rgb),.18),0 0 18px rgba(var(--task-accent-rgb),.2);color:var(--task-accent);font:800 20px/1 inherit;cursor:pointer}
.settlement-process-button span{margin-left:8px;font-size:31px;line-height:0;vertical-align:-2px}
.settlement-order-data{display:grid;grid-template-columns:1.2fr 1.25fr 1fr .9fr 1fr;margin-top:20px;padding:17px 4px 6px;border:1px solid #263d7d;border-radius:18px;background:#071634aa}
.settlement-order-data>div{min-width:0;padding:0 17px;border-right:1px solid #2a4783}
.settlement-order-data>div:last-child{border-right:0}
.settlement-order-data span,.settlement-order-data small,.settlement-order-data strong{display:block}
.settlement-order-data span{height:25px;color:#8db0ff;font-size:23px;line-height:1}
.settlement-order-data small{margin-top:9px;color:#9cafdf;font-size:13px}
.settlement-order-data strong{margin-top:6px;overflow-wrap:anywhere;font-size:17px;line-height:1.25}
.settlement-order-progress{margin:14px 3px 0;color:var(--task-accent);font-size:13px;text-align:right}
.settlement-order-progress.expired{color:#ff91a1}

.settlement-task-detail{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:22px;background:#020616d9;backdrop-filter:blur(13px)}
.settlement-task-detail.hidden{display:none}
.settlement-task-detail-card{position:relative;width:min(540px,100%);max-height:calc(100vh - 44px);overflow:auto;padding:27px;border:1px solid transparent;border-radius:25px;background:linear-gradient(135deg,#071a3bf5,#160d40fa) padding-box,linear-gradient(115deg,#19def0,#5854ff 50%,#e14be9) border-box;box-shadow:0 24px 80px #000b}
.settlement-task-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border:1px solid #5355a4;border-radius:12px;background:#0e1741;color:#d8ddff;font-size:25px;cursor:pointer}
.settlement-task-detail-card h2{margin:0 0 20px;font-size:29px}
.settlement-detail-company{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid #3851a3;border-radius:16px;background:#091944}
.settlement-detail-company>span{display:grid;width:48px;height:48px;place-items:center;border-radius:14px;background:linear-gradient(135deg,#16d7ed,#533dff 60%,#d63ee7);font-size:25px;font-weight:900;font-style:italic}
.settlement-detail-company small,.settlement-detail-company strong{display:block}
.settlement-detail-company small{color:#9baadb;font-size:11px}
.settlement-detail-company strong{margin-top:4px;font-size:17px}
.settlement-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}
.settlement-detail-grid div{padding:13px;border:1px solid #2c438a;border-radius:13px;background:#081532}
.settlement-detail-grid dt{color:#96a8dc;font-size:11px}
.settlement-detail-grid dd{margin:6px 0 0;font-weight:800}
.settlement-detail-countdown{display:grid;place-items:center;padding:20px;border:1px solid #31dbea;border-radius:17px;background:radial-gradient(circle at 50% 0,#174ed566,transparent 70%),#071431}
.settlement-detail-countdown small,.settlement-detail-countdown span{color:#9eb0dd}
.settlement-detail-countdown strong{margin:7px 0;color:#50eff4;font-size:42px;font-variant-numeric:tabular-nums;letter-spacing:.05em;text-shadow:0 0 17px #22bfe5}
.settlement-detail-countdown.expired strong{color:#ff8193;text-shadow:0 0 17px #ff4266}

.global-nav .settlement-nav-logo{position:relative;display:grid;width:33px;height:33px;place-items:center;margin:0;border:1px solid #34dff2;border-radius:50%;background:linear-gradient(145deg,#0fc8e9,#4940fb 58%,#dc42e9);box-shadow:0 0 12px #2e7bff;color:#fff;font-size:19px;font-weight:900;font-style:italic;animation:settlement-logo-live 2.4s ease-in-out infinite}
.global-nav .settlement-nav-logo:after{position:absolute;inset:-6px;border:1px solid #3b9dff88;border-radius:50%;content:"";animation:settlement-logo-ring 2.4s ease-out infinite}
@keyframes settlement-logo-live{50%{filter:brightness(1.25);box-shadow:0 0 23px #5d55ff,0 0 12px #24e7ff;transform:scale(1.06)}}
@keyframes settlement-logo-ring{0%{opacity:.85;transform:scale(.78)}70%,100%{opacity:0;transform:scale(1.35)}}

@media(max-width:700px){
  .settlement-task-hero{min-height:116px;padding:27px 20px}
  .settlement-task-hero h1{font-size:36px}
  .settlement-order-card{padding:18px 15px 15px;border-radius:21px}
  .settlement-order-head{grid-template-columns:auto minmax(0,1fr) auto;gap:12px}
  .settlement-order-direction{width:56px;height:56px;font-size:31px}
  .settlement-order-head h2{font-size:28px}
  .settlement-order-head p{font-size:14px}
  .settlement-process-button{min-width:112px;min-height:46px;padding:0 13px;font-size:16px}
  .settlement-order-data{grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding:6px;margin-top:14px}
  .settlement-order-data>div{grid-column:span 3;padding:8px;border-right:0;border-bottom:1px solid #263d7d}
  .settlement-order-data>div:nth-child(n+3){grid-column:span 2;border-bottom:0}
  .settlement-order-data span{height:20px;font-size:20px}
  .settlement-order-data small{margin-top:5px}
  .settlement-order-data strong{margin-top:4px}
}
@media(max-width:430px){
  .settlement-header-title{gap:8px}
  .settlement-header-title>span{width:38px;height:38px;border-radius:12px;font-size:21px}
  .settlement-header-title>b{font-size:18px}
  .settlement-task-screen{padding-bottom:96px}
  .settlement-task-hero{min-height:96px;padding:24px 17px}
  .settlement-task-hero h1{font-size:32px}
  .settlement-order-head{grid-template-columns:40px minmax(0,1fr) auto;gap:8px}
  .settlement-order-direction{width:40px;height:40px;font-size:25px}
  .settlement-order-head h2{font-size:25px}
  .settlement-order-head p{font-size:11px;line-height:1.3}
  .settlement-process-button{min-width:88px;min-height:44px;padding:0 9px;font-size:14px}
  .settlement-order-data small{font-size:11px}
  .settlement-order-data strong{font-size:13px}
  .settlement-task-detail{padding:12px}
  .settlement-task-detail-card{padding:22px 17px}
  .settlement-detail-grid{grid-template-columns:1fr}
  .settlement-detail-countdown strong{font-size:36px}
}
@media(prefers-reduced-motion:reduce){.global-nav .settlement-nav-logo,.global-nav .settlement-nav-logo:after{animation:none}}