.phone.admin-mode{width:min(1200px,calc(100vw - 32px));height:calc(100dvh - 32px);max-height:none;background:#111823;border-color:#344151;border-radius:22px}.admin-view{display:flex;flex:1;min-height:0;flex-direction:column;color:#e5ebf1;background:#111823}.admin-view[hidden]{display:none}.ops-header{display:flex;align-items:center;gap:24px;padding:22px 28px;border-bottom:1px solid #ffffff10;background:#161f2c;flex:none}.ops-brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none;letter-spacing:2px;font-size:15px;font-weight:700}.ops-brand b{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#cfb19e;color:#211b25;font-size:24px;letter-spacing:0}.ops-brand small{display:block;font-size:9px;color:#8b9bac;margin-top:5px;font-weight:500}.ops-operator{margin-left:auto;color:#9eafbd;font-size:12px}.ops-exit{color:#d5bda9;font-size:12px;text-decoration:none}.ops-layout{display:flex;flex:1;min-height:0}.ops-nav{width:185px;flex:none;padding:28px 14px;border-right:1px solid #ffffff0b;display:flex;flex-direction:column;gap:8px}.ops-nav a{color:#95a7ba;padding:13px 15px;border-radius:10px;text-decoration:none;font-size:13px}.ops-nav a[aria-current=page]{background:#29404b;color:#e0eceb;border-left:3px solid #b6c9bb}.ops-nav a:hover{background:#ffffff08}.ops-scroll{flex:1;min-width:0;overflow:auto;padding:30px}#ops-content{max-width:940px;margin:auto}.ops-page-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:28px}.ops-page-heading small,.ops-gate>small{font-size:9px;letter-spacing:2px;color:#7e9b9e}.ops-page-heading h1{font-size:27px;margin:10px 0}.ops-page-heading p,.ops-panel p{font-size:12px;color:#91a2b4;line-height:1.7}.admin-view button,.ops-button{background:#c9b19c;color:#20252a;border:0;border-radius:9px;padding:11px 15px;font-size:12px;text-decoration:none;cursor:pointer;display:inline-block}.admin-view button:disabled{opacity:.5;cursor:wait}.admin-view a:focus-visible,.admin-view button:focus-visible{outline:2px solid #ceb29d;outline-offset:3px}.ops-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.ops-metrics article,.ops-panel{background:#192433;border:1px solid #ffffff0b;border-radius:16px;padding:22px}.ops-metrics small{color:#9eafc2;font-size:11px}.ops-metrics strong{display:block;font-size:31px;margin-top:14px;color:#e5d2bd}.ops-panel{margin:18px 0}.ops-panel h2{font-size:16px;margin:0 0 12px}.ops-sales{font-size:28px;color:#b4ccb6}.ops-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ops-overview-grid>a{color:inherit;text-decoration:none}.ops-overview-grid>a:hover{border-color:#bea58d55}.ops-table-wrap{overflow:auto;border:1px solid #ffffff0c;border-radius:14px}.ops-table-wrap table{width:100%;border-collapse:collapse;min-width:680px;text-align:left}.ops-table-wrap th{font-size:10px;font-weight:500;letter-spacing:.3px;padding:15px 14px;background:#1c2838;color:#94a7ba;white-space:nowrap}.ops-table-wrap td{padding:16px 14px;border-bottom:1px solid #ffffff08;font-size:11px;vertical-align:top;color:#d1dce6;max-width:250px;overflow-wrap:anywhere}.ops-table-wrap tr:last-child td{border:0}.ops-table-wrap td a,.ops-feedback a{color:#e2c4ad;text-decoration:none}.ops-id{display:block;font-size:9px;color:#7f93a7;margin-top:7px;overflow-wrap:anywhere}.ops-badge{display:inline-block;background:#35424b;color:#bdd0cf;padding:4px 7px;border-radius:5px;font-size:9px;white-space:nowrap}.ops-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 0;font-size:11px;color:#8fa3b8}.ops-pagination a{color:#d1b89f;margin-left:15px;text-decoration:none}.ops-empty,.ops-loading{padding:45px 0;color:#8296ad;font-size:13px}.ops-positive{color:#a7ccb0}.ops-negative{color:#dea3a1}#ops-search{margin:18px 0 24px}#ops-search label{display:block;font-size:11px;color:#92a6bd;margin-bottom:10px}#ops-search>div{display:flex;gap:10px}.admin-view input,.admin-view select{background:#1a2839;border:1px solid #ffffff20;border-radius:9px;color:#dce5ee;font-size:13px;padding:12px;min-width:0}.admin-view input{flex:1}.admin-view input:focus,.admin-view select:focus{outline:2px solid #8aa7ad}.ops-back{display:inline-block;color:#baa38f;font-size:12px;text-decoration:none;margin:0 0 12px}.ops-user-info>div{display:flex;justify-content:space-between;gap:24px;padding:13px 0;border-bottom:1px solid #ffffff08;font-size:12px}.ops-user-info dt{color:#869ab1}.ops-user-info dd{margin:0;text-align:right;overflow-wrap:anywhere}.ops-user-links{display:flex;flex-wrap:wrap;gap:12px}.ops-message p,.ops-feedback p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;color:#cfdae5}.ops-message time,.ops-feedback time{float:right;font-size:10px;color:#7990a9}.ops-message>small{font-size:9px;color:#6e859c;overflow-wrap:anywhere}.ops-feedback-form{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-top:20px}.ops-feedback-form label{display:grid;gap:8px;font-size:11px;color:#90a5b8}.ops-feedback-form span{font-size:11px;color:#9fb9ab;align-self:center}.ops-gate{max-width:500px;padding:70px 30px;margin:auto}.ops-gate h1{font-size:25px}.ops-gate p{font-size:13px;color:#92a5ba;line-height:1.7}.ops-gate button{margin-left:12px}
@media(max-width:760px){.phone.admin-mode{width:100vw;height:100dvh;border:0;border-radius:0}.ops-header{padding:16px;gap:14px}.ops-operator{display:none}.ops-exit{margin-left:auto;font-size:11px}.ops-layout{flex-direction:column}.ops-nav{width:auto;flex-direction:row;overflow:auto;padding:12px;gap:4px;border-right:0;border-bottom:1px solid #ffffff0b}.ops-nav a{white-space:nowrap;font-size:11px;padding:10px}.ops-scroll{padding:20px 15px}.ops-metrics{grid-template-columns:1fr 1fr;gap:10px}.ops-metrics article{padding:17px}.ops-overview-grid{grid-template-columns:1fr;gap:0}.ops-page-heading h1{font-size:23px}.ops-page-heading p{font-size:11px}.ops-panel{padding:18px}.ops-user-info>div{gap:15px;font-size:11px}.ops-user-info dd{max-width:68%}.ops-message time,.ops-feedback time{float:none;display:block;margin-top:12px}}
.account-ops-entry{display:block;width:100%;padding:16px;margin:16px 0;border:1px solid #a69a8440;border-radius:13px;background:#344247;color:#ded1ba;text-align:left;font-size:13px;cursor:pointer}.account-ops-entry:focus-visible{outline:2px solid #ceb29d;outline-offset:3px}
.ops-story-count{color:#93a7ba;font-size:12px;margin:22px 0 14px}.ops-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ops-story-card{display:flex;align-items:flex-start;gap:15px;padding:20px;background:#192433;border:1px solid #ffffff0c;border-radius:15px;color:inherit;text-decoration:none;min-width:0;transition:border-color .15s,background .15s}.ops-story-card:hover{background:#1d2c3d;border-color:#c9b19c70}.ops-story-card>img{width:56px;height:56px;object-fit:cover;border-radius:12px;flex:none}.ops-story-card>div{min-width:0}.ops-story-card small{color:#8fa7b8;font-size:10px}.ops-story-card h2{font-size:17px;line-height:1.4;margin:9px 0;overflow-wrap:anywhere}.ops-story-card strong{font-size:11px;font-weight:500;color:#c1cfda;line-height:1.7}.ops-story-card p{font-size:12px;color:#95a8ba;line-height:1.7}.ops-story-tags{display:flex;flex-wrap:wrap;gap:6px}.ops-story-open{display:block;font-size:12px;color:#e1c6ae;margin-top:19px}#ops-story-search label{display:block;color:#a7b9c9;font-size:12px;margin-bottom:10px}#ops-story-query{width:100%;box-sizing:border-box}#ops-story-search p{color:#8aa0b4;font-size:11px}.ops-story-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:20px}.ops-story-tools .ops-back{margin:0 auto 0 0}#ops-copy-status{color:#adccbb;font-size:11px;flex-basis:100%}.ops-story-hero{display:flex;align-items:center;gap:24px}.ops-story-hero>img{width:125px;height:160px;object-fit:cover;border-radius:12px;flex:none}.ops-story-hero>div{min-width:0}.ops-story-hero h2{font-size:22px;line-height:1.4;margin:12px 0}.ops-config-section h3{font-size:12px;color:#b9cbd8;margin:20px 0 10px}.ops-config-fields{margin:0}.ops-config-fields>div{display:grid;grid-template-columns:165px minmax(0,1fr);gap:20px;padding:14px 0;border-bottom:1px solid #ffffff09;font-size:12px;line-height:1.8}.ops-config-fields>div:last-child{border-bottom:0}.ops-config-fields dt{color:#8fa7bb}.ops-config-fields dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#d1dce7}.ops-story-opening{margin:14px 0;padding:18px 20px;border-left:3px solid #bca18a;border-radius:0 10px 10px 0;background:#ffffff04;color:#d6e1eb;font-size:13px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.ops-story-list,.ops-chapters{padding-left:22px;font-size:12px;color:#c3d4e2;line-height:1.9}.ops-story-list li{padding:5px 0}.ops-chapters li{padding:0 0 10px 7px}.ops-chapters li h3{font-size:13px;margin:15px 0 5px}.ops-chapters li p{margin:0}.ops-media-file{display:grid;grid-template-columns:165px minmax(0,1fr);gap:20px;padding:12px 0;font-size:11px;line-height:1.6;border-bottom:1px solid #ffffff09}.ops-media-file>span,.ops-media-file>small{color:#8fa7bb}.ops-media-file a{color:#dfc3aa;overflow-wrap:anywhere;text-decoration:none}.ops-media-preview{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.ops-media-preview figure{margin:0;min-width:0}.ops-media-preview img,.ops-media-preview video{display:block;width:100%;max-height:420px;object-fit:contain;border-radius:12px;background:#101923}.ops-media-preview figcaption{color:#8fa7bb;font-size:11px;line-height:1.7;margin-top:10px}.ops-opening-audio{display:block;width:100%;max-width:440px;margin-top:20px}.ops-config-code{white-space:pre-wrap;overflow-wrap:anywhere;background:#111b28;border:1px solid #ffffff0a;border-radius:10px;padding:18px;color:#b8ccdc;font:11px/1.9 ui-monospace,Consolas,monospace;max-height:600px;overflow:auto;tab-size:2}.ops-config-section summary{cursor:pointer;font-size:13px;color:#e1c6ae}.ops-config-section summary:focus-visible{outline:2px solid #ceb29d;outline-offset:4px}
@media(max-width:960px){.ops-story-grid{grid-template-columns:1fr}}
@media(max-width:520px){.ops-story-card{padding:16px;gap:12px}.ops-story-card>img{width:45px;height:45px}.ops-story-hero{gap:16px;align-items:flex-start}.ops-story-hero>img{width:75px;height:105px}.ops-story-hero h2{font-size:17px}.ops-config-fields>div,.ops-media-file{grid-template-columns:1fr;gap:5px}.ops-media-preview{grid-template-columns:1fr}.ops-story-opening{padding:15px;font-size:12px}.ops-config-code{padding:14px;font-size:10px}.ops-story-tools{gap:9px}.ops-story-tools .ops-back{flex-basis:100%;margin-bottom:3px}}
