:root{--ink: #12161c;--panel: #1b2129;--panel-raised: #212832;--border: #2b3340;--text: #e7eaee;--muted: #8b95a3;--brass: #c9a227;--brass-soft: #4a3f1e;--green: #4e9a6b;--green-soft: #23342a;--red: #d16b6b;--display: "Space Grotesk", "Inter", sans-serif;--body: "Inter", sans-serif;--mono: "JetBrains Mono", monospace}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased}button{font-family:var(--body);cursor:pointer}.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 20% -10%,#1d2430 0%,var(--ink) 55%)}.gate__card{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:32px;display:flex;flex-direction:column;gap:12px}.gate__mark{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--brass)}.gate__card h1{font-family:var(--display);font-size:26px;margin:0}.gate__card p{color:var(--muted);margin:0 0 8px;font-size:14px}.gate__card input{background:var(--ink);border:1px solid var(--border);border-radius:8px;padding:12px 14px;color:var(--text);font-size:15px}.gate__card button{margin-top:4px;background:var(--brass);color:#1b1503;border:none;border-radius:8px;padding:12px;font-weight:600;font-size:15px}.gate__card button:disabled{opacity:.6;cursor:not-allowed}.gate__error{color:var(--red);font-size:13.5px;margin:0}.app{max-width:1080px;margin:0 auto;padding:32px 24px 80px}.app__header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;border-bottom:1px solid var(--border);padding-bottom:20px}.app__mark{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--brass);margin-bottom:6px}.app__header h1{font-family:var(--display);font-size:28px;margin:0}.app__header-right{display:flex;align-items:center;gap:14px}.app__pending{font-family:var(--mono);font-size:13px;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:6px 12px}.app__logout{background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:8px 14px;font-size:13px}.app__logout:hover{color:var(--text);border-color:var(--muted)}.tabs{display:flex;align-items:center;gap:8px;margin-bottom:24px}.tabs__item{background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:8px 16px;font-size:13px}.tabs__item--active{background:var(--panel-raised);color:var(--text);border-color:var(--brass)}.tabs__refresh{margin-left:auto;background:transparent;border:1px dashed var(--border);color:var(--muted);border-radius:999px;padding:8px 16px;font-size:13px}.banner{border-radius:10px;padding:12px 16px;margin-bottom:20px;font-size:14px}.banner--error{background:#331f1f;border:1px solid var(--red);color:#f2b7b7}.empty{color:var(--muted);border:1px dashed var(--border);border-radius:12px;padding:48px;text-align:center}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.card{display:flex;background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:hidden}.card--done{border-color:var(--green-soft)}.card--cancelled{border-color:#3a2626;opacity:.75}.card__note{color:var(--muted);font-size:13.5px;border:1px dashed var(--border);border-radius:8px;padding:12px;margin-top:4px}.card__tag{width:44px;flex-shrink:0;background:var(--panel-raised);border-right:1px dashed var(--border);display:flex;flex-direction:column;align-items:center;padding:16px 0;gap:10px}.card__tag-hole{width:10px;height:10px;border-radius:50%;background:var(--ink);border:1px solid var(--border)}.card__tag-id{writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.05em}.card__body{flex:1;padding:16px 18px;display:flex;flex-direction:column;gap:10px}.card__meta{display:flex;justify-content:space-between;align-items:center}.status{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:999px}.status--in_process{background:var(--brass-soft);color:var(--brass)}.status--completed{background:var(--green-soft);color:var(--green)}.status--awaiting_payment{background:var(--panel-raised);color:var(--muted)}.status--payment_cancelled{background:#3a2626;color:var(--red)}.card__time{font-size:12px;color:var(--muted)}.card__link{font-family:var(--mono);font-size:12.5px;color:var(--text);word-break:break-all;text-decoration:none;border-bottom:1px solid var(--border);padding-bottom:10px}.card__link:hover{color:var(--brass)}.card__client{font-size:13px;color:var(--muted)}.card__form{display:flex;flex-direction:column;gap:8px;margin-top:4px}.card__form input{background:var(--ink);border:1px solid var(--border);border-radius:8px;padding:9px 12px;color:var(--text);font-size:13.5px}.card__form button{background:var(--brass);color:#1b1503;border:none;border-radius:8px;padding:10px;font-weight:600;font-size:13.5px;margin-top:2px}.card__form button:disabled{opacity:.5;cursor:not-allowed}.card__error{color:var(--red);font-size:12.5px;margin:0}.card__result{display:flex;flex-direction:column;gap:6px;background:var(--green-soft);border-radius:8px;padding:10px 12px;font-size:13.5px}.card__result-label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:2px}