:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#f1f2f5;color:#1b2533}
[hidden]{display:none!important}
body{margin:0;background:#f1f2f5}
.admin-shell{display:grid;grid-template-columns:274px minmax(0,1fr);min-height:100vh}
.sidebar{background:#fff;border-right:1px solid #dbe1e8;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}
.sidebar-brand{height:80px;border-bottom:1px solid #e1e5eb;display:flex;align-items:center;gap:9px;padding:0 18px;font-size:1.12rem}
.sidebar-brand img{height:34px;width:39px;object-fit:contain}
.sidebar-brand strong{white-space:nowrap}
.sidebar-brand button{margin-left:auto;background:transparent;color:#3a4655;padding:9px;font-size:1rem}
.side-nav{padding:10px 8px;display:grid;gap:3px}
.side-nav button{width:100%;display:flex;align-items:center;gap:16px;text-align:left;background:transparent;border-radius:6px;color:#364355;font-weight:550;padding:12px 16px;font-size:.99rem}
.side-nav button span{font-size:1.35rem;width:22px;text-align:center;line-height:1}
.side-nav button:hover,.side-nav button[aria-current]{background:#e9ecf0;color:#1e2938}
.sidebar-bottom{margin-top:auto;border-top:1px solid #e1e5eb;padding:12px 8px;display:grid;gap:3px}
.sidebar-bottom a,.sidebar-bottom button{display:block;width:100%;text-align:left;background:transparent;text-decoration:none;color:#61718a;font-size:.92rem;font-weight:550;padding:12px 16px}
.sidebar-bottom button:hover,.sidebar-bottom a:hover{background:#f1f3f6;color:#0c58a6}
.sidebar.collapsed{width:68px}.sidebar.collapsed .sidebar-brand{padding:0 8px}.sidebar.collapsed .sidebar-brand img,.sidebar.collapsed .sidebar-brand strong{display:none}.sidebar.collapsed .side-nav button{font-size:0;justify-content:center;padding:12px 0}.sidebar.collapsed .side-nav button span{font-size:1.35rem}.sidebar.collapsed .sidebar-bottom span{display:none}.admin-shell:has(.sidebar.collapsed){grid-template-columns:68px minmax(0,1fr)}
main.workspace{max-width:none;min-width:0;margin:0;padding:30px clamp(22px,2vw,38px) 90px}
.workspace h1{font-size:2rem;letter-spacing:-.035em;line-height:1.15;margin:0 0 5px}
.workspace h2{font-size:1.35rem;margin:0 0 8px}
.workspace p{margin-top:0;color:#65758d}
.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}
.page-heading p{font-size:1.05rem;margin:3px 0 0}
.panel,.record{border-radius:9px;border:1px solid #d9e0e9;box-shadow:0 1px 2px #1424350b;background:#fff}
.panel{padding:26px}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 26px}
.stats.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.stat{padding:25px 28px;min-height:136px}
.stat span{color:#596d86;font-size:.92rem}.stat strong{display:block;font-size:1.9rem;margin:11px 0 2px;color:#1b2533}.stat small{color:#6c7e97}
.quick-start{display:grid;gap:14px}.quick-start h2{font-size:1.5rem}.quick-link{padding:20px;border:1px solid #dbe2eb;border-radius:7px}.quick-link strong{display:block}.quick-link p{margin:10px 0}.quick-link button,.text-link{padding:0;color:#075cba;background:transparent;font-weight:650;text-decoration:none}.quick-link button:hover{text-decoration:underline}
button.primary{background:#0962bf;color:#fff}.workspace button.primary:hover{background:#0753a4}.toolbar{margin:20px 0 24px}.toolbar button{white-space:nowrap}
.upload-panel{margin-bottom:26px}.upload-panel h2{font-size:1.5rem}.upload-panel input[type=file]{padding:12px}.upload-panel .hint{display:block;margin-top:10px}
.filterbar{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin:0 0 20px}.filterbar select{display:inline-block;width:230px;margin:0;background:#fff}.filterbar span{color:#677a92}.filterbar button{background:#fff;border:1px solid #d5dde8}
.cards.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.gallery-grid .record{display:block;padding:0;overflow:hidden}.gallery-grid .record img{width:100%;height:245px;object-fit:cover;border-radius:0}.gallery-grid .record-main{padding:13px}.gallery-grid .record strong{font-size:.91rem}.gallery-grid .record small{font-size:.78rem}.gallery-grid .record .actions{padding:0 13px 13px;display:flex;flex-wrap:wrap}.gallery-grid .record button{font-size:.8rem;padding:7px 11px}
.cards.transformation-list{display:grid;gap:18px}.transformation-list .record{grid-template-columns:20px minmax(230px,1.15fr) minmax(220px,.85fr) auto;padding:16px;gap:16px;min-height:225px}.transformation-list .compare{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:100%}.transformation-list .compare figure{position:relative;margin:0}.transformation-list .compare img{width:100%;height:205px;object-fit:cover}.transformation-list .compare figcaption{position:absolute;bottom:8px;left:8px;background:#0c172cdb;color:#fff;font-size:.72rem;padding:5px 8px;border-radius:3px}.transformation-list .record-main{align-self:start;padding-top:5px}.transformation-list .record strong{font-size:1.06rem}.transformation-list .record .actions{align-self:end;white-space:nowrap}
.seo-tabs{display:flex;justify-content:center;gap:6px;margin:26px 0}.seo-tabs button{background:transparent;color:#65758d;font-weight:600}.seo-tabs button[aria-current]{background:#fff;color:#1b2533;box-shadow:0 1px 2px #14243518}.seo-list{padding:0}.seo-row{display:flex;width:100%;border-top:1px solid #e2e7ee;border-radius:0;background:#fff;text-align:left;align-items:center;gap:15px;padding:16px 24px;font-weight:600}.seo-row:hover{background:#f8fafd}.seo-row small{display:block;font-weight:400;color:#62758f;margin-top:3px}.seo-row .arrow{margin-left:auto;color:#7488a3}.status-tag{font-size:.75rem;background:#eaf4ff;color:#145aa0;border-radius:20px;padding:4px 9px;white-space:nowrap}.status-tag.missing{background:#fff2dd;color:#a75d00}
.seo-note{background:#edf5ff;color:#315e90}.form-grid{margin-top:20px}
.user-table{width:100%;border-collapse:collapse}.user-table th,.user-table td{text-align:left;padding:16px;border-bottom:1px solid #e2e7ee}.user-table th{color:#62758f;background:#f5f7f9;font-size:.85rem}.user-table tr:last-child td{border-bottom:0}
.setup-note{margin-bottom:20px}.setup-note code{background:#eef2f6;padding:3px 5px;border-radius:3px}
.invite-panel,.pending-panel{margin-bottom:24px}.invite-panel form{display:flex;gap:14px;align-items:end}.invite-panel form label{flex:1}.invite-panel form button{white-space:nowrap}.pending-panel .count{display:inline-block;vertical-align:middle;background:#e9f1fb;color:#0a5ba9;border-radius:16px;font-size:.85rem;padding:4px 10px}.table-scroll{overflow-x:auto}.user-actions{white-space:nowrap}.user-actions button{padding:8px 10px;margin-right:6px;font-size:.8rem}.empty-inline{padding:12px 0;margin:0}.login #check-approval{background:#0962bf;color:white}.login #pending-signout{margin-left:8px}
.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px}.login-brand{text-align:center;display:grid;justify-items:center;gap:12px;font-weight:800;letter-spacing:.14em;color:#254f8c}.login-brand img{height:80px;width:100px;object-fit:contain}.login.panel{width:min(100%,460px);margin:25px auto;padding:34px}.login h1{font-size:3.2rem}.login form{margin-top:20px}.login button{background:#0962bf;color:#fff}.login .hint{margin-top:20px}
#notice:not(:empty),#login-notice:not(:empty){background:#e8f2ff;border-left:4px solid #0a65bf;padding:13px 18px;margin-bottom:22px}#notice.error,#login-notice.error{background:#fff0ed;border-color:#b5362c}
@media(max-width:1250px){.cards.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.transformation-list .record{grid-template-columns:20px 1fr 1fr}.transformation-list .record .actions{grid-column:2/-1}}
@media(max-width:900px){.admin-shell{grid-template-columns:68px minmax(0,1fr)}.sidebar{width:68px}.sidebar-brand{padding:0 8px}.sidebar-brand img,.sidebar-brand strong{display:none}.side-nav button{font-size:0;justify-content:center;padding:12px 0}.side-nav button span{font-size:1.35rem}.sidebar-bottom span{display:none}.cards.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.transformation-list .record{grid-template-columns:1fr}.transformation-list .record .actions{grid-column:auto}.transformation-list .record .compare img{height:180px}}
@media(max-width:620px){main.workspace{padding:24px 16px 70px}.page-heading{display:block}.page-heading>button{margin-top:17px}.stats,.stats.two{grid-template-columns:1fr}.cards.gallery-grid{grid-template-columns:1fr 1fr;gap:9px}.gallery-grid .record img{height:150px}.gallery-grid .record .actions{display:grid}.panel{padding:18px}.seo-tabs{justify-content:flex-start;overflow-x:auto}.invite-panel form{display:grid}.user-actions{display:flex;gap:5px}}