:root{--bg: #f7faf8;--surface: rgba(255, 255, 255, .72);--surface-solid: #ffffff;--surface-hover: rgba(255, 255, 255, .85);--fg: #0d1f16;--fg-2: #2a3a32;--muted: #7d8d85;--muted-2: #aab5af;--green: #00a862;--green-2: #00d47e;--green-deep: #006b3e;--green-soft: #e8f7ef;--green-tint: rgba(0, 168, 98, .08);--green-glow: rgba(0, 168, 98, .25);--red: #ff7a7a;--red-deep: #e04848;--red-soft: #ffe8e8;--border: rgba(10, 30, 20, .08);--border-strong: rgba(10, 30, 20, .16);--radius: 12px;--radius-lg: 18px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(10, 30, 20, .04);--shadow: 0 4px 24px rgba(10, 30, 20, .05), 0 1px 2px rgba(10, 30, 20, .04);--shadow-lg: 0 12px 48px rgba(10, 30, 20, .08), 0 2px 6px rgba(10, 30, 20, .05);--glow: 0 0 0 1px rgba(0, 168, 98, .12), 0 10px 30px rgba(0, 168, 98, .14);--glow-strong: 0 0 0 1px rgba(0, 168, 98, .24), 0 20px 50px rgba(0, 168, 98, .22);--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{font:14px/1.6 Inter,-apple-system,PingFang SC,Microsoft YaHei,SF Pro Text,system-ui,sans-serif;color:var(--fg);background:var(--bg);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01","tnum";overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(700px 500px at 12% -10%,rgba(0,212,126,.12),transparent 60%),radial-gradient(900px 600px at 110% 10%,rgba(0,168,98,.09),transparent 60%),radial-gradient(600px 500px at 50% 120%,rgba(255,210,200,.08),transparent 60%)}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.4;background-image:repeating-radial-gradient(circle at 50% 50%,rgba(0,0,0,.012) 0 1px,transparent 1px 3px)}a{color:var(--green-deep);text-decoration:none;transition:color .2s var(--ease)}a:hover{color:var(--green)}.container{max-width:1120px;margin:0 auto;padding:32px 24px 64px}.narrow{max-width:440px;margin:0 auto;padding:0 20px}.nav{position:sticky;top:0;z-index:100;background:#f7faf8b8;backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid var(--border)}.nav-inner{max-width:1120px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.nav-inner>*{white-space:nowrap}.nav .brand{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:var(--fg);letter-spacing:-.01em;padding-right:12px}.nav .brand svg{color:var(--green)}.nav .brand .logo-car{height:22px;width:auto;display:block}.nav .spacer{flex:1}.nav a{color:var(--fg-2);padding:7px 14px;border-radius:var(--radius-pill);font-size:13px;font-weight:500;transition:all .2s var(--ease)}.nav a:hover{background:var(--green-tint);color:var(--green-deep)}.nav a.active{background:#ffffffb3;color:var(--green-deep);box-shadow:var(--shadow-sm)}.nav .balance{color:var(--muted);font-size:12px;padding-left:8px}.nav .balance b{color:var(--green-deep);font-weight:600;font-variant-numeric:tabular-nums}.nav .username{color:var(--fg-2);font-size:12px;font-weight:500;padding:6px 12px;background:var(--green-tint);border-radius:var(--radius-pill)}h1{font-size:28px;font-weight:600;letter-spacing:-.02em;margin:0 0 8px;color:var(--fg)}h1+.sub{color:var(--muted);font-size:14px;margin:0 0 28px}h2{font-size:14px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:32px 0 12px}.title-gradient{background:linear-gradient(135deg,var(--green) 0%,var(--green-2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.card{background:var(--surface);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border:1px solid var(--glass-border, rgba(255,255,255,.6));box-shadow:var(--shadow);border-radius:var(--radius-lg);padding:24px;margin-bottom:16px;position:relative;transition:box-shadow .3s var(--ease),transform .3s var(--ease)}.card.hover:hover{box-shadow:var(--glow);transform:translateY(-1px)}.card.flush{padding:0;overflow:hidden}form{display:grid;gap:14px}label{display:block;color:var(--muted);font-size:12px;font-weight:500;margin-bottom:6px;letter-spacing:.02em}input,select,textarea{width:100%;padding:11px 14px;font-size:14px;border:1px solid var(--border);border-radius:10px;background:#fff9;color:var(--fg);font-family:inherit;transition:all .2s var(--ease);backdrop-filter:blur(10px)}input::placeholder,textarea::placeholder{color:var(--muted-2)}input:hover,select:hover,textarea:hover{border-color:var(--border-strong);background:#fffc}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--green);background:#fff;box-shadow:0 0 0 4px var(--green-glow)}textarea{resize:vertical;min-height:180px;font-family:JetBrains Mono,ui-monospace,Consolas,monospace;font-size:13px;line-height:1.55}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:500;color:#fff;border:none;cursor:pointer;font-family:inherit;border-radius:10px;background:linear-gradient(180deg,#00c072,#00a862);box-shadow:0 1px #fff3 inset,0 4px 12px #00a86240,0 1px 2px #0000000a;transition:all .2s var(--ease);position:relative;overflow:hidden}button:hover,.btn:hover{box-shadow:0 1px #ffffff4d inset,0 8px 20px #00a86252;transform:translateY(-1px)}button:active,.btn:active{transform:translateY(0)}button:before,.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%);transition:left .6s var(--ease-out)}button:hover:before,.btn:hover:before{left:100%}button.ghost,.btn.ghost{background:#ffffffb3;color:var(--fg-2);border:1px solid var(--border);box-shadow:var(--shadow-sm)}button.ghost:hover,.btn.ghost:hover{background:#fff;color:var(--fg);border-color:var(--border-strong)}button.danger,.btn.danger{background:#ffffffb3;color:var(--red-deep);border:1px solid var(--red-soft);box-shadow:var(--shadow-sm)}button.danger:hover,.btn.danger:hover{background:var(--red-soft);box-shadow:0 4px 16px #e048481f}button.sm,.btn.sm{padding:6px 12px;font-size:12px;border-radius:8px}.flash{padding:12px 16px;border-radius:10px;margin-bottom:16px;font-size:13px;backdrop-filter:blur(10px);border:1px solid;animation:slideDown .35s var(--ease-out)}.flash.ok{background:#e8f7efcc;color:var(--green-deep);border-color:#00a86233}.flash.err{background:#ffe8e8cc;color:var(--red-deep);border-color:#e0484833}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.card.flush table{border-radius:inherit}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}th{color:var(--muted);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.06em;background:linear-gradient(180deg,#ffffff80,#f7faf84d);backdrop-filter:blur(10px);position:sticky;top:0}tbody tr{transition:background .2s var(--ease)}tbody tr:hover td{background:var(--green-tint)}tbody tr:last-child td{border-bottom:none}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:24px}.stat{padding:22px;background:var(--surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:all .3s var(--ease)}.stat:hover{box-shadow:var(--glow);transform:translateY(-2px)}.stat:before{content:"";position:absolute;top:-40%;right:-40%;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,var(--green-glow),transparent 60%);opacity:0;transition:opacity .4s var(--ease)}.stat:hover:before{opacity:1}.stat .v{font-size:28px;font-weight:600;color:var(--fg);letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,var(--fg) 0%,var(--green-deep) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.stat .k{color:var(--muted);font-size:12px;margin-top:4px}.result{margin-top:20px;padding:20px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#e8f7efcc,#fffc);border:1px solid rgba(0,168,98,.2);backdrop-filter:blur(10px);box-shadow:var(--glow);animation:resultIn .45s var(--ease-out)}.result.miss{background:linear-gradient(135deg,#ffe8e8cc,#fffc);border-color:#e0484833;color:var(--red-deep);box-shadow:0 0 0 1px #e0484824,0 10px 30px #e048481a}.result small{display:block;margin-top:12px;color:var(--muted);font-size:12px}@keyframes resultIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.pin{display:inline-block;padding:6px 14px;margin:2px 6px 2px 0;background:#fff;border:1px solid rgba(0,168,98,.3);color:var(--green-deep);border-radius:10px;font-family:JetBrains Mono,ui-monospace,Consolas,monospace;font-size:14px;font-weight:600;letter-spacing:.03em;box-shadow:0 1px 2px #00a8620f}.result .pin{padding:8px 18px;font-size:18px;border-radius:12px}.card.flush{overflow-x:auto}.pin-row{display:flex;align-items:flex-start;gap:10px;background:#fff;border:1px solid rgba(0,168,98,.3);border-radius:12px;padding:10px 12px;margin:0 0 8px;box-shadow:0 1px 2px #00a8620f}.pin-text{flex:1;min-width:0;font-family:JetBrains Mono,ui-monospace,Consolas,monospace;font-size:14px;font-weight:600;letter-spacing:.03em;color:var(--green-deep);white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere;line-height:1.55;user-select:all}.pin-copy{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:500;color:var(--green-deep);background:#00a86214;border:1px solid rgba(0,168,98,.25);border-radius:8px;cursor:pointer;transition:background .15s,color .15s,transform .1s}.pin-copy:hover{background:#00a86229}.pin-copy:active{transform:scale(.96)}.pin-copy.copied{background:var(--green-deep);color:#fff;border-color:var(--green-deep)}.tag{display:inline-block;padding:3px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:500;background:var(--green-soft);color:var(--green-deep)}.tag.red{background:var(--red-soft);color:var(--red-deep)}.muted{color:var(--muted)}.row-form{display:flex;gap:6px;align-items:center}.row-form input{padding:7px 10px;font-size:12px}@media(max-width:640px){.container{padding:20px 16px 40px}.narrow{padding:0 16px}h1{font-size:22px}.nav-inner{padding:12px 16px;gap:4px 10px}.nav .brand{flex:1 1 100%;padding-bottom:4px}.nav .spacer{display:none}.nav a{padding:5px 10px;font-size:12px}.nav .balance{font-size:11px}.card{padding:18px;border-radius:var(--radius)}th,td{padding:10px 12px;font-size:12px}table{min-width:520px}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:16px}.stat .v{font-size:22px}.row-form{flex-wrap:wrap}.row-form input{flex:1 1 120px}.card>div[style*="justify-content:space-between"]{flex-direction:column!important;gap:12px;align-items:stretch!important}main>form[method=GET]{flex-wrap:wrap}main>form[method=GET] input{flex:1 1 160px;max-width:none!important}}