:root{--teal:#1d4e54;--teal-dark:#163b40;--orange:#c25a33;--gray:#d8d8d8;--ink:#2b2b2b;--muted:#6b7280;--line:#e5e7eb;--bg:#eef0f2;--ok:#1d9e75}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}.doc{max-width:820px;margin:28px auto;border:1px solid var(--line);border-radius:10px}.cover,.doc{background:#fff;overflow:hidden}.cover{position:relative;height:340px}.cover .bar-orange-tl{position:absolute;top:34px;left:0;width:38%;height:34px;background:var(--orange)}.cover .tri-teal-tr{position:absolute;top:0;right:0;width:0;height:0;border-top:230px solid var(--teal);border-left:200px solid transparent}.cover .bar-gray-tl{position:absolute;top:80px;left:0;width:46%;height:16px;background:var(--gray)}.cover .tri-teal-bl{position:absolute;bottom:0;left:0;width:0;height:0;border-bottom:150px solid var(--teal);border-right:150px solid transparent}.cover .bar-orange-br{position:absolute;bottom:0;right:0;width:30%;height:30px;background:var(--orange)}.cover .brand{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);text-align:center}.cover .cover-logo{display:block;width:220px;height:auto;margin:0 auto}.cover .rule{width:180px;height:3px;background:var(--gray);margin:14px auto}.cover .kicker{color:var(--teal);font-size:18px;font-weight:700;letter-spacing:6px}.body{padding:30px 44px 40px}.body .date{text-align:right;color:var(--muted);font-size:13px;margin:0 0 18px}.body .salutation{font-weight:700;font-size:16px;margin:0 0 2px}.body .company{color:var(--muted);font-size:14px}.body .company,.section{margin:0 0 22px}.section h2{color:var(--teal);font-size:17px;margin:0 0 8px;border-bottom:2px solid var(--gray);padding-bottom:4px}.section p{margin:0 0 10px;font-size:14px}.section ul{margin:6px 0 0;padding-left:20px}.section li{font-size:14px;margin:0 0 7px}.intro-title{text-align:center;color:var(--orange);font-size:22px;font-weight:800;letter-spacing:1px;margin:6px 0 18px}.pricing-title{color:var(--teal);text-align:center;font-size:18px;margin:30px 0 12px}table.pricing{width:100%;border-collapse:collapse;font-size:13px}table.pricing thead tr{background:var(--teal);color:#fff}table.pricing th{padding:9px 8px;font-weight:600;text-align:center}table.pricing th:first-child{text-align:left}table.pricing td{padding:9px 8px;border-bottom:1px solid var(--line);text-align:center}table.pricing td:first-child{text-align:left}table.pricing td.num{text-align:right;white-space:nowrap}.product-name{font-weight:600}.grand-total{display:flex;justify-content:flex-end;margin-top:14px}.grand-total .pill{background:var(--orange);color:#fff;padding:10px 20px;border-radius:8px;font-weight:700;font-size:15px}.conditions{margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}.conditions h3{color:var(--teal);font-size:14px;margin:16px 0 6px}.conditions p{font-size:12px;color:var(--muted);margin:0 0 6px}.tracked-footer{background:var(--teal);color:#fff;padding:14px 44px;font-size:12px;display:flex;align-items:center;gap:8px}.notice{max-width:640px;margin:60px auto;background:#fff;border:1px solid var(--line);border-radius:10px;padding:32px;text-align:center}.notice h1{color:var(--teal)}.muted{color:var(--muted)}@media (max-width:640px){.body{padding:22px 20px 30px}.cover{height:250px}.cover .cover-logo{width:160px}table.pricing{font-size:11px}.tracked-footer{padding:12px 20px}}.panel{max-width:1040px;margin:28px auto;padding:0 20px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.panel-head h1{color:var(--teal);font-size:22px;margin:0}.panel-user{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:12px}.panel-user .signout{color:var(--orange);text-decoration:none;font-weight:600}.panel-stats{display:flex;gap:16px;margin:18px 0}.panel-stats>div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 22px;display:flex;flex-direction:column}.panel-stats .n{font-size:26px;font-weight:700;color:var(--teal)}.panel-stats span:last-child{font-size:12px;color:var(--muted)}.panel-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;font-size:13px}.panel-table th{background:var(--teal);color:#fff;text-align:left;padding:10px;font-weight:600}.panel-table td{padding:10px;border-bottom:1px solid var(--line)}.panel-table tr:last-child td{border-bottom:none}.badge{font-size:11px;padding:3px 10px;border-radius:20px;background:#eee;color:#666}.badge.on{background:#e1f5ee;color:var(--ok)}.live-box{background:#f0fff4;border:1px solid #c6f6d5;border-radius:10px;padding:14px 18px;margin:18px 0}.live-head{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--ok);margin-bottom:6px}.live-head .dot{width:10px;height:10px;border-radius:50%;background:var(--ok);animation:pulse 1.6s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(29,158,117,.5)}70%{box-shadow:0 0 0 8px rgba(29,158,117,0)}to{box-shadow:0 0 0 0 rgba(29,158,117,0)}}.live-list{margin:0;padding-left:18px}.live-list li{font-size:13px;margin:3px 0;color:var(--ink)}.panel-filter{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;color:var(--muted)}.panel-filter select{padding:5px 8px;border:1px solid var(--line);border-radius:6px;font-size:13px}.panel-table th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.panel-table th.sortable:hover{background:var(--teal-dark)}.row-link{color:var(--teal);font-weight:600;text-decoration:none}.row-link:hover{text-decoration:underline}.back{color:var(--muted);text-decoration:none;font-size:13px}.back:hover{color:var(--teal)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px;margin:16px 0}.detail-grid>div{background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 14px;display:flex;flex-direction:column;gap:2px}.detail-grid span{font-size:11px;color:var(--muted)}.detail-grid strong{font-size:14px}.detail-link{margin:16px 0}.link-row{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 14px;margin-top:4px}.link-row a{color:var(--teal);word-break:break-all;font-size:13px}.copy-btn{border:1px solid var(--teal);background:var(--teal);color:#fff;padding:5px 12px;border-radius:6px;cursor:pointer;font-size:12px;white-space:nowrap}.copy-btn:hover{background:var(--teal-dark)}.timeline-title{color:var(--teal);font-size:15px;margin:20px 0 8px}.timeline{list-style:none;padding:0;margin:0}.timeline li{display:flex;align-items:center;gap:8px;font-size:13px;padding:6px 0;border-bottom:1px solid var(--line)}.timeline .dot2{width:8px;height:8px;border-radius:50%;background:var(--ok);flex-shrink:0}