:root{--o-bg:#f4f6f1;--o-card:#fff;--o-ink:#183b2d;--o-muted:#6c7c6f;--o-line:#dfe7dc;--o-accent:#255942;--o-soft:#eaf1e6;--o-gold:#bd945b;--o-shadow:0 10px 32px #1b382509;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color-scheme:light}html[data-op-theme=dark]{--o-bg:#101a14;--o-card:#17261c;--o-ink:#edf3e8;--o-muted:#a6b8a6;--o-line:#314936;--o-accent:#b7d4ab;--o-soft:#233b29;--o-gold:#e1c697;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--o-bg);color:var(--o-ink);font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:var(--o-accent);text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button,input,select,textarea{border:1px solid var(--o-line);border-radius:10px;background:var(--o-card);color:var(--o-ink)}button{padding:10px 15px;font-weight:600;transition:background .15s,transform .15s}button:hover{background:var(--o-soft)}button:active{transform:scale(.98)}input,select,textarea{width:100%;padding:11px 12px;min-height:44px}textarea{resize:vertical;min-height:110px}label{display:grid;gap:6px;font-size:12px;color:var(--o-muted);font-weight:500}label>small{font-size:11px;font-weight:400}input:focus,select:focus,textarea:focus{border-color:var(--o-accent)}:focus-visible{outline:2px solid var(--o-gold);outline-offset:3px}[hidden]{display:none!important}.op-skip{position:absolute;left:20px;top:-80px;z-index:9999;background:var(--o-card);padding:12px}.op-skip:focus{top:10px}.op-shell{display:flex;min-height:100vh}.op-sidebar{width:248px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:28px 18px 18px;background:var(--o-card);border-right:1px solid var(--o-line);z-index:50}.op-brand{display:flex;align-items:center;gap:11px;padding:0 10px 34px;color:var(--o-ink);font-size:12px;font-weight:700;letter-spacing:.13em}.op-brand>span{font-size:32px;font-weight:500;background:var(--o-accent);color:var(--o-card);width:44px;height:44px;border-radius:12px;text-align:center;line-height:44px;position:relative}.op-brand>span small{position:absolute;font-size:14px;right:3px;top:-7px}.op-brand div small{display:block;font-size:7px;letter-spacing:.13em;color:var(--o-muted);margin-top:4px}.op-nav-kicker{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--o-muted);padding:0 12px 10px}#op-navigation{overflow:auto;scrollbar-width:thin}#op-navigation button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:none;font-size:12px;font-weight:500;padding:12px;border-radius:9px;margin-bottom:4px;color:var(--o-muted)}#op-navigation button.active{background:var(--o-soft);color:var(--o-ink);font-weight:650}#op-navigation button span{display:grid;place-items:center;width:24px;height:24px;font-size:17px}.op-sidebar-footer{margin-top:auto;padding:28px 12px 0;display:grid;gap:12px;font-size:11px}.op-sidebar-footer button{border:0;padding:0;text-align:left;background:none;font-weight:400;color:var(--o-muted);font-size:11px}.op-sidebar-footer small{color:var(--o-muted);font-size:9px}.op-main{margin-left:248px;width:calc(100% - 248px);min-width:0}.op-topbar{height:76px;padding:0 40px;border-bottom:1px solid var(--o-line);display:flex;align-items:center;justify-content:space-between;background:var(--o-card)}.op-row{display:flex;align-items:center;gap:14px}.op-icon{padding:7px 10px;border:0;background:none;display:none}.op-top-label{font-size:11px;color:var(--o-muted)}.op-language{border:0;font-size:11px;padding:8px;background:var(--o-soft)}.op-avatar{width:32px;height:32px;border-radius:50%;background:var(--o-soft);display:grid;place-items:center;font-size:12px}#op-content{max-width:1460px;margin:auto;padding:36px 40px 60px;min-height:70vh}.op-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:26px}.op-kicker{font-size:9px;font-weight:650;letter-spacing:.18em;color:var(--o-muted);text-transform:uppercase}.op-head h1{font-size:34px;line-height:1.2;font-weight:550;letter-spacing:-.045em;margin:8px 0 12px}.op-head p{font-size:12px;color:var(--o-muted);max-width:500px;margin:0;line-height:1.8}.op-head .op-primary{margin-top:6px}.op-primary{background:var(--o-accent);color:var(--o-card);border:1px solid var(--o-accent)}.op-primary:hover{background:var(--o-ink);color:var(--o-card)}.op-hero{border-radius:20px;background:#1c3e2c;color:#f1f4e8;padding:30px 32px;margin-bottom:28px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;position:relative;overflow:hidden}.op-hero:after{content:'';position:absolute;right:-40px;top:-80px;width:260px;height:260px;border:1px solid #e0bc7326;border-radius:50%;pointer-events:none}.op-hero h2{font-size:27px;letter-spacing:-.04em;line-height:1.25;font-weight:500;margin:8px 0}.op-hero p{font-size:12px;line-height:1.8;color:#bfd0bd;max-width:540px;margin:0}.op-hero-stat{font-size:48px;font-weight:400;letter-spacing:-.06em;color:#dfc697;line-height:1}.op-hero-stat small{display:block;line-height:1.5;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#bfd0bd;margin-top:10px}.op-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:24px}.op-toolbar input{max-width:300px;background:var(--o-card);font-size:12px}.op-toolbar select{max-width:270px;font-size:12px}.op-results-count{font-size:10px;color:var(--o-muted);margin-left:auto}.op-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.op-feature{display:flex;flex-direction:column;align-items:start;text-align:left;background:var(--o-card);border:1px solid var(--o-line);border-radius:16px;padding:22px;box-shadow:var(--o-shadow);transition:transform .2s,border-color .2s;min-height:174px}.op-feature:hover{transform:translateY(-3px);border-color:var(--o-gold);background:var(--o-card)}.op-feature-top{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:20px}.op-feature-icon{width:34px;height:34px;display:grid;place-items:center;background:var(--o-soft);border-radius:10px;font-size:17px;color:var(--o-accent)}.op-feature-id{font-size:9px;font-weight:400;color:var(--o-muted)}.op-feature strong{font-size:14px;font-weight:600;line-height:1.4;margin:0 0 8px}.op-feature small{color:var(--o-muted);font-size:10px;font-weight:400}.op-card{border:1px solid var(--o-line);background:var(--o-card);border-radius:16px;padding:24px;box-shadow:var(--o-shadow);min-width:0}.op-card h2{font-size:18px;font-weight:550;letter-spacing:-.025em;margin:0 0 12px}.op-empty{padding:50px 20px;text-align:center;grid-column:1/-1;color:var(--o-muted)}.op-empty span{display:block;font-size:28px;color:var(--o-gold);margin-bottom:10px}.op-empty strong{display:block;color:var(--o-ink);font-size:16px;font-weight:550}.op-empty p{font-size:12px;max-width:380px;margin:10px auto}.op-records{display:grid;gap:12px}.op-record{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;background:var(--o-card);border:1px solid var(--o-line);border-radius:14px;text-align:left;width:100%;box-shadow:var(--o-shadow)}.op-record strong{font-size:14px;font-weight:550}.op-record small{display:block;font-weight:400;font-size:10px;color:var(--o-muted);margin-top:5px}.op-chip{font-size:9px;letter-spacing:.04em;border-radius:30px;padding:5px 10px;background:var(--o-soft);color:var(--o-accent);white-space:nowrap;font-weight:500}.op-columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.7fr);gap:22px}.op-detail-data{display:grid;grid-template-columns:1fr 1fr;gap:20px}.op-data-pair{min-width:0}.op-data-pair small{display:block;font-size:10px;color:var(--o-muted);margin-bottom:5px}.op-data-pair p{margin:0;white-space:pre-wrap;font-size:13px;overflow-wrap:anywhere}.op-detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}.op-detail-actions button{font-size:11px;padding:9px 12px}.op-section-title{font-size:11px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--o-muted);margin:28px 0 12px}.op-line{padding:14px 0;border-bottom:1px solid var(--o-line);font-size:12px;overflow-wrap:anywhere}.op-line:first-child{padding-top:0}.op-line strong{font-weight:550}.op-line small{display:block;font-size:10px;color:var(--o-muted);margin-top:5px}.op-line p{margin:5px 0 0;white-space:pre-wrap;font-size:12px}.op-history{border-left:1px solid var(--o-line);padding-left:15px}.op-history p{font-size:11px;line-height:1.6;margin:0 0 18px}.op-history small{display:block;font-size:9px;color:var(--o-muted)}.op-footer{padding:20px 40px;display:flex;justify-content:space-between;gap:15px;color:var(--o-muted);border-top:1px solid var(--o-line);font-size:9px;letter-spacing:.05em}.op-dialog{background:var(--o-card);color:var(--o-ink);border:1px solid var(--o-line);border-radius:20px;padding:0;max-width:min(760px,calc(100vw - 24px));width:760px;max-height:90dvh;box-shadow:0 20px 100px #0003}.op-dialog::backdrop{background:#0e211cb0;backdrop-filter:blur(5px)}.op-dialog-head{display:flex;align-items:start;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--o-line);position:sticky;top:0;background:var(--o-card);z-index:2}.op-dialog-head small{font-size:8px;letter-spacing:.14em;color:var(--o-muted)}.op-dialog-head h2{font-size:24px;font-weight:550;letter-spacing:-.035em;margin:5px 0 0}.op-dialog-head button{padding:3px 9px;border:0;background:none;font-size:22px}.op-dialog-content,#op-dialog-content{padding:24px 28px}.op-form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.op-full{grid-column:1/-1}.op-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.op-form-error{font-size:12px;line-height:1.7;color:#bb584b;white-space:pre-wrap}.op-note{font-size:11px;color:var(--o-muted);line-height:1.8}.op-info{padding:15px 18px;border:1px solid var(--o-line);border-radius:12px;background:var(--o-soft);font-size:12px;margin-bottom:24px}.op-back{font-size:11px;margin-bottom:18px;display:inline-flex;gap:8px;align-items:center;border:0;padding:0;background:none;color:var(--o-muted)}.op-toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 24px);padding:14px 20px;border-radius:12px;background:var(--o-ink);color:var(--o-card);box-shadow:0 8px 30px #0002;font-size:12px;z-index:1000}.op-result{margin-top:20px;border:1px solid var(--o-line);background:var(--o-soft);border-radius:14px;padding:18px}.op-result h3{font-size:15px;margin:0 0 14px}.op-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.op-result-grid strong{font-size:22px;display:block;font-weight:500;letter-spacing:-.02em}.op-result-grid small{font-size:10px;color:var(--o-muted)}.op-table-wrap{overflow:auto;max-width:100%}.op-table{border-collapse:collapse;width:100%;font-size:11px}.op-table th,.op-table td{padding:10px 12px;border-bottom:1px solid var(--o-line);text-align:left;white-space:nowrap}.op-table th{font-size:9px;color:var(--o-muted);font-weight:500}.op-360{display:grid;grid-template-columns:1fr 1fr;gap:12px}.op-360 figure{margin:0;min-width:0}.op-360 img{width:100%;aspect-ratio:1;object-fit:contain;background:var(--o-card);border-radius:14px}.op-360 figcaption{font-size:11px;margin-top:8px}.op-360 input{grid-column:1/-1;accent-color:var(--o-accent)}.op-redact-stage{position:relative;line-height:0;margin-top:12px;border:1px solid var(--o-line);border-radius:10px;overflow:hidden;touch-action:none}.op-redact-stage canvas{width:100%;height:auto;cursor:crosshair}.op-redact-tools{display:flex;gap:10px;margin-top:10px}.op-passkey-panel{margin:0 40px 40px;border:1px solid var(--o-line);background:var(--o-card);padding:28px;border-radius:16px}.op-passkey-panel h2{font-size:22px;font-weight:500}.op-passkey-panel p{font-size:12px;color:var(--o-muted)}.op-key-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--o-line);font-size:12px}.op-key-row button{font-size:10px}.op-close{display:none}.op-check{display:flex;align-items:center;gap:8px;font-size:12px}.op-check input{width:16px;height:16px;min-height:0;accent-color:var(--o-accent)}.op-question{padding:16px 0;border-bottom:1px solid var(--o-line)}.op-question p{font-size:13px}.op-loading{padding:50px;color:var(--o-muted);text-align:center}.op-busy{opacity:.65;pointer-events:none}.op-counts{display:flex;gap:8px;flex-wrap:wrap}.op-slide-in{animation:op349-enter .28s ease-out}@keyframes op349-enter{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1200px){.op-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.op-columns{grid-template-columns:minmax(0,1fr)}}@media(max-width:850px){.op-sidebar{transform:translateX(-100%);transition:transform .2s}.op-main{width:100%;margin-left:0}.op-nav-open .op-sidebar{transform:translateX(0)}.op-close{display:block;position:absolute;right:6px;top:5px;border:0;background:none;font-size:24px;padding:3px 10px}.op-icon{display:block}.op-scrim{position:fixed;inset:0;background:#10261ab0;border:0;border-radius:0;z-index:40}.op-topbar{height:64px;padding:0 18px}#op-content{padding:28px 20px 44px}.op-head h1{font-size:29px}.op-head{flex-wrap:wrap}.op-hero{padding:24px}.op-hero h2{font-size:24px}.op-hero-stat{font-size:38px}.op-footer{padding:18px 20px;flex-wrap:wrap}.op-passkey-panel{margin:0 20px 30px;padding:22px}}@media(max-width:520px){.op-grid{grid-template-columns:minmax(0,1fr)}.op-feature{min-height:142px;padding:20px}.op-feature-top{margin-bottom:15px}.op-toolbar input,.op-toolbar select{max-width:none}.op-hero{grid-template-columns:1fr}.op-hero-stat{display:none}.op-form-grid,.op-detail-data{grid-template-columns:minmax(0,1fr)}.op-full{grid-column:auto}.op-dialog-head{padding:20px}#op-dialog-content{padding:20px}.op-record{padding:17px}.op-head h1{font-size:28px}.op-result-grid{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.op-columns>div,.op-result-grid>div{min-width:0}.op-result-grid strong,.op-result-grid p,.op-info,.op-history p{overflow-wrap:anywhere}.op-head>div{min-width:0}.op-record>span:first-child{min-width:0;overflow-wrap:anywhere}.op-result-grid strong{line-height:1.5}.op-dialog-head h2{overflow-wrap:anywhere}