:root{font-family:Inter,system-ui,sans-serif;color:#192c38;background:#f5f7f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{background:white;border-bottom:1px solid #dfe6e8;padding:18px max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;gap:28px}header img{width:140px;height:auto}header span{font-weight:650}nav{display:flex;gap:8px;flex-wrap:wrap;margin:24px auto;max-width:1240px;padding:0 20px}button,.button{font:inherit;font-size:14px;background:white;border:1px solid #ccd7dc;border-radius:8px;padding:11px 16px;cursor:pointer;color:inherit;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#eef4f4}button:disabled{opacity:.45;cursor:default}button.active,.primary{background:#126b60;color:white;border-color:#126b60}button.primary:hover{background:#0d574e}.text{border:0;background:transparent;color:#126b60;padding:0;text-align:left}main{max-width:1240px;margin:24px auto;padding:0 20px 60px}h1{font-size:28px;letter-spacing:-.6px;margin:0 0 8px}h2{font-size:22px}p,small,.hint{color:#647580;font-size:14px;line-height:1.5}small{display:block;font-size:12px;margin-top:5px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.filters{display:flex;gap:12px;margin:20px 0}input:not([type=checkbox]),select{font:inherit;padding:12px;border:1px solid #ccd7dc;border-radius:8px;background:white;width:100%;color:inherit}#search{flex:2}select{flex:1}input[type=checkbox]{width:19px;height:19px;accent-color:#126b60;cursor:pointer}label{display:block;font-size:14px;font-weight:600}label input{margin:8px 0 16px}.title{max-width:600px}.tablewrap{overflow:auto;background:white;border:1px solid #dfe6e8;border-radius:12px}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:14px;border-bottom:1px solid #edf0f2;font-size:14px}th{background:#f9fbfc;color:#647580;font-weight:500;white-space:nowrap}td:first-child{min-width:44px}td:nth-child(2){min-width:170px}.badge{background:#edf4f2;border-radius:5px;padding:4px 8px;font-size:12px;white-space:nowrap}.pager,.actions{display:flex;align-items:center;gap:10px;margin:20px 0;flex-wrap:wrap}.pager>span:first-child{margin-right:auto;color:#647580;font-size:14px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.card{text-align:left;padding:24px;display:grid;gap:12px}.card strong{font-size:18px}.card span{font-size:14px}#messages{position:sticky;bottom:0;padding:15px;text-align:center;background:#e4f3eb;z-index:9}#messages:empty{display:none}#messages.error,#dialog-error{color:#9d2934}#messages.error{background:#fcebef}.login{max-width:400px;margin:70px auto;background:white;padding:30px;border-radius:14px}dialog{border:1px solid #ccd7dc;border-radius:14px;padding:28px;width:min(700px,95vw);max-height:85vh;overflow:auto}dialog::backdrop{background:#14293699}.busy{cursor:progress}.busy button{pointer-events:none;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #68a99c;outline-offset:2px}@media(max-width:650px){header{padding:16px 20px}.filters{flex-wrap:wrap}#search{flex-basis:100%}.heading{align-items:start;flex-direction:column}h1{font-size:24px}td,th{padding:12px 10px}.actions>*{flex-grow:1;text-align:center}main{padding:0 12px 40px}.pager{gap:7px}.pager button{padding:9px}.cards{grid-template-columns:1fr}}
.compare-tools{padding:18px;background:#eef4f4;border:1px solid #d8e7e3;border-radius:12px}.compare-tools>button,.compare-tools>label{margin-right:8px}.compare-tools label input{display:block;max-width:260px;margin:8px 0 0;font-size:12px;padding:0;border:0}.difference{font-weight:700;color:#a54d26}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.steps>div{background:white;padding:20px;border-radius:10px}.steps strong{display:block;margin:10px 0;font-size:16px}.steps small{font-weight:650;color:#126b60;letter-spacing:.8px}.steps p{min-height:44px}.steps .button{margin:0}.steps input{max-width:220px}.import-summary{display:flex;gap:20px;padding:18px;background:#eef4f4;border-radius:10px}textarea{display:block;width:100%;font:14px monospace;line-height:1.5;padding:14px;margin-top:10px;border:1px solid #ccd7dc;border-radius:8px;resize:vertical}@media(max-width:800px){.steps{grid-template-columns:1fr;gap:12px}.steps p{min-height:0}}
