.op-account-page{--bg:var(--studio-bg,#f8f6f0);--bg3:var(--studio-muted-panel,#f3f0e9);--surface:var(--studio-panel,#fffefa);--surface2:var(--studio-muted-panel,#f3f0e9);--surface3:color-mix(in srgb,var(--studio-oak,#76533b) 9%,var(--studio-panel,#fffefa));--border:var(--studio-border,#ddd8cd);--border2:color-mix(in srgb,var(--studio-oak,#76533b) 28%,var(--studio-border,#ddd8cd));--text:var(--studio-text,#302820);--text2:var(--studio-muted,#746e65);--text3:color-mix(in srgb,var(--studio-muted,#746e65) 72%,transparent);--amber:var(--studio-grass-dark,#347f24);--amber2:var(--studio-grass,#55b52f);--amber-dim:color-mix(in srgb,var(--studio-grass,#55b52f) 10%,transparent);--coral:var(--studio-redstone,#d94b43);--coral-dim:color-mix(in srgb,var(--studio-redstone,#d94b43) 10%,transparent);color-scheme:inherit;background:var(--bg);color:var(--text)}.op-account-shell{--sidebar-w:220px;--op-account-frame-h:calc(100vh - 8.5rem);position:relative;z-index:1;font-family:ui-sans-serif,system-ui,sans-serif}.op-account-layout{position:relative;z-index:1;display:flex;align-items:stretch;min-height:min(360px,45vh);overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.op-account-sidebar{width:var(--sidebar-w);flex-shrink:0;display:flex;flex-direction:column;background:var(--bg3,#1b1916);border-right:1px solid var(--border);overflow-y:auto;scrollbar-width:thin}.op-account-sidebar-user{display:flex;align-items:flex-start;gap:10px;padding:16px 16px 14px;border-bottom:1px solid var(--border)}.op-account-avatar{width:34px;height:34px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0;border:none;background:transparent}.op-account-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.op-account-nav-section{padding:12px 10px 4px}.op-account-nav-label{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);padding:0 8px;margin-bottom:4px}.op-account-nav-item{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:8px;margin-bottom:1px;font-size:13px;color:var(--text2);cursor:pointer;transition:all .15s;border:1px solid transparent;background:transparent;width:100%;text-align:left}.op-account-nav-item:hover{background:var(--surface2);color:var(--text)}.op-account-nav-item.active{background:var(--amber-dim);color:var(--amber);border-color:rgba(37,99,235,.18)}.op-account-nav-child{margin-left:8px;width:calc(100% - 8px);font-size:12px}.op-account-nav-badge{margin-left:auto;font-size:10px;padding:1px 6px;border-radius:99px;background:var(--surface3);color:var(--text3)}.op-account-nav-badge.warn{background:var(--coral-dim,rgba(224,96,80,.1));color:var(--coral,#e06050)}.op-account-main{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg)}.op-account-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px;height:54px;flex-shrink:0;border-bottom:1px solid var(--border);background:rgba(255,255,255,.82);backdrop-filter:blur(12px)}.op-account-topbar-title{font-family:ui-sans-serif,system-ui,sans-serif;font-size:17px;font-weight:600;color:var(--text)}.op-account-content{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:24px 28px 32px;scrollbar-width:thin;scrollbar-color:var(--surface3) transparent}@media (min-width:901px){.op-account-layout{height:var(--op-account-frame-h);min-height:var(--op-account-frame-h);max-height:var(--op-account-frame-h)}}.op-account-panel{display:none;animation:opAccountFade .25s ease}.op-account-panel.active{display:block;min-height:100%}@keyframes opAccountFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.op-account-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}@media (max-width:900px){.op-account-shell{--op-account-frame-h:min(70vh,calc(100vh - 10rem))}.op-account-layout{flex-direction:column;height:var(--op-account-frame-h);min-height:min(320px,40vh);max-height:var(--op-account-frame-h)}.op-account-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border);max-height:none}.op-account-metrics{grid-template-columns:repeat(2,1fr)}}.op-account-metric{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px 18px}.op-account-metric-label{font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.op-account-metric-value{font-family:ui-serif,Georgia,serif;font-size:24px;color:var(--text)}.op-account-trend-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.op-account-trend-grid-single{grid-template-columns:1fr}@media (max-width:640px){.op-account-trend-grid{grid-template-columns:1fr}}.op-account-trend-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:14px 16px 12px}.op-account-trend-title{font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.op-account-trend-range-btn{font-size:10px;padding:4px 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface2);color:var(--text2);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.op-account-trend-range-btn:hover{background:var(--ctl-hover);color:var(--text)}.op-account-trend-range-btn.active{border-color:var(--amber);color:var(--amber);background:rgba(232,160,32,.08)}.op-account-trend-line-svg{display:block;width:100%;height:auto}.op-account-trend-axis{stroke:var(--border);stroke-width:1}.op-account-trend-line{stroke:var(--amber);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.op-account-trend-dot{fill:var(--amber);stroke:var(--surface);stroke-width:1}.op-account-trend-xlabel{font-size:8px;fill:var(--text3)}.op-account-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px 20px}.op-account-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.op-account-search{flex:1;min-width:160px;background:var(--surface);border:1px solid var(--border2);border-radius:10px;padding:7px 12px;color:var(--text);font-size:13px;outline:none}.op-account-search:focus{border-color:var(--amber)}.op-account-search:focus-visible,.op-account-select:focus-visible{border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-dim)}.op-account-select{padding:7px 10px;outline:none}.op-account-btn,.op-account-select{font-size:12px;border-radius:10px;border:1px solid var(--border2);background:var(--surface);color:var(--text2)}.op-account-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;cursor:pointer;transition:all .15s;text-decoration:none}.op-account-btn:hover{color:var(--text)}.op-account-btn:disabled{cursor:not-allowed;opacity:.55}.op-account-btn svg{width:15px;height:15px;flex:0 0 auto}.op-account-search-field{position:relative;display:flex;min-width:min(100%,260px);flex:1 1 260px;align-items:center}.op-account-search-field>svg{position:absolute;left:10px;width:15px;height:15px;color:var(--text3);pointer-events:none}.op-account-search-field .op-account-search{width:100%;padding-left:32px}.op-account-icon-btn{display:inline-grid;width:30px;height:30px;place-items:center;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text2);transition:border-color .15s,background-color .15s,color .15s}.op-account-icon-btn:hover{border-color:var(--border2);background:var(--surface2);color:var(--amber2)}.op-account-icon-btn:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.op-account-icon-btn svg{width:16px;height:16px}.op-account-error-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid color-mix(in oklab,var(--coral) 28%,var(--border));border-radius:8px;background:var(--coral-dim)}.op-account-btn.primary{background:var(--amber);color:#ffffff;border-color:transparent}.op-account-btn.primary:hover{background:var(--amber2)}.op-account-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:10px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.op-account-pagination+.op-account-card{margin-top:0}.op-account-card+.op-account-pagination{margin-top:12px;margin-bottom:0}.op-account-table-wrap{padding:14px 16px 16px;overflow:hidden}.op-account-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.op-account-table-wrap .op-account-table thead th{padding-top:2px;padding-bottom:12px}.op-account-table-wrap .op-account-table tbody tr:last-child td{border-bottom:none}.op-account-table{width:100%;border-collapse:collapse}.op-account-table-admin{table-layout:fixed;min-width:640px}.op-account-table-admin .op-account-col-check{width:44px}.op-account-table-admin .op-account-col-template{width:42%}.op-account-table-admin .op-account-col-status{width:96px}.op-account-table-admin .op-account-col-date{width:72px}.op-account-table-admin .op-account-col-actions{width:168px}.op-account-table-admin td,.op-account-table-admin th{padding:10px 12px}.op-account-table-admin .op-account-td-check,.op-account-table-admin .op-account-th-check{padding-left:4px!important;padding-right:0!important}.op-account-table-admin .op-account-td-actions,.op-account-table-admin .op-account-th-actions{padding-right:4px!important}.op-account-th-actions{text-align:left}.op-account-table:not(.op-account-table-admin) .op-account-td-actions,.op-account-table:not(.op-account-table-admin) .op-account-th-actions{padding-right:4px}.op-account-table:not(.op-account-table-admin) .op-account-td-actions,.op-account-td-actions{text-align:left}.op-account-table-admin .op-account-td-actions{position:sticky;right:0;z-index:1;background:var(--surface);box-shadow:-10px 0 14px -12px rgba(0,0,0,.45)}.op-account-td-template{max-width:0}.op-account-cell-template{display:flex;align-items:center;gap:10px;min-width:0}.op-account-cell-template-body{min-width:0;flex:1}.op-account-cell-title{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:13px;font-weight:500;color:var(--text);background:none;border:none;padding:0;cursor:pointer}.op-account-cell-title:hover{color:var(--amber2)}.op-account-cell-template-meta{display:flex;align-items:center;gap:4px;margin-top:2px;min-width:0;font-size:10px;line-height:1.3;color:var(--text3)}.op-account-cell-model,.op-account-cell-owner{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.op-account-cell-owner{flex:1 1 40%;max-width:140px}.op-account-cell-model{flex:0 1 auto;max-width:88px}.op-account-cell-sep{flex-shrink:0;opacity:.55}.op-account-td-status{white-space:nowrap}.op-account-td-date{font-size:11px;color:var(--text3);white-space:nowrap}.op-account-table-admin tr:hover .op-account-td-actions{background:color-mix(in oklab,var(--surface) 92%,white 8%)}.op-account-table-admin tr.op-account-row-selected .op-account-td-actions{background:color-mix(in oklab,var(--amber) 6%,var(--surface))}.op-account-table-admin tr.op-account-row-selected:hover .op-account-td-actions{background:color-mix(in oklab,var(--amber) 10%,var(--surface))}.op-account-row-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:4px;width:100%}.op-account-table-admin .op-account-row-btn{font-size:10px;padding:3px 8px;white-space:nowrap}.op-account-table-admin .op-account-thumb{width:44px;height:32px;flex-shrink:0}@media (max-width:900px){.op-account-table-admin{min-width:580px}.op-account-table-admin .op-account-col-actions{width:148px}.op-account-cell-model,.op-account-cell-sep-model{display:none}}.op-account-table th{text-align:left;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--text3);padding:0 12px 10px;font-weight:400;border-bottom:1px solid var(--border)}.op-account-table th.op-account-th-actions{text-align:left}.op-account-table td{padding:12px;border-bottom:1px solid var(--border);font-size:13px;vertical-align:middle}.op-account-table td.op-account-td-actions{text-align:left}.op-account-table tr:last-child td{border-bottom:none}.op-account-table tr:hover td{background:rgba(255,255,255,.015)}.op-account-thumb{width:48px;height:34px;border-radius:6px;-o-object-fit:cover;object-fit:cover;border:1px solid var(--border);background:var(--surface2)}.op-review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.op-review-card{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--surface);cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.op-review-card:hover{border-color:var(--border2);box-shadow:0 10px 24px rgba(15,23,42,.08);transform:translateY(-1px)}.op-review-card.selected{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber-dim)}.op-review-check{position:absolute;left:10px;top:10px;z-index:2;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.08);cursor:pointer}.op-review-image{position:relative;aspect-ratio:4/3;background:var(--surface2)}.op-review-image img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.op-review-image .op-account-status{position:absolute;right:10px;top:10px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px)}.op-review-image-empty{display:grid;height:100%;place-items:center;color:var(--text3);font-size:12px}.op-review-body{padding:10px 12px 12px}.op-review-title{display:-webkit-box;width:100%;min-height:36px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;border:0;background:transparent;padding:0;text-align:left;font-size:13px;font-weight:600;line-height:1.4;color:var(--text);cursor:pointer}.op-review-meta,.op-review-submeta{display:flex;min-width:0;gap:8px;margin-top:6px;font-size:10px;color:var(--text3)}.op-review-submeta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-review-actions{margin-top:10px}.op-account-status{display:inline-flex;align-items:center;gap:4px;font-size:10px;padding:2px 8px;border-radius:99px;white-space:nowrap}.op-account-status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.op-account-status.pub{background:var(--teal-dim);color:var(--teal);border:1px solid rgba(45,212,160,.2)}.op-account-status.draft{background:var(--surface3);color:var(--text3);border:1px solid var(--border)}.op-account-status.priv{background:var(--blue-dim,rgba(90,156,240,.1));color:var(--blue,#5a9cf0);border:1px solid rgba(90,156,240,.2)}.op-account-status.pending{background:var(--amber-dim);color:var(--amber);border:1px solid rgba(232,160,32,.2)}.op-account-status.rejected{background:var(--coral-dim);color:var(--coral);border:1px solid rgba(224,96,80,.2)}.op-account-row-btn{font-size:11px;padding:3px 10px;border-radius:6px;border:1px solid var(--border2);background:transparent;color:var(--text2);cursor:pointer}.op-account-row-btn:hover{color:var(--text);background:var(--surface2)}.op-account-row-btn.approve{color:var(--teal);border-color:rgba(45,212,160,.25)}.op-account-row-btn.reject{color:var(--coral)}.op-account-bulk-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:10px 14px;border-radius:10px;border:1px solid rgba(232,160,32,.25);background:var(--amber-dim)}.op-account-btn.reject{color:var(--coral);border-color:rgba(224,96,80,.3)}.op-account-btn.reject:hover{background:var(--coral-dim);color:var(--coral)}.op-account-td-check,.op-account-th-check{width:36px;padding-left:4px!important;padding-right:0!important;vertical-align:middle}.op-account-check{width:15px;height:15px;accent-color:var(--amber);cursor:pointer}.op-account-row-selected{background:color-mix(in oklab,var(--amber) 6%,var(--surface))}.op-account-row-selected:hover{background:color-mix(in oklab,var(--amber) 10%,var(--surface))}.op-account-empty{padding:32px;text-align:center;color:var(--text3);font-size:13px}[data-theme=light] .op-account-sidebar{background:#eceae3}[data-theme=light] .op-account-layout{background:#fff}[data-theme=light] .op-account-topbar{background:rgba(247,245,240,.92)}.op-account-modal-overlay{position:fixed;inset:0;z-index:200;background:rgba(8,7,6,.82);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s}.op-account-modal-overlay.open{opacity:1;pointer-events:all}.op-account-modal{width:560px;max-width:92vw;max-height:90vh;overflow-y:auto;background:var(--bg3,#1b1916);border:1px solid var(--border2);border-radius:18px;padding:28px;transform:scale(.96) translateY(8px);transition:transform .2s}.op-account-modal-overlay.open .op-account-modal{transform:scale(1) translateY(0)}.op-account-form-group{margin-bottom:16px}.op-account-form-label{display:block;font-size:11px;color:var(--text2);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px}.op-account-form-select,.op-account-input,.op-account-textarea{width:100%;padding:9px 13px;background:var(--surface);border:1px solid var(--border2);border-radius:10px;color:var(--text);font-size:13px;outline:none}.op-account-form-select:focus,.op-account-input:focus,.op-account-textarea:focus{border-color:var(--amber)}.op-account-form-select:focus-visible,.op-account-input:focus-visible,.op-account-textarea:focus-visible{border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-dim)}.op-account-textarea{resize:vertical;min-height:90px;line-height:1.5}.op-account-tag-wrap{display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:var(--surface);border:1px solid var(--border2);border-radius:10px;padding:7px 10px;min-height:38px}.op-account-tag-chip{display:flex;align-items:center;gap:4px;font-size:11px;padding:2px 8px;border-radius:5px;background:var(--surface2);color:var(--text2);border:1px solid var(--border2)}.op-account-tag-chip button{background:none;border:none;color:var(--text3);cursor:pointer}.op-account-vis-group{display:flex;gap:8px;flex-wrap:wrap}.op-account-vis-pill input{position:absolute;opacity:0}.op-account-vis-pill label{display:flex;align-items:center;gap:5px;font-size:12px;padding:5px 12px;border-radius:99px;border:1px solid var(--border2);background:var(--surface2);color:var(--text2);cursor:pointer}.op-account-vis-pill input:checked+label{background:var(--amber-dim);color:var(--amber);border-color:rgba(232,160,32,.3)}