:root{color:#1f2420;font-synthesis:none;text-rendering:optimizelegibility;-webkit-text-size-adjust:100%;background:#f6f7f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.62}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:#fff;border:1px solid #d9ded8;border-radius:8px;width:min(100%,420px);padding:28px;box-shadow:0 16px 42px #1f242014}.login-brand,.brand-mark{align-items:center;gap:12px;display:flex}.login-brand{margin-bottom:28px}.login-brand svg,.brand-mark svg{color:#176c8f}.login-brand h1{letter-spacing:0;margin:0;font-size:28px;font-weight:700}.login-panel .primary-button{width:100%;margin-top:16px}.login-brand p,.brand-mark span{color:#687069;margin:0;font-size:13px}.app-shell{isolation:isolate;grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#fff;border-right:1px solid #d9ded8;flex-direction:column;gap:22px;padding:22px 16px;display:flex}.brand-mark{min-height:44px;padding:0 6px}.brand-mark strong{letter-spacing:0;font-size:18px;display:block}.nav-list{gap:6px;display:grid}.nav-item,.icon-button,.primary-button,.secondary-button,.danger-button,.success-button{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 14px;display:inline-flex}.nav-item{color:#39413b;background:0 0;justify-content:flex-start;width:100%}.nav-item.active{color:#0f5f46;background:#edf7f2;border-color:#d5e7df}.nav-item-live{color:#0f5f46;background:#f2faf5;border-color:#bee2d0}.nav-item-live small{color:#0f5f46;background:#dff3e8;border-radius:999px;margin-left:auto;padding:2px 8px;font-size:12px;font-weight:700;line-height:1.3}.nav-item-live.active{background:#e4f6ed;border-color:#83c7a6}.sidebar-footer{align-items:center;gap:10px;margin-top:auto;display:flex}.admin-identity{flex:1;min-width:0}.admin-identity span,.admin-identity small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.admin-identity span{font-size:13px}.admin-identity small{color:#69736b}.icon-button{color:#515b54;background:#eef1ee;width:40px;padding:0}.workspace{background:#f6f7f5;min-width:0;padding:28px;overflow-x:hidden}.workspace-inner{gap:18px;width:min(100%,1120px);display:grid}.workspace-inner.narrow{width:min(100%,820px)}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-title-row{align-items:center;gap:10px;min-width:0;display:flex}.page-header h2{letter-spacing:0;overflow-wrap:anywhere;margin:0;font-size:28px;font-weight:700;line-height:1.12}.page-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.toolbar{background:#fff;border:1px solid #d9ded8;border-radius:8px;gap:14px;padding:16px;display:grid}.compact-toolbar{width:min(100%,360px)}.search-field{background:#fff;border:1px solid #c8d0c9;border-radius:6px;align-items:center;gap:10px;min-height:42px;padding:0 12px;display:flex}.search-field svg{color:#687069}.search-field input{border:0;outline:0;width:100%;min-width:0}.filter-grid{grid-template-columns:repeat(6,minmax(140px,1fr));align-items:start;gap:12px;display:grid}.tool-panel,.data-section{background:#fff;border:1px solid #d9ded8;border-radius:8px}.tool-panel{gap:16px;padding:18px;display:grid}.control-grid{grid-template-columns:minmax(220px,1fr) minmax(220px,320px);gap:14px;display:grid}.file-drop{color:#2f3531;background:#f8faf8;border:1px dashed #bfc8c0;border-radius:8px;align-items:center;gap:12px;min-height:72px;padding:16px;display:flex;position:relative}.file-drop input{cursor:pointer;opacity:0;position:absolute;inset:0}.field{align-content:start;gap:7px;display:grid}.field span{color:#59625b;font-size:13px}.field input,.field select,.field textarea{color:#202722;background:#fff;border:1px solid #c8d0c9;border-radius:6px;width:100%;min-height:44px;padding:9px 11px}.field textarea{resize:vertical}.field small{color:#687069;font-size:12px}.field-error{color:#8b2727;font-size:12px}.field.compact{align-content:start}.button-row,.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.primary-button{color:#fff;background:#145c72}.secondary-button{color:#2d312e;background:#fff;border-color:#c8d0c9}.danger-button{color:#fff;background:#9f2f2f}.success-button{color:#fff;background:#147a4d}.status-line{border-radius:6px;align-items:center;gap:8px;min-height:36px;padding:9px 11px;font-size:14px;line-height:1.35;display:flex}.status-line.success{color:#14553f;background:#e9f6ef}.status-line.error{color:#8b2727;background:#fff0ee}.status-badge{border-radius:999px;align-items:center;min-height:26px;padding:0 9px;font-size:12px;font-weight:600;display:inline-flex}.status-badge.available{color:#14553f;background:#e9f6ef}.status-badge.on_loan{color:#74440f;background:#fff4dd}.status-badge.pending_catalog{color:#1d5672;background:#e8f4fa}.status-badge.lost,.status-badge.retired{color:#6c3131;background:#f6e9e9}.status-badge.maintenance,.status-badge.user-draft{color:#4d4f5f;background:#ececf6}.status-badge.user-active{color:#14553f;background:#e9f6ef}.status-badge.user-admin_created{color:#1d5672;background:#e8f4fa}.status-badge.user-blocked{color:#6c3131;background:#f6e9e9}.status-badge.admin-active{color:#14553f;background:#e9f6ef}.status-badge.admin-pending_password{color:#74440f;background:#fff4dd}.status-badge.admin-disabled{color:#6c3131;background:#f6e9e9}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-card{background:#fff;border:1px solid #d9ded8;border-radius:8px;align-content:space-between;gap:10px;min-height:118px;padding:16px;display:grid}.metric-card span,.metric-card small,.muted-line{color:#687069}.metric-card span{font-size:13px}.metric-card strong{letter-spacing:0;font-size:34px;line-height:1}.metric-card small,.muted-line{font-size:13px}.muted-line{margin-top:4px;display:block}.analytics-workspace{width:min(100%,1240px)}.header-field{min-width:132px}.analytics-channel-panel{gap:18px}.channel-form{grid-template-columns:repeat(5,minmax(120px,1fr)) auto;align-items:end;gap:12px;display:grid}.analytics-channel-table{min-width:920px}.link-cell{overflow-wrap:anywhere;color:#145c72;max-width:360px;font-size:13px}.analytics-layout{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px;display:grid}.analytics-chart-section{min-width:0}.chart-wrap{gap:12px;padding:14px 16px 16px;display:grid}.line-chart,.bar-chart{width:100%;height:auto;overflow:visible}.chart-grid-line{stroke:#e4e8e3;stroke-width:1px}.chart-axis-label{fill:#687069;font-size:12px}.webapp-bar{fill:#145c72;opacity:.78}.webapp-unique-line{stroke:#147a4d;stroke-width:3px}.chart-legend{color:#59625b;flex-wrap:wrap;gap:10px 16px;font-size:13px;display:flex}.chart-legend span{align-items:center;gap:7px;display:inline-flex}.chart-legend i{border-radius:999px;width:10px;height:10px}.funnel-list{gap:12px;padding:16px;display:grid}.funnel-row{gap:8px;display:grid}.funnel-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.funnel-meta strong{font-size:14px}.funnel-meta span{color:#687069;font-size:13px}.funnel-track{background:#edf1ee;border-radius:999px;height:12px;overflow:hidden}.funnel-bar{border-radius:inherit;background:#145c72;min-width:0;height:100%;display:block}.retention-table{min-width:760px}.retention-cell,.retention-empty{text-align:center;min-width:78px;font-weight:700}.retention-empty{color:#8a938d}.status-badge.donation-draft{color:#4d4f5f;background:#ececf6}.status-badge.donation-placed{color:#74440f;background:#fff4dd}.data-section{overflow:hidden}.section-heading{border-bottom:1px solid #e4e8e3;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.section-heading h3{letter-spacing:0;margin:0;font-size:16px}.section-heading span{color:#687069;font-size:13px}.table-wrap{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.pagination{color:#687069;border-top:1px solid #e4e8e3;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex}.pagination-actions{align-items:center;gap:10px;display:flex}.pagination-button{min-height:36px}.pagination-page{color:#39413b;text-align:center;min-width:68px;font-weight:700}table{border-collapse:collapse;width:100%;min-width:760px;font-size:14px}.donation-table{min-width:1180px}.feedback-table{min-width:980px}.users-table{min-width:1040px}.admins-table{min-width:980px}.user-loans-table{min-width:1120px}.user-block-history-table{min-width:820px}.user-profile-history-table{min-width:1080px}.user-donations-table{min-width:920px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #eef1ee;padding:11px 16px}th{color:#687069;text-transform:uppercase;font-size:12px;font-weight:600}.sort-header{min-height:24px;color:inherit;font:inherit;font-weight:inherit;letter-spacing:inherit;text-align:left;text-transform:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:inline-flex}.sort-header svg{color:#8a938d;flex:none}.sort-header.active{color:#202722}.sort-header.active svg{color:#145c72}.table-action-button{min-height:34px;padding:0 11px}.table-link,.title-button{color:#145c72;min-height:32px;font:inherit;text-align:left;background:0 0;border:0;padding:0;font-weight:650}.feedback-preview-button{max-width:560px;line-height:1.4}.feedback-detail-summary{gap:14px}.feedback-author-link{color:#145c72;text-align:left;background:#fff;border:1px solid #d9ded8;border-radius:6px;align-items:center;gap:8px;width:fit-content;padding:8px 12px;font-weight:650;display:inline-flex}.feedback-full-text{color:#202722;white-space:pre-wrap;max-width:840px;font-size:15px;line-height:1.6}.mono-cell{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.table-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.compact-button{min-height:36px;padding:0 10px;font-size:13px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.span-2{grid-column:span 2}.cover-upload{grid-template-columns:112px minmax(0,1fr);align-items:center;gap:14px;display:grid}.cover-upload-preview{aspect-ratio:3/4;color:#687069;background:#f5f7f5;border:1px solid #d7ded8;border-radius:6px;place-items:center;width:112px;display:grid;overflow:hidden}.cover-upload-preview img{object-fit:cover;width:100%;height:100%}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;display:grid}.result-grid div{border-bottom:1px solid #eef1ee;padding:14px 16px}.result-grid dt{color:#687069;font-size:12px}.result-grid dd{overflow-wrap:anywhere;margin:5px 0 0}.user-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-history-snapshot{gap:6px;min-width:0;margin:0;display:grid}.profile-history-snapshot div{gap:2px;display:grid}.profile-history-snapshot dt{color:#687069;font-size:12px}.profile-history-snapshot dd{overflow-wrap:anywhere;margin:0}.empty-state{color:#687069;padding:22px 16px}.tag-picker,.tag-picker-box{position:relative}.tag-picker-box input{width:100%}.tag-picker-box.disabled{opacity:.68}.tag-menu{z-index:5;background:#fff;border:1px solid #c8d0c9;border-radius:8px;max-height:240px;display:grid;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto;box-shadow:0 14px 32px #1f24201f}.tag-menu button,.tag-menu-empty{color:#202722;text-align:left;background:#fff;border:0;border-bottom:1px solid #eef1ee;min-height:38px;padding:9px 11px}.tag-menu button:hover{background:#f3f7f4}.tag-menu-create{font-weight:700}.tag-menu-empty{color:#687069}.selected-tags{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.tag-chip{color:#0f5f46;background:#edf7f2;border:1px solid #cfe2d7;border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:0 9px;display:inline-flex}.success-panel{background:#fff;border:1px solid #d5e7df;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px;display:grid}.success-panel svg{color:#147a4d}.success-panel h3,.success-panel p{margin:0}.success-panel p{color:#687069;margin-top:5px}.pending-list{display:grid}.pending-row{border-bottom:1px solid #eef1ee;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:13px 16px;display:grid}.donation-admin-row{align-items:start}.donation-admin-main{gap:3px;min-width:0;display:grid}.donation-admin-main strong,.donation-admin-main span,.donation-admin-main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.donation-admin-main span,.donation-admin-main small{color:#687069}.donation-admin-main small{font-size:13px}.title-button{gap:3px;display:grid}.title-button span{color:#687069;font-size:13px;font-weight:400}.modal-backdrop{z-index:20;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));background:#1116125c;place-items:center;display:grid;position:fixed;inset:0}.modal-panel{background:#fff;border-radius:8px;gap:16px;width:min(100%,560px);max-height:min(92dvh,760px);padding:18px;display:grid;overflow-y:auto;box-shadow:0 24px 56px #1f24202e}.modal-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-header h3{margin:0;font-size:18px}.modal-form{gap:14px;display:grid}.qr-preview{justify-items:center;gap:12px;display:grid}.qr-preview img{border:1px solid #e4e8e3;border-radius:8px;width:min(100%,360px)}.action-menu{position:relative}.action-menu-popover{z-index:5;background:#fff;border:1px solid #d9ded8;border-radius:8px;min-width:220px;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 18px 42px #1f24201f}.action-menu-popover button{color:#2f3531;text-align:left;background:#fff;border:0;border-bottom:1px solid #eef1ee;justify-content:flex-start;align-items:center;gap:9px;min-height:42px;padding:0 13px;display:flex}.action-menu-popover button:last-child{border-bottom:0}.action-menu-popover button:hover,.action-menu-popover button:focus-visible{background:#f5f8f6}.ai-upload-panel{gap:18px}.ai-dropzone{color:#465049;text-align:center;background:#f8faf8;border:1px dashed #aeb9b1;border-radius:8px;place-items:center;gap:12px;min-height:210px;padding:22px;display:grid}.ai-dropzone svg{color:#176c8f}.ai-photo-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.ai-photo-card{gap:7px;min-width:0;display:grid;position:relative}.ai-photo-card img{aspect-ratio:2/3;object-fit:cover;background:#eef1ee;border:1px solid #d9ded8;border-radius:8px;width:100%}.ai-photo-card .icon-button{background:#ffffffeb;width:32px;min-height:32px;position:absolute;top:6px;right:6px}.ai-photo-card span{color:#687069;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.ai-batch-panel{gap:16px}.ai-batch-summary{gap:12px;display:grid}.ai-batch-summary h3{margin:8px 0 4px;font-size:20px}.ai-batch-summary p{color:#687069;margin:0}.ai-progress{background:#edf1ee;border-radius:999px;height:10px;overflow:hidden}.ai-progress span{border-radius:inherit;background:#147a4d;height:100%;transition:width .18s;display:block}.ai-item-list{border:1px solid #e4e8e3;border-radius:8px;display:grid;overflow:hidden}.ai-item-row{border-bottom:1px solid #eef1ee;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.ai-item-row:last-child{border-bottom:0}.ai-item-row strong,.ai-item-row span{min-width:0}.status-badge.ai-queued,.status-badge.ai-processing{color:#74440f;background:#fff4dd}.status-badge.ai-completed{color:#14553f;background:#e9f6ef}.status-badge.ai-completed_with_errors,.status-badge.ai-failed,.status-badge.ai-cancelled{color:#6c3131;background:#f6e9e9}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=820px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:12;padding:10px max(12px, env(safe-area-inset-right)) 10px max(12px, env(safe-area-inset-left));border-bottom:1px solid #d9ded8;border-right:0;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand footer";align-items:center;gap:10px;display:grid;position:sticky;top:0;box-shadow:0 10px 24px #1f242014}.brand-mark{grid-area:brand;min-height:40px;padding:0}.brand-mark strong{font-size:16px}.nav-list{z-index:14;padding:8px max(12px, env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));overscroll-behavior-x:contain;scrollbar-width:none;background:#fffffff5;border-top:1px solid #d9ded8;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto;box-shadow:0 -14px 32px #1f24201f}.nav-list::-webkit-scrollbar{display:none}.nav-item{white-space:nowrap;background:#fff;border-color:#d9ded8;flex:none;min-width:92px;min-height:50px;padding:0 12px;font-size:13px}.nav-item.active{border-color:#83c7a6}.nav-item-live small{margin-left:0}.sidebar-footer{grid-area:footer;margin-top:0;display:flex}.admin-identity{display:none}.workspace{padding:16px max(14px, env(safe-area-inset-right)) calc(92px + env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left))}.workspace-inner,.workspace-inner.narrow,.analytics-workspace{gap:14px;width:100%}.control-grid,.filter-grid,.form-grid,.metric-grid,.analytics-layout,.channel-form,.result-grid,.success-panel,.pending-row{grid-template-columns:1fr}.span-2{grid-column:span 1}.cover-upload{grid-template-columns:88px minmax(0,1fr)}.cover-upload-preview{width:88px}.page-header{gap:12px;display:grid}.page-header h2{font-size:24px}.page-title-row{align-items:flex-start}.page-actions,.button-row,.form-actions{justify-content:flex-start}.page-actions>*,.button-row>*,.form-actions>*{flex:auto}.page-actions button,.button-row button,.form-actions button,.action-menu,.action-menu>button{width:100%}.toolbar,.tool-panel{padding:14px}.compact-toolbar{width:100%}.search-field,.field input,.field select,.field textarea{min-height:46px;font-size:16px}.metric-card{min-height:108px}.metric-card strong{font-size:30px}.section-heading{flex-direction:column;align-items:flex-start;gap:5px}.status-line{align-items:flex-start}.action-menu-popover{min-width:100%;left:0;right:0}.pagination{flex-direction:column;align-items:stretch}.pagination-actions{justify-content:space-between}.ai-photo-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}.ai-item-row{grid-template-columns:1fr;align-items:start}}@media (width<=700px){.table-wrap{padding:0 10px 12px;overflow-x:visible}.table-wrap table{border-collapse:separate;border-spacing:0 10px;min-width:0;font-size:14px}.table-wrap thead{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.table-wrap tbody,.table-wrap tr,.table-wrap td{width:100%;display:block}.table-wrap tr{background:#fff;border:1px solid #e1e7e1;border-radius:8px;overflow:hidden}.table-wrap td{overflow-wrap:anywhere;border-bottom:1px solid #eef1ee;grid-template-columns:minmax(92px,34%) minmax(0,1fr);align-items:start;gap:10px;min-height:42px;padding:10px 12px;display:grid}.table-wrap td:last-child{border-bottom:0}.table-wrap td:before{content:attr(data-label);color:#687069;text-transform:uppercase;font-size:11px;font-weight:700;line-height:1.35}.table-wrap td:not([data-label]):before,.table-wrap td[data-label=""]:before{content:none}.table-wrap td[colspan]{display:block}.table-wrap .table-actions{flex-direction:column;align-items:stretch}.table-wrap .compact-button,.table-wrap .table-action-button{width:100%;min-height:44px}.feedback-preview-button{max-width:none}.result-grid div{padding:12px 14px}}@media (width<=520px){.login-page{padding:16px}.login-panel{padding:22px}.login-brand h1{font-size:24px}.metric-grid,.cover-upload{grid-template-columns:1fr}.cover-upload-preview{width:min(100%,132px)}.modal-backdrop{padding:16px 10px max(10px, env(safe-area-inset-bottom));place-items:end center}.modal-panel{border-radius:10px 10px 8px 8px;width:100%;max-height:min(88dvh,720px);padding:16px}}