/* OwnPage customer application — scoped to protect the active WordPress theme. */
.op-dashboard-root{--op-ink:#182135;--op-muted:#697286;--op-line:#e6e9f0;--op-bg:#f6f7fb;--op-accent:#6157e8;--op-accent-soft:#eeecff;--op-good:#147a60;--op-danger:#be3154;--op-radius:18px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--op-ink);font-size:14px;line-height:1.55;background:var(--op-bg);min-height:100vh;isolation:isolate;text-align:left;font-weight:400;letter-spacing:normal}
.op-dashboard-root *,.op-dashboard-root *:before,.op-dashboard-root *:after{box-sizing:border-box}.op-dashboard-root h1,.op-dashboard-root h2,.op-dashboard-root h3,.op-dashboard-root h4,.op-dashboard-root p{margin:0;font-family:inherit;color:inherit;line-height:inherit;letter-spacing:normal}.op-dashboard-root h1,.op-dashboard-root h2,.op-dashboard-root h3{font-weight:650}.op-dashboard-root a{color:inherit;text-decoration:none;box-shadow:none}.op-dashboard-root button,.op-dashboard-root input,.op-dashboard-root textarea,.op-dashboard-root select{font:inherit;letter-spacing:inherit}.op-dashboard-root button{cursor:pointer;box-shadow:none;text-transform:none}.op-dashboard-root button:disabled{cursor:wait;opacity:.58}.op-dashboard-root button:focus-visible,.op-dashboard-root a:focus-visible{outline:3px solid #a9a1ff;outline-offset:3px}.op-dashboard-root svg{vertical-align:middle;flex:none}.op-dashboard-root img{max-width:100%;height:auto}.op-dashboard-root [hidden]{display:none!important}
.op-boot{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:30px;text-align:center}.op-boot h1{font-size:25px}.op-boot p{color:var(--op-muted)}.op-boot-symbol,.op-brand-symbol{display:grid;place-content:center;background:var(--op-accent);color:white;border-radius:15px;font-size:25px;font-weight:750;letter-spacing:-3px;width:48px;height:48px;box-shadow:0 8px 22px #6157e82a}.op-boot-symbol span{display:none}.op-loader{width:23px;height:23px;border:3px solid var(--op-line);border-top-color:var(--op-accent);border-radius:50%;animation:op-spin .8s linear infinite}@keyframes op-spin{to{transform:rotate(360deg)}}
.op-app-layout{display:grid;grid-template-columns:246px minmax(0,1fr);min-height:100vh}.op-sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--op-line);padding:28px 18px 20px;display:flex;flex-direction:column;z-index:30;overflow-y:auto}.op-brand{display:flex;align-items:center;gap:11px;padding:0 12px 29px;font-size:23px;font-weight:750;letter-spacing:-1px!important}.op-brand-symbol{width:37px;height:37px;border-radius:11px;font-size:21px;letter-spacing:-2px!important;display:flex;align-items:center;justify-content:center}.op-brand img{width:37px;height:37px;object-fit:contain;border-radius:9px}.op-brand-word{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-nav-label{margin:13px 13px 9px!important;font-size:10px;font-weight:750;color:#9298a7!important;letter-spacing:1.7px!important;text-transform:uppercase}.op-nav{display:grid;gap:5px}.op-nav-button{width:100%;border:0!important;border-radius:10px!important;display:flex;align-items:center;gap:12px;background:transparent!important;color:var(--op-muted)!important;text-align:left;padding:11px 13px!important;font-size:13px!important;transition:background .16s,color .16s}.op-nav-button:hover{background:#f7f7fb!important;color:var(--op-ink)!important}.op-nav-button.is-active{background:var(--op-accent-soft)!important;color:var(--op-accent)!important;font-weight:650}.op-nav-button .op-nav-count{margin-left:auto;background:#e3dfff;min-width:21px;text-align:center;border-radius:5px;font-size:10px;padding:2px 4px}.op-sidebar-bottom{margin-top:auto;padding-top:25px}.op-mini-card{border:1px solid var(--op-line);border-radius:13px;padding:14px;background:linear-gradient(140deg,#fbfbff,#f2f0ff);margin-bottom:15px}.op-mini-card p{font-size:11px;color:var(--op-muted);margin:6px 0 12px!important}.op-user-chip{display:flex;align-items:center;gap:10px;border-top:1px solid var(--op-line);padding:18px 9px 0}.op-avatar{width:35px;height:35px;border-radius:50%;display:grid;place-content:center;flex:none;background:#edf0f7;color:#596179;font-size:12px;font-weight:700}.op-user-chip strong{font-size:12px;display:block}.op-user-chip small{font-size:10px;color:var(--op-muted);display:block;max-width:142px;overflow:hidden;text-overflow:ellipsis}.op-main{min-width:0}.op-topbar{height:79px;border-bottom:1px solid var(--op-line);background:#ffffffdd;display:flex;align-items:center;gap:14px;padding:0 36px;position:relative;z-index:20;backdrop-filter:blur(12px)}.op-topbar-title{color:var(--op-muted);font-size:12px}.op-topbar-title b{color:var(--op-ink);font-weight:550}.op-topbar-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.op-content{max-width:1480px;padding:32px 36px 54px;margin:auto}.op-page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:26px}.op-page-heading h1{font-size:29px;line-height:1.25;letter-spacing:-1px!important}.op-page-heading p{color:var(--op-muted);margin-top:7px!important;font-size:13px}.op-eyebrow{color:var(--op-accent)!important;font-size:10px;font-weight:750;letter-spacing:1.4px!important;text-transform:uppercase;margin-bottom:8px!important}.op-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.op-toolbar.end{justify-content:flex-end}.op-mobile-toggle{display:none!important}.op-scrim{display:none}
.op-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;border:1px solid var(--op-line)!important;border-radius:9px!important;background:#fff!important;color:var(--op-ink)!important;padding:10px 15px!important;line-height:1.3!important;font-size:12px!important;font-weight:600!important;white-space:nowrap;text-decoration:none!important;min-height:39px;transition:transform .15s,box-shadow .15s,background .15s}.op-btn:hover{background:#f7f7fc!important;box-shadow:0 3px 12px #16203b09}.op-btn:active{transform:translateY(1px)}.op-btn-primary{background:var(--op-accent)!important;color:#fff!important;border-color:var(--op-accent)!important;box-shadow:0 4px 13px #6157e824}.op-btn-primary:hover{filter:brightness(.96);background:var(--op-accent)!important}.op-btn-dark{background:var(--op-ink)!important;border-color:var(--op-ink)!important;color:white!important}.op-btn-danger{color:var(--op-danger)!important;background:#fff6f7!important;border-color:#f2d9e0!important}.op-btn-quiet{background:transparent!important;border-color:transparent!important;box-shadow:none}.op-btn-small{min-height:30px;padding:6px 10px!important;font-size:11px!important;border-radius:7px!important}.op-btn-wide{width:100%}.op-icon-btn{width:37px;height:37px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--op-line)!important;border-radius:9px!important;background:white!important;color:var(--op-muted)!important;padding:0!important;position:relative}.op-icon-btn:hover{color:var(--op-accent)!important;background:var(--op-accent-soft)!important}.op-dot{position:absolute;top:7px;right:7px;width:6px;height:6px;border:2px solid white;background:var(--op-accent);border-radius:50%}.op-text-link{border:0;background:none!important;padding:0!important;color:var(--op-accent)!important;font-size:inherit!important;font-weight:600;text-decoration:none!important}.op-muted{color:var(--op-muted)!important}.op-small{font-size:12px}.op-spaced{margin-top:20px!important}.op-nowrap{white-space:nowrap}.op-overflow{overflow-wrap:anywhere}.op-stack{display:grid;gap:20px}.op-columns{display:grid;grid-template-columns:1.6fr 1fr;gap:22px;align-items:start}.op-card{border:1px solid var(--op-line);background:#fff;border-radius:var(--op-radius);padding:24px;min-width:0}.op-card-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.op-card-title h2{font-size:16px;letter-spacing:-.3px!important}.op-card-title p{font-size:12px;color:var(--op-muted);margin-top:4px!important}.op-card-header{padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid var(--op-line)}.op-card-header h2{font-size:16px}.op-card-header p{font-size:12px;color:var(--op-muted);margin-top:5px!important}.op-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:25px}.op-stat{padding:19px 21px;background:white;border:1px solid var(--op-line);border-radius:14px}.op-stat-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--op-muted);font-size:11px}.op-stat strong{display:block;font-size:29px;line-height:1.3;margin-top:11px;font-weight:650;letter-spacing:-1px}.op-stat small{font-size:10px;color:var(--op-muted)}.op-stat-icon{width:30px;height:30px;display:grid;place-content:center;border-radius:9px;background:var(--op-accent-soft);color:var(--op-accent)}.op-welcome{display:grid;grid-template-columns:1.5fr 1fr;gap:25px;background:linear-gradient(125deg,#24213f,#382e62 85%);border-radius:19px;padding:31px 32px;color:white;margin-bottom:26px;overflow:hidden;position:relative}.op-welcome h2{font-size:25px;letter-spacing:-.6px!important;line-height:1.22}.op-welcome p{max-width:430px;color:#c9c5de;margin:11px 0 21px!important;font-size:12px;line-height:1.7}.op-welcome .op-eyebrow{color:#b5a9ff!important}.op-welcome-art{position:relative;min-height:145px;perspective:800px}.op-mini-browser{position:absolute;background:#fff;border:1px solid #d6d3ef;border-radius:11px;width:228px;height:142px;right:8%;top:14px;transform:rotateY(-14deg) rotateX(8deg) rotateZ(-5deg);box-shadow:15px 18px 0 #ffffff0d;color:var(--op-ink);overflow:hidden}.op-mini-browser-head{height:24px;background:#f2f1f8;display:flex;align-items:center;gap:4px;padding:0 10px}.op-mini-browser-head i{width:4px;height:4px;border-radius:50%;background:#c5bed9}.op-mini-browser-body{padding:18px;display:grid;grid-template-columns:1fr 70px;gap:14px}.op-mini-browser-body b{display:block;font-size:12px;line-height:1.35}.op-mini-browser-body span{height:4px;background:#e8e7f3;display:block;margin-top:7px;border-radius:4px}.op-mini-browser-body em{display:block;width:38px;height:13px;border-radius:4px;background:var(--op-accent);margin-top:10px}.op-mini-art{border-radius:8px;background:linear-gradient(30deg,#bfc4fc,#eee8fb);height:78px;position:relative;overflow:hidden}.op-mini-art:after{content:"";width:54px;height:54px;border:14px solid #7362de;border-radius:16px;transform:rotate(30deg);position:absolute;top:25px;left:10px}.op-floating-pill{position:absolute;right:0;bottom:0;background:#fff;color:#347968;box-shadow:0 8px 25px #0002;padding:9px 12px;border-radius:9px;font-size:10px;font-weight:650;display:flex;align-items:center;gap:6px}.op-site-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.op-site-card{border:1px solid var(--op-line);background:white;border-radius:15px;overflow:hidden;transition:transform .2s,box-shadow .2s}.op-site-card:hover{transform:translateY(-3px);box-shadow:0 13px 28px #1821350b}.op-site-preview{height:150px;background:linear-gradient(145deg,#eeecff,#f7f6ff);padding:20px 24px;position:relative;overflow:hidden}.op-site-preview:after{content:"";position:absolute;width:120px;height:120px;border-radius:32px;border:22px solid var(--site-accent,var(--op-accent));right:-27px;bottom:-44px;transform:rotate(25deg);opacity:.16}.op-site-preview .op-window{background:#fff;border:1px solid #e4e1f0;box-shadow:0 6px 15px #3631560b;border-radius:8px;height:129px;padding:13px;overflow:hidden}.op-window-nav{display:flex;justify-content:space-between;align-items:center;font-size:8px;margin-bottom:18px}.op-window-nav span{display:block;width:35px;height:3px;background:#e7e6ee}.op-window h3{font-size:17px;line-height:1.12;max-width:180px;letter-spacing:-.6px!important}.op-window>p{font-size:8px;color:#838499;margin-top:7px!important;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-window>i{width:40px;height:10px;background:var(--site-accent,var(--op-accent));border-radius:2px;display:block;margin-top:9px}.op-site-card-body{padding:18px}.op-site-card-title{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:6px}.op-site-card-title h3{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-site-url{font-size:10px;color:var(--op-muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.op-site-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:19px;padding-top:15px;border-top:1px solid var(--op-line);gap:10px}.op-badge{font-size:10px!important;line-height:1.2;border-radius:5px;padding:5px 7px;display:inline-flex;align-items:center;gap:5px;font-weight:600;background:#f0f1f6;color:#687183;white-space:nowrap}.op-badge-green{background:#e8f5ef;color:#157459}.op-badge-purple{background:#efecff;color:#6950c4}.op-badge-amber{background:#fff4db;color:#967024}.op-badge-red{background:#fdeef1;color:#b3334f}.op-checklist{display:grid;gap:16px}.op-check-row{display:flex;gap:12px;align-items:flex-start}.op-check-icon{width:27px;height:27px;background:#f1f2f7;border-radius:50%;display:grid;place-content:center;font-size:11px;font-weight:700;color:#8b91a3;flex:none}.op-check-icon.done{background:#e9f6f0;color:#24886d}.op-check-row strong{font-size:12px;font-weight:600}.op-check-row p{font-size:11px;color:var(--op-muted);margin-top:3px!important}.op-progress-track{height:5px;background:#edeef5;border-radius:4px;overflow:hidden;margin:11px 0 20px}.op-progress-bar{height:100%;background:var(--op-accent);border-radius:4px;transition:width .3s}.op-empty{padding:50px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;border:1px dashed #d8dbe7;border-radius:14px;background:#fbfbfe}.op-empty-icon{display:grid;place-content:center;width:49px;height:49px;border-radius:15px;background:var(--op-accent-soft);color:var(--op-accent);margin-bottom:5px}.op-empty h3{font-size:16px}.op-empty p{font-size:12px;line-height:1.65;max-width:410px;color:var(--op-muted);margin-bottom:9px!important}
.op-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.op-field{display:block;margin:0!important;min-width:0}.op-field-wide{grid-column:1/-1}.op-field>span,.op-field>label{font-size:12px;font-weight:600;display:block;margin-bottom:7px}.op-field input:not([type=checkbox]):not([type=radio]):not([type=color]),.op-field select,.op-field textarea,.op-search{display:block;width:100%;max-width:none!important;background:#fff!important;border:1px solid #dfe3ec!important;border-radius:8px!important;color:var(--op-ink)!important;padding:10px 12px!important;font-size:12px!important;line-height:1.45!important;height:auto!important;min-height:40px;box-shadow:none!important;outline:0;transition:border .2s,box-shadow .2s;margin:0!important}.op-field input:focus,.op-field select:focus,.op-field textarea:focus{border-color:var(--op-accent)!important;box-shadow:0 0 0 3px #6157e814!important}.op-field textarea{resize:vertical;min-height:100px}.op-field input[readonly]{background:#f7f8fb!important;color:var(--op-muted)!important}.op-field input[type=color]{width:54px;height:40px;border:1px solid #dfe3ec;border-radius:8px;padding:5px;background:white}.op-field small{display:block;margin-top:6px;color:var(--op-muted);font-size:10px;line-height:1.55}.op-field textarea.op-content-input{min-height:250px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px!important;line-height:1.7!important}.op-checkbox{display:flex!important;gap:9px;align-items:flex-start;font-size:12px;font-weight:400;line-height:1.6;cursor:pointer}.op-checkbox input{margin:3px 0 0!important;width:15px;height:15px;accent-color:var(--op-accent);flex:none}.op-inline-input{display:flex;gap:8px;align-items:center}.op-inline-input input{min-width:0}.op-input-prefix{display:flex;align-items:center;border:1px solid #dfe3ec;border-radius:8px;overflow:hidden}.op-input-prefix>span{padding:0 11px;color:var(--op-muted);font-size:11px;background:#f8f9fc;align-self:stretch;display:flex;align-items:center;border-right:1px solid #dfe3ec;white-space:nowrap}.op-input-prefix input{border:0!important;border-radius:0!important}.op-form-actions{display:flex;gap:9px;justify-content:flex-end;align-items:center;padding-top:23px;border-top:1px solid var(--op-line);margin-top:25px;flex-wrap:wrap}.op-form-actions .op-muted{margin-right:auto;font-size:11px}.op-form-message:empty{display:none}.op-form-message{margin-bottom:17px;font-size:12px;line-height:1.65}.op-message{border:1px solid #d9d5f4;background:#f4f2ff;color:#574b9d;border-radius:10px;padding:13px 16px;font-size:12px;line-height:1.6;display:flex;gap:10px;align-items:flex-start;margin-bottom:20px}.op-message p{margin:0!important}.op-message-success{background:#edf8f3;color:#26785f;border-color:#d2ebdf}.op-message-warning{background:#fff8e7;color:#8a6921;border-color:#f1e4bd}.op-message-error{background:#fff1f3;color:#a8324c;border-color:#f1d8df}.op-message .op-btn{margin-left:auto}.op-toggle-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 0;border-bottom:1px solid var(--op-line)}.op-toggle-row:last-child{border:0}.op-toggle-row strong{font-size:12px}.op-toggle-row p{font-size:11px;color:var(--op-muted);margin-top:3px!important}.op-toggle{position:relative;display:inline-block;width:38px;height:22px;flex:none}.op-toggle input{opacity:0;width:0;height:0}.op-toggle span{position:absolute;inset:0;border-radius:20px;background:#d4d8e3;cursor:pointer;transition:.2s}.op-toggle span:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0001;transition:.2s}.op-toggle input:checked+span{background:var(--op-accent)}.op-toggle input:checked+span:before{transform:translateX(16px)}.op-toggle input:focus-visible+span{outline:3px solid #a9a1ff;outline-offset:3px}.op-media-preview{margin-top:8px;max-height:120px;max-width:190px!important;object-fit:contain;background:#f7f8fc;border:1px solid var(--op-line);border-radius:8px;padding:6px}.op-select-site{display:flex;align-items:center;gap:10px;max-width:350px}.op-select-site select{border:1px solid var(--op-line);background:white;border-radius:8px;padding:8px 12px;font-size:12px;color:var(--op-ink);max-width:260px;min-width:100px}.op-tabs{display:flex;gap:5px;overflow-x:auto;border-bottom:1px solid var(--op-line);margin-bottom:23px;scrollbar-width:thin}.op-tab{background:none!important;border:0!important;padding:11px 15px!important;border-radius:0!important;color:var(--op-muted)!important;font-size:12px!important;font-weight:550!important;white-space:nowrap;position:relative}.op-tab.is-active{color:var(--op-accent)!important}.op-tab.is-active:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;background:var(--op-accent);border-radius:2px}.op-table-wrap{width:100%;overflow-x:auto}.op-table{width:100%;border-collapse:collapse!important;border:0!important;margin:0!important;table-layout:auto;background:white}.op-table th{font-size:10px;text-transform:uppercase;letter-spacing:.8px;font-weight:650;color:#8790a0;text-align:left;border:0!important;border-bottom:1px solid var(--op-line)!important;background:#fbfbfe;padding:12px 16px!important;white-space:nowrap}.op-table td{border:0!important;border-bottom:1px solid var(--op-line)!important;padding:15px 16px!important;font-size:12px;vertical-align:middle;text-align:left}.op-table tr:last-child td{border-bottom:0!important}.op-table td strong{font-size:12px;font-weight:600}.op-table td small{font-size:10px;display:block;color:var(--op-muted);margin-top:3px}.op-table .op-row-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end}.op-table .op-row-name{display:flex;align-items:center;gap:11px;min-width:160px}.op-item-thumb{width:37px;height:37px;border-radius:7px;object-fit:cover;background:#f1effb;display:grid;place-content:center;flex:none;color:var(--op-accent)}.op-table-padless{padding:0;overflow:hidden}.op-list-toolbar{padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--op-line)}.op-search{max-width:280px!important;min-height:35px;padding:8px 12px!important;background:#fbfbfd!important}.op-order-items{padding:0;margin:0;list-style:none}.op-order-items li{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:12px 0;border-bottom:1px solid var(--op-line)}.op-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;font-size:12px}.op-detail-grid dt{color:var(--op-muted);font-size:10px;margin-bottom:4px}.op-detail-grid dd{margin:0;overflow-wrap:anywhere}.op-notification{padding:18px 20px;display:flex;gap:13px;border-bottom:1px solid var(--op-line);background:white}.op-notification:last-child{border-bottom:0}.op-notification.unread{background:#faf9ff}.op-notification-icon{width:33px;height:33px;background:var(--op-accent-soft);border-radius:10px;color:var(--op-accent);display:grid;place-content:center;flex:none}.op-notification-body{min-width:0;flex:1}.op-notification h3{font-size:12px}.op-notification p{font-size:12px;color:var(--op-muted);margin:4px 0!important;overflow-wrap:anywhere}.op-notification small{font-size:10px;color:#9197a5}.op-notification-actions{display:flex;gap:7px;align-items:flex-start}.op-setting-section{scroll-margin-top:100px}.op-color-chip{width:18px;height:18px;display:inline-block;border-radius:50%;vertical-align:middle}.op-danger-zone{border-color:#eed8df}.op-danger-zone h2{color:var(--op-danger)}
.op-modal-backdrop{position:fixed;inset:0;z-index:999990;background:#13182c70;backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:flex-start;padding:6vh 20px 30px;overflow:auto}.op-modal{width:min(740px,100%);background:white;border-radius:18px;box-shadow:0 30px 80px #111b3940;position:relative;animation:op-dialog-in .2s ease-out}.op-modal-small{width:min(480px,100%)}.op-modal-header{padding:24px 27px 20px;display:flex;align-items:flex-start;gap:18px;border-bottom:1px solid var(--op-line)}.op-modal-header h2{font-size:20px;letter-spacing:-.5px!important}.op-modal-header p{color:var(--op-muted);font-size:12px;margin-top:5px!important}.op-modal-header .op-icon-btn{margin-left:auto;flex:none}.op-modal-body{padding:25px 27px 27px}.op-modal-body .op-form-actions{margin-bottom:0}.op-modal .op-message{margin-bottom:18px}@keyframes op-dialog-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.op-toast-area{position:fixed;bottom:25px;right:25px;display:grid;gap:10px;z-index:999999;max-width:420px}.op-toast{padding:13px 18px;background:#223530;color:white;border-radius:11px;font-size:12px;box-shadow:0 10px 30px #111b3926;display:flex;gap:10px;align-items:center;animation:op-dialog-in .2s ease-out}.op-toast.error{background:#9c2e48}.op-wizard-progress{display:flex;gap:6px;margin-bottom:25px}.op-wizard-progress i{height:4px;background:#eaeaf2;border-radius:4px;flex:1}.op-wizard-progress i.active{background:var(--op-accent)}.op-wizard-question h3{font-size:21px;line-height:1.35;margin-bottom:9px}.op-wizard-question>p{font-size:12px;color:var(--op-muted);margin-bottom:24px!important}.op-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.op-choice{cursor:pointer;display:block;border:1px solid var(--op-line);border-radius:12px;padding:18px 13px;text-align:center;position:relative;transition:.2s;background:#fff}.op-choice input{position:absolute;opacity:0;width:1px;height:1px}.op-choice:has(input:checked){border-color:var(--op-accent);box-shadow:0 0 0 2px #6157e811;background:#f8f7ff}.op-choice:has(input:focus-visible){outline:3px solid #a9a1ff;outline-offset:3px}.op-choice svg{color:var(--op-accent);margin-bottom:10px}.op-choice strong{display:block;font-size:12px}.op-choice small{font-size:10px;color:var(--op-muted);display:block;margin-top:4px;line-height:1.5}.op-template-choice{padding:13px;text-align:left}.op-template-colors{display:flex;gap:4px;margin:6px 0 12px}.op-template-colors i{height:22px;border-radius:4px;flex:1}.op-wizard-review{padding:17px;border-radius:12px;background:#f8f8fc;border:1px solid var(--op-line);font-size:12px;margin:20px 0 0}.op-wizard-review p+p{margin-top:7px!important}.op-auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:white}.op-auth-aside{padding:44px 8%;background:linear-gradient(140deg,#f2f0ff,#f9f8ff 55%,#eeeaff);display:flex;flex-direction:column;position:relative;overflow:hidden}.op-auth-aside .op-brand{padding:0;z-index:1}.op-auth-aside-copy{margin:auto 0;position:relative;z-index:1;max-width:465px;padding:60px 0}.op-auth-aside h1{font-size:clamp(34px,3.7vw,55px);line-height:1.07;letter-spacing:-2.6px!important;font-weight:650}.op-auth-aside h1 span{color:var(--op-accent)}.op-auth-aside-copy>p{color:var(--op-muted);font-size:14px;max-width:350px;margin:23px 0 30px!important;line-height:1.8}.op-auth-aside .op-welcome-art{height:210px;max-width:350px;margin-top:35px}.op-auth-aside .op-mini-browser{width:310px;height:189px;right:8%;top:5px;transform:rotateY(-12deg) rotateX(5deg) rotateZ(-5deg);box-shadow:15px 25px 0 #6157e80b}.op-auth-aside .op-mini-browser-body{padding:25px;grid-template-columns:1fr 90px}.op-auth-aside .op-mini-browser-body b{font-size:18px}.op-auth-aside .op-mini-art{height:110px}.op-auth-aside .op-floating-pill{bottom:18px;font-size:11px;padding:11px 14px;color:#147a60}.op-auth-aside-footer{color:#9390a5;font-size:10px;z-index:1;display:flex;gap:8px;align-items:center}.op-auth-form-area{display:flex;align-items:center;justify-content:center;padding:50px 9%;position:relative}.op-auth-form-box{width:100%;max-width:410px}.op-auth-form-box h2{font-size:29px;letter-spacing:-1px!important;line-height:1.25}.op-auth-subtitle{font-size:13px;color:var(--op-muted);margin:10px 0 29px!important;line-height:1.7}.op-auth-form{display:grid;gap:18px}.op-auth-form .op-form-message{margin:0}.op-auth-form .op-btn{min-height:43px;font-size:13px!important}.op-auth-form-footer{font-size:12px;color:var(--op-muted);text-align:center;margin-top:23px!important}.op-auth-form-extra{display:flex;justify-content:space-between;gap:10px;font-size:11px;align-items:center}.op-password-wrap{position:relative}.op-password-wrap input{padding-right:47px!important}.op-password-toggle{position:absolute;right:4px;top:4px;border:0!important;background:none!important;color:var(--op-muted)!important;width:32px;height:32px;padding:0!important;display:grid;place-content:center}.op-auth-trust{display:flex;align-items:center;gap:7px;color:#959cab;font-size:10px;margin-top:29px;justify-content:center}.op-password-hint{font-size:10px;color:var(--op-muted);line-height:1.6;margin-top:-8px!important}.op-auth-switch{margin-top:22px;text-align:center}.op-otp-input{letter-spacing:8px!important;font-size:22px!important;font-weight:600;text-align:center}.op-auth-top-link{position:absolute;top:28px;right:32px;font-size:11px;color:var(--op-muted)!important}
@media(min-width:1700px){.op-content{padding-top:42px}.op-site-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1200px){.op-app-layout{grid-template-columns:220px minmax(0,1fr)}.op-sidebar{padding-left:13px;padding-right:13px}.op-content{padding:27px 25px 45px}.op-topbar{padding:0 25px}.op-welcome{grid-template-columns:1.3fr 1fr;padding:28px}.op-welcome-art .op-mini-browser{width:190px}.op-columns{grid-template-columns:1.4fr 1fr;gap:18px}.op-stat-grid{gap:12px}.op-stat{padding:16px}.op-stat-top{font-size:10px}.op-auth-aside{padding:35px 7%}.op-auth-form-area{padding:55px 8%}}@media(max-width:1000px){.op-columns{grid-template-columns:1fr}.op-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.op-welcome{grid-template-columns:1fr}.op-welcome-art{display:none}.op-auth-aside .op-welcome-art{display:block}.op-page-heading h1{font-size:26px}.op-auth-aside h1{font-size:39px}.op-auth-aside-copy>p{font-size:13px}.op-auth-aside .op-mini-browser{width:250px}.op-auth-aside .op-mini-browser-body{padding:18px;grid-template-columns:1fr 80px}.op-auth-aside .op-mini-browser-body b{font-size:15px}}
@media(max-width:760px){.op-app-layout{display:block}.op-sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;transform:translateX(-100%);transition:transform .2s;height:100dvh;z-index:99991}.op-dashboard-root.op-nav-open .op-sidebar{transform:translateX(0)}.op-dashboard-root.op-nav-open .op-scrim{display:block;position:fixed;inset:0;background:#141b3655;z-index:99990;border:0}.op-mobile-toggle{display:inline-flex!important}.op-topbar{height:66px;padding:0 18px;gap:11px}.op-topbar-title{font-size:11px}.op-topbar-actions{gap:8px}.op-topbar-actions .op-btn{font-size:10px!important;padding:8px 10px!important;min-height:33px}.op-content{padding:24px 18px 40px}.op-page-heading{gap:12px;flex-wrap:wrap;margin-bottom:22px}.op-page-heading h1{font-size:25px}.op-page-heading p{font-size:12px}.op-card{padding:20px}.op-card.op-table-padless{padding:0}.op-welcome{padding:25px}.op-welcome h2{font-size:24px}.op-welcome p{max-width:100%}.op-site-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.op-auth-layout{grid-template-columns:1fr}.op-auth-aside{padding:23px 26px;background:#f5f3ff;min-height:auto}.op-auth-aside-copy,.op-auth-aside-footer{display:none}.op-auth-aside .op-brand{font-size:22px}.op-auth-form-area{padding:42px 26px 55px;align-items:flex-start}.op-auth-top-link{top:-47px;right:24px}.op-auth-form-box{max-width:460px}.op-auth-form-box h2{font-size:27px}.op-modal-backdrop{padding:20px 12px 30px}.op-modal-header{padding:20px}.op-modal-body{padding:21px 20px}.op-modal-header h2{font-size:19px}.op-toast-area{bottom:16px;right:16px;left:16px;max-width:none}.op-form-grid{gap:16px}.op-select-site{width:100%;max-width:100%}.op-select-site select{width:100%;max-width:100%}.op-verify-banner{flex-wrap:wrap}.op-verify-banner .op-btn{margin-left:25px}.op-notification{padding:16px}.op-notification-actions{flex-direction:column}.op-list-toolbar{padding:15px}.op-search{max-width:none!important;flex:1;min-width:150px}}
@media(max-width:480px){.op-form-grid{grid-template-columns:1fr}.op-field-wide{grid-column:auto}.op-choice-grid{grid-template-columns:1fr}.op-choice{display:grid;grid-template-columns:28px 1fr;text-align:left;gap:3px 10px;padding:13px}.op-choice svg{grid-row:1/3;margin:4px 0}.op-choice small{margin-top:0}.op-template-choice{display:block}.op-template-colors{max-width:120px;margin:0 0 8px}.op-detail-grid{grid-template-columns:1fr}.op-stat{padding:14px}.op-stat strong{font-size:25px}.op-stat-icon{width:27px;height:27px}.op-stat-top{gap:7px}.op-page-heading>.op-toolbar{width:100%}.op-site-preview{height:143px}.op-tabs{margin-right:-18px;margin-left:-4px}.op-tab{padding:11px 12px!important}.op-topbar-title .op-topbar-divider{display:none}.op-topbar-title .op-topbar-location{display:none}.op-form-actions .op-muted{width:100%;margin:0 0 5px}.op-table td,.op-table th{padding:12px!important}.op-inline-input{align-items:stretch}.op-inline-input .op-btn{padding:7px 10px!important}.op-card-title{flex-wrap:wrap}.op-wizard-question h3{font-size:19px}.op-auth-form-area{padding-left:22px;padding-right:22px}}
@media(prefers-reduced-motion:reduce){.op-dashboard-root *,.op-dashboard-root *:before,.op-dashboard-root *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.op-site-card:hover{transform:none}.op-mini-browser{transform:none!important}}
/* v1.1 workspace refinements and store reporting */
#op-dashboard .op-brand-default{width:40px;height:40px;object-fit:contain}#op-dashboard .op-sales-chart{display:flex;align-items:flex-end;gap:12px;overflow-x:auto;padding:22px 4px 8px;min-height:180px}#op-dashboard .op-sales-bar{flex:1 0 48px;max-width:80px;display:flex;align-items:center;flex-direction:column;gap:7px;font-size:10px}#op-dashboard .op-sales-bar i{width:100%;min-width:20px;background:linear-gradient(0deg,#6446dc,#b6a6ff);border-radius:7px 7px 2px 2px}#op-dashboard .op-sales-bar small{white-space:nowrap;font-size:9px}#op-dashboard .op-report-meta{display:flex;flex-wrap:wrap;gap:16px;padding:20px 0;font-size:12px;color:#6e6c7a}#op-dashboard .op-report-meta b{color:#252333}#op-dashboard .op-sidebar{background:#fcfbf8}#op-dashboard .op-welcome{background:#292338;color:#fff}#op-dashboard .op-welcome h2,#op-dashboard .op-welcome .op-eyebrow{color:#fff}#op-dashboard .op-welcome p{color:#d2cce2}#op-dashboard .op-template-choice .op-template-colors{height:66px;border-radius:8px;background:linear-gradient(125deg,#f0eeff,#fff);display:grid;grid-template-columns:2fr 1fr 1fr;padding:9px;gap:7px}#op-dashboard .op-template-colors i{width:auto;height:auto;border-radius:5px}#op-dashboard .op-template-colors i:first-child{grid-row:span 2}#op-dashboard .op-template-choice strong{font-size:13px}#op-dashboard .op-sidebar .op-nav-button{min-height:40px}#op-dashboard .op-sidebar .op-nav-label{margin-top:16px}
@media(max-width:600px){#op-dashboard .op-report-meta{gap:10px;flex-direction:column}#op-dashboard .op-toolbar>.op-field{width:calc(50% - 8px);min-width:120px}#op-dashboard .op-sales-chart{max-width:100%}}

#op-dashboard .op-brand-animated .op-brand-default{animation:op-dashboard-logo 7s ease-in-out infinite;transform-origin:center}@keyframes op-dashboard-logo{0%,100%{transform:perspective(150px) rotateY(-10deg) rotate(-3deg)}50%{transform:perspective(150px) rotateY(12deg) rotate(4deg)}}@media(prefers-reduced-motion:reduce){#op-dashboard .op-brand-animated .op-brand-default{animation:none!important;transform:none!important}}