:root{--blue:#195648;--ink:#163f37;--bg:#fff;--line:#cad9cd}*{box-sizing:border-box}body{background:#f5f8f4;color:#163f37;margin:0;font-family:Arial,sans-serif}.sp-header{position:static;display:flex;align-items:center;justify-content:space-between;padding:18px max(20px,calc((100vw - 1200px)/2));gap:20px;background:#fff;border-bottom:1px solid #cad9cd}.sp-header a{font-size:22px;font-weight:bold;color:inherit;text-decoration:none}.sp-header small{font-size:9px;display:block;letter-spacing:1.8px;margin-top:6px}#sp-app{max-width:1240px;margin:auto;padding:32px 24px 80px}.sp-title,.sp-row{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.sp-title h1{font-size:34px;margin:8px 0}.sp-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:24px 0}.sp-stats>div,.sp-card{background:#fff;border:1px solid #cad9cd;border-radius:18px;padding:24px}.sp-stats strong{display:block;font-size:28px;margin-bottom:7px}.sp-tabs{display:flex;gap:8px;overflow:auto;margin:28px 0}.sp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.sp-card{min-width:0;margin-bottom:18px;overflow-wrap:anywhere}.sp-card h2{font-size:21px}.sp-usage{background:#edf4eb;border-radius:10px;padding:12px;line-height:1.8;margin:15px 0}.sp-badge{background:#dcf5e3;color:#17623c;border-radius:20px;padding:6px 10px;font-size:12px}.sp-red{background:#ffe0e0;color:#842735}.sp-login{max-width:480px;margin:50px auto;padding:28px;background:white;border:1px solid #cad9cd;border-radius:20px}label{display:block;margin:18px 0 8px}input,select{display:block;width:100%;padding:12px;border:1px solid #a8c4b5;border-radius:10px;margin-top:7px;font-size:16px}input[type=checkbox]{display:inline;width:auto;margin-right:9px}button,.button{min-height:44px;padding:11px 17px;border:1px solid #195648;background:#195648;color:white;border-radius:10px;font-size:14px;cursor:pointer;text-decoration:none}.secondary{background:white;color:#195648}.sp-error{color:#9a2833}#sp-status{position:fixed;bottom:16px;left:16px;right:16px;max-width:800px;margin:auto;pointer-events:none;background:#173d32;color:white;border-radius:12px;padding:12px;z-index:30}#sp-status:empty{display:none}dialog{border:1px solid #cad9cd;border-radius:20px;max-width:540px;width:calc(100% - 24px);max-height:92dvh;padding:24px}dialog::backdrop{background:#102e2b99;backdrop-filter:blur(4px)}dialog>[data-sp-close]{float:right;background:white;color:#195648}button:focus-visible,a:focus-visible{outline:3px solid #d4a234;outline-offset:3px}@media(max-width:650px){#sp-app{padding:22px 16px 80px}.sp-grid{grid-template-columns:1fr}.sp-stats{gap:0;border:1px solid #cad9cd;border-radius:14px;overflow:hidden}.sp-stats>div{border:0;border-right:1px solid #cad9cd;padding:14px 9px;border-radius:0;font-size:11px}.sp-stats strong{font-size:23px}.sp-title h1{font-size:28px}.sp-card{padding:19px}.sp-title>button{width:100%}.sp-header{padding:16px}.sp-login{margin:24px 0}}
