:root{--purple:#703186;--mint:#77c39e;--pink:#f28bb6;--cyan:#70d7de;--yellow:#f3cd55;--ink:#292333;--muted:#6c6372;--edge:#ded9e4}*{box-sizing:border-box}body{margin:0;background:#faf8fc;color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(32px,5vw,55px);line-height:1.1;letter-spacing:-1.5px;margin-bottom:20px}h2{font-size:26px;line-height:1.2}h3{font-size:17px;overflow-wrap:anywhere}a{color:var(--purple)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.site-header{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:25px max(5%,calc((100% - 1100px)/2));background:#eee7f4;border-bottom:6px solid var(--mint)}.site-header>a{display:block;width:min(400px,60%)}.logo{display:block;width:100%;height:auto}.site-header>span{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--purple)}.wrap{max-width:1180px;margin:auto;padding:0 5%}.intro{padding:42px 0 24px;display:flex;justify-content:space-between;align-items:center;gap:25px}.eyebrow{font-size:11px;font-weight:700;color:var(--purple);letter-spacing:2px}.intro p{color:var(--muted)}.card{background:white;border:1px solid var(--edge);border-top:4px solid var(--mint);padding:28px;margin:20px 0;border-radius:7px}.auth-form{max-width:750px}.auth-box{max-width:650px;margin:45px auto;padding:25px}.auth-box .logo{margin-bottom:35px}.auth-box label{margin:16px 0}.auth-box>a{display:inline-block;margin-top:20px}.tabs{display:flex;gap:8px;flex-wrap:wrap;padding:15px 0;border-bottom:1px solid var(--edge);margin-bottom:22px}.tabs button,.secondary{background:white;color:var(--purple);border:1px solid var(--edge);border-radius:5px;padding:10px 16px;min-height:44px}.tabs button.active{background:var(--purple);color:white;border-color:var(--purple)}.primary{display:inline-block;background:var(--purple);color:white;border:0;padding:12px 20px;border-radius:5px;font-weight:700;min-height:46px;margin-top:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:700;margin-bottom:18px}input{min-width:0;width:100%;padding:11px 12px;background:white;color:var(--ink);border:1px solid #c9bfd1;border-radius:5px}.notice{background:#e7f3ec;border-left:4px solid var(--mint);padding:17px 20px;margin:24px 0;border-radius:4px;overflow-wrap:anywhere}.notice.error{background:#fff0f0;border-color:#b3261e;color:#8f1420}.notice.fresh{background:#fff2b3;border-color:var(--yellow)}.hint{font-size:13px;color:var(--muted);margin-top:16px}iframe{display:block;width:100%;height:1350px;border:1px solid var(--edge);border-radius:7px;background:white}.order{border-bottom:1px solid var(--edge);padding:22px 0}.order:last-child{border:0}.order p{font-size:14px;color:var(--muted);margin:5px 0;overflow-wrap:anywhere}.order small{display:block;font-size:12px;color:var(--muted);margin-top:10px}.order-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:12px}.order-head span{font-size:12px;color:var(--muted)}.pill{display:inline-block;font-size:12px;font-weight:700;background:#eee7f5;color:var(--purple);padding:5px 9px;border-radius:5px;margin:7px 8px 7px 0}.pill.done{background:#e0f0e6;color:#2b6549}.pill.test{background:#fff1b2;color:#6b5609}.order .primary{display:block}.button-row{display:flex;gap:10px;margin:15px 0;flex-wrap:wrap}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.stats{background:#e7f5f7;border-left:4px solid var(--cyan);padding:15px;margin:15px 0;font-weight:700}footer{display:flex;flex-direction:column;gap:10px;font-size:13px;color:var(--muted);border-top:4px solid var(--mint);padding:25px 0;margin-top:40px}[hidden]{display:none!important}@media(max-width:700px){.site-header{display:block;padding:22px 5%}.site-header>a{width:100%;margin-bottom:17px}.site-header>span{display:block;text-align:center}.intro{display:block;padding-top:30px}.intro>button{margin:0 0 20px}.form-grid{grid-template-columns:1fr;gap:0}.card{padding:20px}.tabs{gap:6px}.tabs button{font-size:13px;padding:10px 12px}.order-head{flex-direction:column;gap:5px}.list-heading{align-items:start}.list-heading h2{font-size:23px}iframe{height:1800px}}