:root{--bg:#fff;--surface:#fff;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--primary:#10b981;--primary-dark:#0d9a6c;--danger:#b3261e;color:var(--text);background:var(--bg);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.45}*{box-sizing:border-box}html,body{background:#fff;min-height:100%;margin:0}body{min-height:100dvh}h1,h2{margin:0}.app{background:#fff;min-height:100dvh}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:20;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.25rem;display:flex;position:sticky;top:0}.topbar-right{align-items:center;gap:.65rem;min-width:0;display:flex}.topbar-email{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.brand{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.brand-mark{background:var(--primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:inline-flex}.content{width:100%;max-width:1100px;margin:0 auto;padding:1.5rem}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.header-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.header-actions select{width:auto;min-width:160px}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:.5rem 1rem 1rem}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:.85rem .5rem}th{color:var(--muted);font-size:.85rem;font-weight:600}.thumb{object-fit:cover;cursor:zoom-in;border-radius:8px;width:48px;height:48px;display:block}.image-cell{vertical-align:top;max-width:220px}.image-cell .thumb{margin-bottom:.35rem}.image-url{text-overflow:ellipsis;white-space:nowrap;word-break:break-all;max-width:100%;color:var(--muted);text-decoration:none;display:block;overflow:hidden}.image-url:hover{color:var(--primary-dark);text-decoration:underline}.image-picker .image-preview{cursor:zoom-in}.image-picker{gap:.6rem;display:grid}.image-preview{object-fit:cover;border:1px solid var(--border);border-radius:12px;width:120px;height:120px}.image-placeholder{border:1px dashed var(--border);text-align:center;border-radius:12px;place-items:center;width:120px;height:120px;padding:.5rem;font-size:.8rem;display:grid}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--danger)}.empty-row{text-align:center;padding:2rem .5rem!important}.tag{color:var(--primary-dark);background:#ecfdf5;border-radius:999px;margin-left:.4rem;padding:.1rem .45rem;font-size:.72rem;font-weight:600;display:inline-block}input,select,textarea,button{font:inherit}input,select,textarea{border:1px solid var(--border);background:#fff;border-radius:12px;width:100%;max-width:100%;padding:.65rem .75rem}.btn{cursor:pointer;white-space:nowrap;background:#f1f5f9;border:none;border-radius:12px;padding:.65rem 1rem}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-ghost{border:1px solid var(--border);background:0 0}.btn-danger{color:var(--danger);background:0 0;border:1px solid #fecaca}.row-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.form-grid{gap:.85rem;display:grid}.form-grid label{gap:.35rem;font-size:.92rem;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.checkbox-row{flex-wrap:wrap;gap:1rem;display:flex}.checkbox{align-items:center;gap:.5rem;grid-template-columns:none!important;display:flex!important}.checkbox input{width:auto}.modal-backdrop{z-index:50;background:#0f172a59;place-items:start center;padding:1rem;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{border:1px solid var(--border);background:#fff;border-radius:18px;width:min(520px,100%);max-height:calc(100dvh - 2rem);margin:auto;padding:1.25rem;overflow-y:auto;box-shadow:0 20px 50px #0f172a1f}.login-page{background:#fff;place-items:center;min-height:100dvh;padding:1rem;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:.85rem;width:min(400px,100%);padding:1.5rem;display:flex}.login-brand{text-align:left;align-items:center;gap:.75rem;display:flex}.login-hint{margin:0}.btn.google{color:#fff;background:#111827;border:none;justify-content:center;align-items:center;gap:.65rem;width:100%;display:inline-flex}.btn.google:hover{background:#1f2937}.btn.google .google-icon{flex:none;width:18px;height:18px}@media (width<=800px){.content{padding:1rem}.page-header{flex-direction:column;align-items:stretch}.header-actions{width:100%}.header-actions select,.header-actions .btn{flex:auto;min-width:0}.header-actions select{flex-basis:100%;width:100%}.topbar{padding:.75rem 1rem}.topbar-email{display:none}.card{border:none;border-radius:0;padding:0}.table-wrap{overflow:visible}table,thead,tbody,th,td,tr{width:100%;display:block}thead{display:none}tbody tr{border:1px solid var(--border);background:#fff;border-radius:14px;margin-bottom:.75rem;padding:.85rem}tbody tr:last-child{margin-bottom:0}td{border:none;grid-template-columns:7.5rem 1fr;align-items:start;gap:.5rem;padding:.35rem 0;display:grid}td:before{content:attr(data-label);color:var(--muted);padding-top:.15rem;font-size:.78rem;font-weight:600}td.image-cell{grid-template-columns:7.5rem 1fr;max-width:none}td.image-cell .thumb{width:64px;height:64px}td.row-actions{border-top:1px solid var(--border);grid-template-columns:none;margin-top:.5rem;padding-top:.65rem;display:flex}td.row-actions:before{display:none}td.row-actions .btn{text-align:center;flex:1}td.empty-row{text-align:center;display:block}td.empty-row:before{display:none}.form-row{grid-template-columns:1fr}.modal-backdrop{align-items:stretch;padding:.75rem}.modal{border-radius:16px;width:100%;max-height:none;margin:0}}@media (width<=420px){.brand strong{font-size:.95rem}.btn{padding:.6rem .8rem}}