:root{--bg: #f7f7f8;--surface: #ffffff;--border: #e6e6ea;--border-strong: #d3d3da;--text: #1a1a1a;--muted: #6b7280;--accent: #2f6fdb;--accent-soft: #eaf1fc;--owned-bg: #e7f6ec;--owned-fg: #1c7a43;--building-bg: #fef3e0;--building-fg: #9a5b12;--wishlist-bg: #eaf1fc;--wishlist-fg: #2f5bbd;--radius: 8px;--shadow: 0 1px 2px rgba(0,0,0,.05);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.container{max-width:960px;margin:0 auto;padding:0 20px}.center-screen{display:flex;min-height:60vh;align-items:center;justify-content:center;color:var(--muted)}.muted{color:var(--muted)}.error{color:#b42318;font-size:14px;margin:8px 0}.header{background:var(--surface);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:58px}.brand{font-weight:600;font-size:17px;display:flex;align-items:center;gap:8px}.brand-mark{color:var(--accent);letter-spacing:-2px}.header-actions{display:flex;align-items:center;gap:10px}.header-email{font-size:13px;color:var(--muted)}.btn{font-size:14px;padding:8px 14px;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;font-weight:500}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#285fc0}.btn-primary:disabled{opacity:.6;cursor:default}.btn-ghost{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn-ghost:hover{background:#f2f2f4}.btn-block{width:100%;margin-top:6px}.link-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:13px;padding:0}.link-btn.danger{color:#b42318}main.container{padding-top:22px;padding-bottom:60px}.stats{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.stat{flex:1;min-width:90px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.stat-value{font-size:22px;font-weight:600}.stat-label{font-size:12px;color:var(--muted);margin-top:2px}.ai-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:16px}.ai-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ai-toggle{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--radius);overflow:hidden}.ai-mode{font-size:13px;padding:7px 12px;background:var(--surface);color:var(--muted);border:none;cursor:pointer}.ai-mode-active{background:var(--accent-soft);color:var(--accent);font-weight:500}.ai-result{margin:12px 0 0;padding:12px 14px;background:var(--accent-soft);border-radius:var(--radius);font-size:14px;line-height:1.5;color:#1e3a6b}.toolbar{margin-bottom:16px}.toolbar-row{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.input{border:1px solid var(--border-strong);border-radius:var(--radius);padding:8px 11px;font-size:14px;background:var(--surface);color:var(--text)}.input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.search{flex:1;min-width:160px}.select{min-width:130px}.add-btn{white-space:nowrap}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tab{font-size:13px;padding:5px 12px;border-radius:20px;border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer}.tab-active{background:var(--text);color:#fff;border-color:var(--text)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px;box-shadow:var(--shadow)}.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.card-name{font-weight:600;font-size:15px;margin:0;line-height:1.3}.card-number{font-size:11px;color:var(--muted);white-space:nowrap}.card-meta{font-size:13px;color:var(--muted);margin:6px 0 12px}.card-bottom{display:flex;justify-content:space-between;align-items:center}.card-actions{display:flex;gap:10px}.badge{font-size:12px;padding:2px 10px;border-radius:20px;font-weight:500}.badge-owned{background:var(--owned-bg);color:var(--owned-fg)}.badge-building{background:var(--building-bg);color:var(--building-fg)}.badge-wishlist{background:var(--wishlist-bg);color:var(--wishlist-fg)}.banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--accent-soft);border:1px solid #cfe0f8;border-radius:var(--radius);padding:10px 14px;margin-bottom:16px;font-size:14px;flex-wrap:wrap}.empty{text-align:center;padding:48px 20px;background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius)}.empty-title{font-weight:600;font-size:16px;margin:0 0 4px}.empty .btn{margin-top:14px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{background:var(--surface);border-radius:12px;padding:22px;width:460px;max-width:100%;max-height:90vh;overflow-y:auto}.modal-narrow{width:360px}.modal-title{margin:0 0 14px;font-size:18px}.field-label{display:block;font-size:13px;color:var(--muted);margin:10px 0 4px}.field-row{display:flex;gap:12px}.field-row>div{flex:1}.field-row .input,.modal .input{width:100%}.textarea{resize:vertical;font-family:inherit}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.auth-message{font-size:13px;color:var(--muted);background:var(--accent-soft);padding:9px 11px;border-radius:var(--radius);margin:0 0 6px}.auth-switch{font-size:13px;color:var(--muted);text-align:center;margin:14px 0 0}
