:root{font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#18332e;background:#f4f7f5}*{box-sizing:border-box}body{margin:0}.shell{max-width:720px;margin:0 auto;padding:28px 16px 48px}header{display:flex;align-items:center;gap:14px;margin-bottom:24px}.mark{display:grid;place-items:center;background:#155e52;color:#fff;border-radius:14px;width:52px;height:52px;font-size:32px}h1{font-size:26px;margin:0}header p,footer{color:#60736d;font-size:14px;margin:4px 0}h2{font-size:20px;margin:0 0 20px}h3{font-size:16px;margin:24px 0 10px}.panel{background:white;border:1px solid #dfe8e2;border-radius:18px;padding:24px;margin-bottom:18px;box-shadow:0 5px 22px #1b46340a}.dates{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{font-weight:600;font-size:14px}input[type=date]{display:block;margin-top:8px;width:100%;padding:12px;border:1px solid #bacdc3;border-radius:9px;background:white;color:#18332e;font:inherit}.discount-head{display:flex;justify-content:space-between;align-items:center;margin-top:28px}.discount-head strong{font-size:24px;color:#155e52}input[type=range]{width:100%;accent-color:#147d65;margin-top:14px}.ends{display:flex;justify-content:space-between;color:#73837c;font-size:12px}.primary{width:100%;border:0;border-radius:10px;background:#155e52;color:white;padding:14px 16px;font-size:16px;font-weight:700;cursor:pointer;margin-top:22px}.primary:hover{background:#104b42}.primary:disabled{opacity:.5;cursor:wait}.line{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #edf1ed}.total{font-size:22px;color:#155e52;border-top:2px solid #d9e9e1;margin-top:8px}details{margin-top:18px}summary{cursor:pointer;font-weight:600}#detail{font-size:14px;margin-top:10px}.detail-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #edf1ed}textarea{width:100%;resize:vertical;border:1px solid #bdcec4;border-radius:10px;padding:14px;font:14px/1.6 system-ui;background:#fafcfb;color:#18332e}#status,#copy-status{font-size:14px;color:#155e52;min-height:18px}.error{color:#b42318!important}.hidden{display:none}footer{text-align:center;margin-top:26px}@media(max-width:440px){.dates{grid-template-columns:1fr}.panel{padding:18px}h1{font-size:22px}}