:root{--primary: #1a1a2e;--accent-red: #e63946;--success: #2d6a4f;--warning: #e9c46a;--bg: #f8f8f6;--card: #ffffff;--border: #e5e5e0}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--primary);min-height:100vh}.top-nav{background:var(--primary);color:#fff;padding:12px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 2px 8px #0000001f}.top-nav h1{margin:0;font-size:1.1rem;font-weight:700}.top-nav .stats{font-size:.85rem;opacity:.95;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.btn-logout{font-size:.75rem;padding:4px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.35);background:#ffffff1a;color:#fff;cursor:pointer;font-weight:600}.btn-logout:hover{background:#fff3}.sync-pill{font-size:.75rem;padding:4px 10px;border-radius:999px;background:#ffffff26}.config-banner{background:linear-gradient(90deg,#f8d7da,#f5c2c7);color:#58151c;padding:10px 20px;font-size:.9rem;display:none;align-items:center;justify-content:center;gap:8px;text-align:center;line-height:1.45}.config-banner.visible{display:flex}.config-banner code{background:#0000000f;padding:2px 6px;border-radius:4px;font-size:.85em}.offline-banner{background:linear-gradient(90deg,#fff3cd,#ffe69c);color:#664d03;padding:8px 20px;font-size:.9rem;display:none;align-items:center;justify-content:center;gap:8px}.offline-banner.visible{display:flex}.tab-bar{display:flex;gap:0;background:var(--card);border-bottom:1px solid var(--border);padding:0 12px}.tab-btn{padding:14px 20px;border:none;background:transparent;cursor:pointer;font-weight:600;font-size:.95rem;color:#666;border-bottom:3px solid transparent;margin-bottom:-1px}.tab-btn:hover{color:var(--primary)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-btn.lucky{color:var(--accent-red)}.tab-btn.lucky.active{border-bottom-color:var(--accent-red)}.tab-btn.weekly-spin{color:#6d28d9}.tab-btn.weekly-spin.active{border-bottom-color:#6d28d9}main{padding:20px;max-width:960px;margin:0 auto}form.app-main-form{margin:0;padding:0;border:none;display:block}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:20px;margin-bottom:16px;box-shadow:0 1px 3px #0000000f}.card h2{margin:0 0 16px;font-size:1rem;font-weight:700;color:var(--primary)}label{display:block;font-size:.8rem;font-weight:600;margin-bottom:6px;color:#444}input[type=text],input[type=tel],input[type=number],input[type=email],input[type=date],textarea{width:100%;height:40px;padding:0 12px;border:1px solid var(--border);border-radius:8px;font-size:15px;font-family:inherit}textarea{height:auto;min-height:64px;padding:10px 12px;resize:vertical}input:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1a1a2e1a}.scan-frame{border:1px solid #e0e7ff;border-radius:10px;padding:8px;background:#fff;box-shadow:inset 0 0 0 1px #fffc}.scan-wrap{position:relative;min-width:0}.scan-input{font-size:16px;font-weight:600;border:1px solid #1a1a2e;padding:14px 96px 14px 14px;width:100%;min-height:48px;height:auto;animation:pulse-glow 2s ease-in-out infinite}.scan-input:focus{animation:none;border-color:var(--primary);box-shadow:0 0 0 4px #1a1a6e40,0 0 20px #1a1a6e26}@keyframes pulse-glow{0%,to{box-shadow:0 0 #1a1a6e33}50%{box-shadow:0 0 0 6px #1a1a6e1f}}.scan-row{display:flex;gap:10px;align-items:stretch}.scan-row .scan-wrap{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;border:none;font-family:inherit}.btn-primary{background:var(--primary);color:#fff;width:100%;padding:14px;font-size:1.05rem}.btn-primary:hover{filter:brightness(1.08)}.btn-secondary{background:#fff;color:var(--primary);border:1px solid var(--primary)}.btn-small{padding:10px 16px;font-size:.9rem}.scan-wrap .btn-primary.btn-add-scan{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:auto;min-width:72px;padding:10px 22px;font-size:.9rem;border-radius:999px;z-index:2}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;min-height:8px}.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#e8f0ff;border:1px solid #b0c4e8;font-size:.85rem;font-weight:600}.chip.new-add{background:#d4e4ff;border-color:#1a1a2e}.chip button{background:none;border:none;cursor:pointer;font-size:1.1rem;line-height:1;padding:0 2px;color:#555}.tier-row{margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.badge{display:inline-block;padding:6px 12px;border-radius:8px;font-size:.85rem;font-weight:700;border:1px solid}.badge.silver{background:#e8f4ff;color:#0a4a8a;border-color:#b0d0f0}.badge.gold{background:#fff8e0;color:#7a5000;border-color:#f0d080}.badge.platinum{background:#e8ffe8;color:#0a4a20;border-color:#80d080}.badge.none{background:#f0f0f0;color:#555;border-color:#ccc}.status-line{font-size:.9rem;margin-top:8px;display:flex;align-items:center;gap:8px}.status-ok{color:var(--success);font-weight:600}.status-warn{color:#b8860b;font-weight:600}.status-bad{color:#c1121f;font-weight:600}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:768px){.grid-2{grid-template-columns:1fr}}.actions-row{display:flex;gap:12px;flex-wrap:wrap}.actions-row .btn-primary{flex:1;min-width:200px}.table-wrap{overflow-x:auto}table.data-table{width:100%;border-collapse:collapse;font-size:.88rem}table.data-table th,table.data-table td{border:1px solid var(--border);padding:10px 8px;text-align:left}table.data-table th{background:#f4f4f2;font-weight:700}table.data-table tr.expandable{cursor:pointer}table.data-table tr.expandable:hover{background:#fafafa}tr.detail-row td{background:#f8f9fa;font-size:.85rem;white-space:pre-wrap}.summary-bar{display:flex;flex-wrap:wrap;gap:16px 24px;padding:12px 16px;background:var(--card);border:1px solid var(--border);border-radius:10px;margin-bottom:16px;font-weight:600}.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px;align-items:center}.toolbar input[type=search]{flex:1;min-width:200px;max-width:400px}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:24px auto}@keyframes spin{to{transform:rotate(360deg)}}.pool-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:16px 0;min-height:80px}.ball{width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#e63946,#9d0208);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;text-align:center;padding:4px;line-height:1.15;cursor:default;transition:transform .1s,box-shadow .2s;position:relative;box-shadow:0 2px 8px #0003}.ball[data-name]:hover:after{content:attr(data-name);position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:6px;background:var(--primary);color:#fff;padding:6px 10px;border-radius:6px;font-size:.75rem;font-weight:600;white-space:nowrap;z-index:5;pointer-events:none;max-width:200px;overflow:hidden;text-overflow:ellipsis}.ball.ball-weekly{background:linear-gradient(145deg,#7c3aed,#5b21b6)}.ball.shake{animation:ball-shake .12s infinite}.ball.winner-glow{animation:winner-pulse .5s ease-in-out infinite;box-shadow:0 0 24px gold,0 0 40px #e63946;z-index:2}@keyframes ball-shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-2px,1px) rotate(-2deg)}75%{transform:translate(2px,-1px) rotate(2deg)}}@keyframes winner-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.prob-list{list-style:none;padding:0;margin:0}.prob-list li{display:flex;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border)}.prob-list li:nth-child(2n){background:#fafafa}.winner-card{text-align:center;padding:28px;border:2px solid var(--accent-red);border-radius:12px;background:linear-gradient(180deg,#fff5f5,#fff);margin-top:20px}.winner-card h3{color:var(--accent-red);font-size:1.4rem;margin:0 0 12px}.winner-card .big{font-size:1.25rem;font-weight:700;margin:8px 0}.toast-container{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:8px;max-width:360px;pointer-events:none}.toast{padding:12px 16px;border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;box-shadow:0 4px 16px #0003;animation:toast-in .3s ease;pointer-events:auto}.toast.success{background:var(--success)}.toast.error{background:#c1121f}.toast.warn{background:#b8860b}@keyframes toast-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.config-note{font-size:.8rem;color:#666;margin-top:8px}.scan-toolbar{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.btn-scan-camera{width:auto;min-width:180px;padding:12px 20px;font-size:.95rem}.scan-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#1a1a2e8c;display:flex;align-items:center;justify-content:center;padding:16px}.scan-modal{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px;max-width:420px;width:100%;box-shadow:0 8px 32px #0003}.scan-modal-title{margin:0 0 8px;font-size:1.1rem;font-weight:700}.scan-modal-hint{margin:0 0 12px;font-size:.85rem;color:#555}.qr-reader-wrap{min-height:240px;border-radius:8px;overflow:hidden;border:1px solid var(--border);margin-bottom:8px}.scan-modal-note{font-size:.75rem;color:#666;margin:0 0 12px}.scan-modal-cancel{width:100%;margin-top:8px}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(160deg,#1a1a2e,#2d2d44)}.login-card{background:var(--card);border-radius:16px;padding:32px 28px;max-width:380px;width:100%;box-shadow:0 12px 48px #00000040}.login-title{margin:0 0 8px;font-size:1.35rem;text-align:center;color:var(--primary)}.login-sub{margin:0 0 24px;font-size:.9rem;color:#666;text-align:center}.login-form{margin:0}.login-label{display:block;font-size:.85rem;font-weight:600;margin-bottom:8px;color:var(--primary)}.login-input{width:100%;padding:12px 14px;font-size:1rem;border:1px solid var(--border);border-radius:8px}.login-input:focus{outline:2px solid rgba(26,26,46,.35);outline-offset:0}.login-error{color:var(--accent-red);font-size:.85rem;margin:10px 0 0}.login-submit{width:100%;margin-top:16px;padding:12px;font-weight:700;border:none;border-radius:8px;background:var(--primary);color:#fff;cursor:pointer;font-size:1rem}.login-submit:hover{opacity:.92}.login-config-block{min-height:100vh;flex-direction:column;justify-content:center;padding:24px}