.portal-mock-scope{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);background:var(--surface-alt);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:14px;line-height:1.5}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.portal-mock-scope .pay-hero{background:linear-gradient(135deg, var(--brand-dark) 0%, var(--brand) 100%);color:#fff;border-radius:var(--radius-xl);grid-template-columns:1fr auto;align-items:center;gap:24px;margin-bottom:20px;padding:32px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 50px #144d3138}.portal-mock-scope .pay-hero:after{content:"";background:radial-gradient(circle,#c7843b40,#0000 70%);border-radius:50%;width:220px;height:220px;position:absolute;top:-40px;right:-40px}.portal-mock-scope .pay-hero-label{color:#ffffffb3;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700}.portal-mock-scope .pay-hero-amount{letter-spacing:-.02em;margin-bottom:8px;font-size:48px;font-weight:800;line-height:1}.portal-mock-scope .pay-hero-due{color:#ffffffd9;font-size:14px}.portal-mock-scope .pay-hero-due strong{color:#fff;font-weight:700}.portal-mock-scope .pay-hero-actions{z-index:1;flex-direction:column;gap:10px;display:flex;position:relative}.portal-mock-scope .btn-pay{color:var(--brand-dark);white-space:nowrap;background:#fff;border-radius:100px;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 6px 20px #0003}.portal-mock-scope .btn-pay:hover{transform:translateY(-2px);box-shadow:0 10px 28px #00000047}.portal-mock-scope .btn-pay svg{width:16px;height:16px}.portal-mock-scope .btn-autopay{color:#fff;background:#ffffff26;border:1px solid #ffffff40;border-radius:100px;align-items:center;gap:8px;padding:11px 22px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.portal-mock-scope .btn-autopay:hover{background:#ffffff38}.portal-mock-scope .btn-autopay svg{width:14px;height:14px}.portal-mock-scope .home-grid{grid-template-columns:2fr 1fr;gap:16px;margin-top:20px;display:grid}.portal-mock-scope .card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:22px}.portal-mock-scope .card-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.portal-mock-scope .card-link{color:var(--brand);font-size:12px;font-weight:600}.portal-mock-scope .kv-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:10px 0;font-size:13px;display:flex}.portal-mock-scope .kv-row:last-child{border-bottom:none}.portal-mock-scope .kv-row .kv-key{color:var(--text-muted)}.portal-mock-scope .kv-row .kv-val{color:var(--text);font-weight:600}.portal-mock-scope .activity-item{border-bottom:1px solid var(--border);gap:12px;padding:12px 0;display:flex}.portal-mock-scope .activity-item:last-child{border-bottom:none}.portal-mock-scope .activity-icon{background:var(--brand-pale);width:34px;height:34px;color:var(--brand);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.portal-mock-scope .activity-icon.paid{background:var(--green-bg);color:var(--green-dark)}.portal-mock-scope .activity-icon.ticket{background:var(--accent-bg);color:var(--accent)}.portal-mock-scope .activity-icon svg{width:16px;height:16px}.portal-mock-scope .activity-body{flex:1;min-width:0}.portal-mock-scope .activity-title{color:var(--text);margin-bottom:2px;font-size:13px;font-weight:600}.portal-mock-scope .activity-meta{color:var(--text-muted);font-size:12px}.portal-mock-scope .qa-list{flex-direction:column;gap:8px;display:flex}.portal-mock-scope .qa-item{border-radius:var(--radius);background:var(--surface-subtle);border:1px solid var(--border);cursor:pointer;align-items:center;gap:12px;padding:12px 14px;transition:all .15s;display:flex}.portal-mock-scope .qa-item:hover{border-color:var(--brand);background:var(--brand-pale)}.portal-mock-scope .qa-icon{background:var(--brand-pale);width:32px;height:32px;color:var(--brand);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.portal-mock-scope .qa-item:hover .qa-icon{background:var(--brand);color:#fff}.portal-mock-scope .qa-icon svg{width:16px;height:16px}.portal-mock-scope .qa-label{color:var(--text);flex:1;font-size:13px;font-weight:600}.portal-mock-scope .qa-item svg.chev{width:14px;height:14px;color:var(--text-faint)}.portal-mock-scope .method-sub{color:var(--text-muted);margin-top:2px;font-size:11px}.portal-mock-scope .table{border-collapse:collapse;width:100%;font-size:13px}.portal-mock-scope .table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;background:var(--surface-subtle);border-bottom:1px solid var(--border);padding:10px 14px;font-size:11px;font-weight:700}.portal-mock-scope .table td{border-bottom:1px solid var(--border);color:var(--text);padding:14px}.portal-mock-scope .table tr:last-child td{border-bottom:none}.portal-mock-scope .table tr:hover td{background:var(--surface-subtle)}.portal-mock-scope .table-amount{font-variant-numeric:tabular-nums;font-weight:700}.portal-mock-scope .pill{text-transform:uppercase;letter-spacing:.06em;border-radius:100px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.portal-mock-scope .pill-green{background:var(--green-bg);color:var(--green-dark)}.portal-mock-scope .pill-amber{background:var(--accent-bg);color:var(--accent)}.portal-mock-scope .pill-red{background:var(--red-bg);color:var(--red)}.portal-mock-scope .icon-btn{background:var(--surface-subtle);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--text-muted);border-radius:7px;justify-content:center;align-items:center;padding:8px;transition:all .15s;display:inline-flex}.portal-mock-scope .form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.portal-mock-scope .input,.portal-mock-scope textarea.input,.portal-mock-scope select.input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);outline:none;padding:11px 14px;font-size:16px;transition:all .15s}.portal-mock-scope .priority-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.portal-mock-scope .priority{border:2px solid var(--border);border-radius:var(--radius);text-align:center;background:var(--surface);cursor:pointer;padding:12px;transition:all .15s}.portal-mock-scope .priority:hover{border-color:var(--brand)}.portal-mock-scope .priority.selected.low{border-color:var(--green);background:var(--green-bg)}.portal-mock-scope .priority.selected.med{border-color:var(--amber);background:var(--accent-bg)}.portal-mock-scope .priority.selected.urgent{border-color:var(--red);background:var(--red-bg)}.portal-mock-scope .priority-label{color:var(--text);font-size:13px;font-weight:700}.portal-mock-scope .priority-sub{color:var(--text-muted);margin-top:2px;font-size:11px}.portal-mock-scope .drop-zone{border:2px dashed var(--border-strong);border-radius:var(--radius-lg);text-align:center;cursor:pointer;background:var(--surface-subtle);padding:24px;transition:all .15s}.portal-mock-scope .ticket-row{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;margin-bottom:10px;padding:16px 18px;transition:all .15s;display:grid}.portal-mock-scope .ticket-row:hover{border-color:var(--brand-bright);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.portal-mock-scope .ticket-icon{background:var(--brand-pale);width:40px;height:40px;color:var(--brand);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.portal-mock-scope .ticket-icon.done{background:var(--green-bg);color:var(--green-dark)}.portal-mock-scope .ticket-icon svg{width:18px;height:18px}.portal-mock-scope .ticket-title{color:var(--text);margin-bottom:2px;font-size:14px;font-weight:700}.portal-mock-scope .ticket-meta{color:var(--text-muted);align-items:center;gap:10px;font-size:12px;display:flex}.portal-mock-scope .ticket-meta svg{width:11px;height:11px}.portal-mock-scope .doc-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;margin-bottom:8px;padding:14px 16px;transition:all .15s;display:grid}.portal-mock-scope .doc-row:hover{border-color:var(--brand)}.portal-mock-scope .doc-icon{background:linear-gradient(135deg, var(--brand-pale), var(--brand-soft));width:36px;height:44px;color:var(--brand);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;font-weight:800;display:flex;position:relative}.portal-mock-scope .doc-icon:after{content:"";background:var(--surface);border-left:1px solid var(--border);border-bottom:1px solid var(--border);width:10px;height:10px;position:absolute;top:0;right:0}.portal-mock-scope .doc-title{color:var(--text);margin-bottom:2px;font-size:14px;font-weight:700}.portal-mock-scope .doc-meta{color:var(--text-muted);font-size:12px}.portal-mock-scope .drawer-bg{opacity:0;pointer-events:none;z-index:50;background:#0e382273;justify-content:center;align-items:center;padding:20px;transition:opacity .25s;display:flex;position:fixed;inset:0}.portal-mock-scope .drawer-bg.open{opacity:1;pointer-events:auto}.portal-mock-scope .drawer{background:var(--surface);border-radius:var(--radius-xl);width:100%;max-width:460px;box-shadow:var(--shadow-lg);transition:transform .3s cubic-bezier(.2,.9,.3,1);overflow:hidden;transform:translateY(20px)scale(.98)}.portal-mock-scope .drawer-bg.open .drawer{transform:none}.portal-mock-scope .drawer-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.portal-mock-scope .drawer-head h2{letter-spacing:-.02em;font-size:18px;font-weight:800}.portal-mock-scope .drawer-close{background:var(--surface-subtle);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;display:flex}.portal-mock-scope .drawer-close:hover{background:var(--red-bg);color:var(--red)}.portal-mock-scope .drawer-close svg{width:16px;height:16px}.portal-mock-scope .drawer-body{padding:22px 24px}.portal-mock-scope .drawer-foot{border-top:1px solid var(--border);background:var(--surface-subtle);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.portal-mock-scope .pay-summary{background:var(--brand-pale);border:1px solid var(--brand-soft);border-radius:var(--radius);justify-content:space-between;align-items:center;margin-bottom:18px;padding:14px 16px;display:flex}.portal-mock-scope .pay-summary-label{color:var(--brand-dark);font-size:12px;font-weight:600}.portal-mock-scope .pay-summary-amount{color:var(--brand-dark);letter-spacing:-.02em;font-size:24px;font-weight:800}.portal-mock-scope .method-pick{border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:14px;margin-bottom:8px;padding:14px;transition:all .15s;display:flex}.portal-mock-scope .method-pick:hover{border-color:var(--brand)}.portal-mock-scope .method-pick.selected{border-color:var(--brand);background:var(--brand-pale)}.portal-mock-scope .method-pick-radio{border:2px solid var(--border-strong);border-radius:50%;flex-shrink:0;width:18px;height:18px;transition:all .15s;position:relative}.portal-mock-scope .method-pick.selected .method-pick-radio{border-color:var(--brand);background:var(--brand)}.portal-mock-scope .method-pick.selected .method-pick-radio:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:3px}.portal-mock-scope .toast-stack{padding-bottom:calc(16px + env(safe-area-inset-bottom));z-index:80;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (max-width:780px){.portal-mock-scope .topbar{flex-direction:column;gap:10px;height:auto;padding:14px 16px}.portal-mock-scope .tb-nav{width:100%;overflow-x:auto}.portal-mock-scope .wrap{padding:20px 16px}.portal-mock-scope .pay-hero{text-align:left;grid-template-columns:1fr}.portal-mock-scope .home-grid,.portal-mock-scope .form-grid{grid-template-columns:1fr}}.portal-mock-scope{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;color:var(--text);background:var(--surface-alt);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:14px;line-height:1.5}.portal-mock-scope :root{--brand:#1e6f47;--brand-dark:#144d31;--brand-darker:#0e3822;--brand-bright:#2a8f5e;--brand-pale:#e7f4ed;--brand-soft:#d1e8dc;--accent:#c7843b;--accent-bg:#c7843b1f;--text:#1f2b24;--text-muted:#5e6b62;--text-faint:#8b978f;--surface:#fff;--surface-alt:#f6f4ee;--surface-subtle:#fbfaf4;--border:#e5e1d4;--border-strong:#c9c3b0;--green:#1e6f47;--green-bg:#1e6f471f;--green-dark:#144d31;--red:#b23a3a;--red-bg:#b23a3a1a;--amber:#c7843b;--amber-bg:#c7843b1f;--blue:#2b5db7;--blue-bg:#2b5db71a;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px;--shadow-sm:0 1px 2px #144d310d;--shadow:0 4px 18px #144d3114;--shadow-lg:0 14px 44px #144d3124}.portal-mock-scope .tb-right{color:#ffffffbf;align-items:center;gap:18px;font-size:13px;display:flex}.portal-mock-scope .tb-right a{color:#fff;font-weight:600}.portal-mock-scope .tb-right a:hover{text-decoration:underline}.portal-mock-scope .tb-back{background:#ffffff14;border-radius:100px;align-items:center;gap:6px;padding:8px 14px;transition:all .15s;display:inline-flex}.portal-mock-scope .tb-back:hover{background:#ffffff29;text-decoration:none}.portal-mock-scope .tb-back svg{width:14px;height:14px}.portal-mock-scope .status-banner{background:linear-gradient(135deg, var(--brand-pale), var(--brand-soft));border-bottom:1px solid var(--brand-soft);align-items:center;gap:16px;padding:18px 32px;display:flex}.portal-mock-scope .sb-icon{background:var(--brand);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #144d3133}.portal-mock-scope .sb-icon svg{width:22px;height:22px}.portal-mock-scope .sb-text{flex:1;min-width:0}.portal-mock-scope .sb-crumbs{color:var(--brand-dark);letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px;font-size:11px;font-weight:700}.portal-mock-scope .sb-title{color:var(--text);font-size:16px;font-weight:700}.portal-mock-scope .sb-title span{color:var(--text-muted);font-weight:500}.portal-mock-scope .sb-who{text-align:right;color:var(--text-muted);font-size:12px}.portal-mock-scope .sb-who strong{color:var(--text);font-size:14px;font-weight:700;display:block}.portal-mock-scope .side-eyebrow{color:var(--brand);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700}.portal-mock-scope .side-sub{color:var(--text-muted);margin-bottom:18px;font-size:12px}.portal-mock-scope .overall-ring{background:var(--brand-pale);border-radius:var(--radius);border:1px solid var(--brand-soft);align-items:center;gap:14px;margin-bottom:18px;padding:14px;display:flex}.portal-mock-scope .ring-num{color:var(--brand-dark);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.portal-mock-scope .ring-meta{color:var(--brand-dark);font-size:12px;font-weight:600;line-height:1.3}.portal-mock-scope .ring-meta small{color:var(--text-muted);margin-top:2px;font-weight:500;display:block}.portal-mock-scope .room-progress-list{flex-direction:column;gap:6px;display:flex}.portal-mock-scope .rpi{border-radius:var(--radius);background:var(--surface-subtle);border:1px solid var(--border);cursor:pointer;text-align:left;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:all .15s;display:flex}.portal-mock-scope .rpi:hover{border-color:var(--brand-bright);background:var(--brand-pale)}.portal-mock-scope .rpi.done{background:var(--green-bg);border-color:var(--brand-soft)}.portal-mock-scope .rpi-check{background:var(--surface);border:1.5px solid var(--border-strong);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.portal-mock-scope .rpi.done .rpi-check{background:var(--brand);border-color:var(--brand)}.portal-mock-scope .rpi-check svg{opacity:0;width:12px;height:12px}.portal-mock-scope .rpi.done .rpi-check svg{opacity:1}.portal-mock-scope .rpi-body{flex:1;min-width:0}.portal-mock-scope .rpi-label{color:var(--text);font-size:13px;font-weight:600}.portal-mock-scope .rpi-meta{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:1px;font-size:11px}.portal-mock-scope .sidebar-foot{border-top:1px solid var(--border);color:var(--text-muted);margin-top:18px;padding-top:16px;font-size:11px;line-height:1.5}.portal-mock-scope .sidebar-foot strong{color:var(--text);margin-bottom:4px;font-size:12px;display:block}.portal-mock-scope .page-kicker{color:var(--brand);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700}.portal-mock-scope .page-head h1{letter-spacing:-.02em;margin-bottom:8px;font-size:30px;font-weight:800;line-height:1.15}.portal-mock-scope .page-head p strong{color:var(--text)}.portal-mock-scope .section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:14px;overflow:hidden}.portal-mock-scope .sec-head{cursor:pointer;align-items:center;gap:14px;padding:18px 22px;transition:background .15s;display:flex}.portal-mock-scope .sec-head:hover{background:var(--surface-subtle)}.portal-mock-scope .section.open .sec-head{border-bottom:1px solid var(--border)}.portal-mock-scope .sec-icon{background:var(--brand-pale);width:38px;height:38px;color:var(--brand);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.portal-mock-scope .sec-icon svg{width:20px;height:20px}.portal-mock-scope .sec-body-head{flex:1;min-width:0}.portal-mock-scope .sec-title{color:var(--text);letter-spacing:-.01em;font-size:16px;font-weight:700}.portal-mock-scope .sec-count{color:var(--text-muted);background:var(--surface-subtle);border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:100px;padding:4px 10px;font-size:11px;font-weight:700}.portal-mock-scope .sec-count.done{color:var(--brand-dark);background:var(--brand-pale);border-color:var(--brand-soft)}.portal-mock-scope .sec-chev{background:var(--surface-subtle);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;transition:transform .2s;display:flex}.portal-mock-scope .sec-chev svg{width:14px;height:14px}.portal-mock-scope .section.open .sec-chev{transform:rotate(180deg)}.portal-mock-scope .sec-body{padding:6px 22px 22px;display:none}.portal-mock-scope .section.open .sec-body{display:block}.portal-mock-scope .item{border-bottom:1px solid var(--border);grid-template-columns:1fr;gap:12px;padding:16px 0;display:grid}.portal-mock-scope .item:last-child{border-bottom:none;padding-bottom:6px}.portal-mock-scope .item-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.portal-mock-scope .item-name{color:var(--text);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.portal-mock-scope .item-name small{color:var(--text-muted);font-size:12px;font-weight:500}.portal-mock-scope .rating-pills{flex-wrap:wrap;gap:6px;display:flex}.portal-mock-scope .rpill{background:var(--surface-subtle);border:1.5px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:100px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .12s;display:inline-flex}.portal-mock-scope .rpill:hover{border-color:var(--border-strong);color:var(--text)}.portal-mock-scope .rpill .rdot{opacity:.55;background:currentColor;border-radius:50%;width:7px;height:7px}.portal-mock-scope .rpill[data-val=excellent].active{background:var(--green-bg);border-color:var(--green);color:var(--green-dark)}.portal-mock-scope .rpill[data-val=good].active{background:var(--blue-bg);border-color:var(--blue);color:var(--blue)}.portal-mock-scope .rpill[data-val=fair].active{background:var(--amber-bg);border-color:var(--amber);color:var(--amber)}.portal-mock-scope .rpill[data-val=attn].active{background:var(--red-bg);border-color:var(--red);color:var(--red)}.portal-mock-scope .rpill.active .rdot{opacity:1}.portal-mock-scope .item-extras{grid-template-columns:1fr 160px;align-items:start;gap:12px;display:grid}@media (max-width:720px){.portal-mock-scope .item-extras{grid-template-columns:1fr}}.portal-mock-scope .note-input{background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius);resize:vertical;outline:none;width:100%;min-height:64px;padding:10px 12px;font-size:13px;line-height:1.45;transition:all .15s}.portal-mock-scope .note-input:focus{border-color:var(--brand);background:var(--surface);box-shadow:0 0 0 3px var(--brand-pale)}.portal-mock-scope .note-input::placeholder{color:var(--text-faint)}.portal-mock-scope .photo-tile{border-radius:var(--radius);border:1.5px dashed var(--border-strong);background:var(--surface-subtle);height:64px;color:var(--text-muted);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.portal-mock-scope .photo-tile:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-pale)}.portal-mock-scope .photo-tile svg{width:18px;height:18px}.portal-mock-scope .photo-tile.added{background:var(--brand-pale);border-style:solid;border-color:var(--brand);color:var(--brand-dark)}.portal-mock-scope .photo-tile.added svg{color:var(--brand)}.portal-mock-scope .shared-note{color:var(--text-muted);margin-bottom:10px;padding:4px 0 8px;font-size:13px}.portal-mock-scope .shared-note strong{color:var(--text)}.portal-mock-scope .keys-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;display:grid}@media (max-width:720px){.portal-mock-scope .keys-grid{grid-template-columns:1fr}}.portal-mock-scope .key-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-subtle);cursor:pointer;align-items:center;gap:12px;padding:12px 14px;transition:all .12s;display:flex}.portal-mock-scope .key-row:hover{border-color:var(--brand-bright)}.portal-mock-scope .key-row.checked{background:var(--brand-pale);border-color:var(--brand)}.portal-mock-scope .key-check{border:1.5px solid var(--border-strong);background:var(--surface);color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.portal-mock-scope .key-row.checked .key-check{background:var(--brand);border-color:var(--brand)}.portal-mock-scope .key-check svg{opacity:0;width:12px;height:12px}.portal-mock-scope .key-row.checked .key-check svg{opacity:1}.portal-mock-scope .key-label{color:var(--text);flex:1;font-size:13px;font-weight:600}.portal-mock-scope .key-count{color:var(--text-muted);align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.portal-mock-scope .count-btn{background:var(--surface);border:1px solid var(--border-strong);width:24px;height:24px;color:var(--text-muted);border-radius:6px;justify-content:center;align-items:center;font-weight:700;transition:all .12s;display:inline-flex}.portal-mock-scope .count-btn:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.portal-mock-scope .count-num{text-align:center;font-variant-numeric:tabular-nums;min-width:18px;color:var(--text)}.portal-mock-scope .smoke-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-subtle);cursor:pointer;align-items:center;gap:14px;margin-top:14px;padding:14px 16px;transition:all .12s;display:flex}.portal-mock-scope .smoke-row:hover{border-color:var(--brand-bright)}.portal-mock-scope .smoke-row.checked{background:var(--brand-pale);border-color:var(--brand)}.portal-mock-scope .smoke-icon{background:var(--brand-pale);width:34px;height:34px;color:var(--brand);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.portal-mock-scope .smoke-row.checked .smoke-icon{background:var(--brand);color:#fff}.portal-mock-scope .smoke-icon svg{width:18px;height:18px}.portal-mock-scope .smoke-text{flex:1}.portal-mock-scope .smoke-title{color:var(--text);font-size:13px;font-weight:700}.portal-mock-scope .smoke-sub{color:var(--text-muted);margin-top:1px;font-size:12px}.portal-mock-scope .sig-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:6px;display:grid}@media (max-width:720px){.portal-mock-scope .sig-grid{grid-template-columns:1fr}}.portal-mock-scope .sig-block{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-subtle);padding:18px}.portal-mock-scope .sig-label{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700}.portal-mock-scope .sig-line{border-bottom:1.5px solid var(--border-strong);min-height:72px;color:var(--text);align-items:flex-end;margin-bottom:8px;padding:8px 4px 4px;font-family:Caveat,cursive;font-size:36px;line-height:1;display:flex}.portal-mock-scope .sig-line.empty{color:var(--text-faint)}.portal-mock-scope .sig-meta{color:var(--text-muted);font-size:12px}.portal-mock-scope .sig-meta strong{color:var(--text)}.portal-mock-scope .sig-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);outline:none;width:100%;margin-top:8px;padding:9px 12px;font-size:13px;transition:all .15s}.portal-mock-scope .sig-block.landlord .sig-line{color:var(--text-faint);font-family:Inter,sans-serif;font-size:13px;font-style:italic;font-weight:500}.portal-mock-scope .open-note{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);resize:vertical;outline:none;width:100%;min-height:100px;padding:14px;font-size:14px;line-height:1.5;transition:all .15s}.portal-mock-scope .open-note:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-pale)}.portal-mock-scope .agree-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-subtle);cursor:pointer;align-items:flex-start;gap:12px;margin-top:20px;padding:14px 16px;transition:all .12s;display:flex}.portal-mock-scope .agree-row:hover{border-color:var(--brand-bright)}.portal-mock-scope .agree-row.checked{background:var(--brand-pale);border-color:var(--brand)}.portal-mock-scope .agree-check{border:1.5px solid var(--border-strong);background:var(--surface);color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;display:flex}.portal-mock-scope .agree-row.checked .agree-check{background:var(--brand);border-color:var(--brand)}.portal-mock-scope .agree-check svg{opacity:0;width:12px;height:12px}.portal-mock-scope .agree-row.checked .agree-check svg{opacity:1}.portal-mock-scope .agree-text{color:var(--text);font-size:13px;font-weight:500}.portal-mock-scope .agree-text strong{font-weight:700}.portal-mock-scope .submit-gate{color:var(--text-muted);font-size:13px}.portal-mock-scope .submit-gate strong{color:var(--text)}.portal-mock-scope .submit-gate.ready{color:var(--brand-dark)}.portal-mock-scope .submit-gate.ready strong{color:var(--brand)}.portal-mock-scope .btn-submit{background:var(--brand);color:#fff;border-radius:100px;align-items:center;gap:8px;padding:13px 26px;font-size:14px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 6px 18px #144d313d}.portal-mock-scope .btn-submit:hover:not(:disabled){background:var(--brand-dark);transform:translateY(-1px);box-shadow:0 10px 24px #144d314d}.portal-mock-scope .btn-submit:disabled{background:var(--border-strong);color:var(--text-faint);box-shadow:none;cursor:not-allowed}.portal-mock-scope .btn-submit svg{width:15px;height:15px}.portal-mock-scope .overlay{-webkit-backdrop-filter:blur(6px);z-index:50;background:#0e382273;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.portal-mock-scope .overlay.open{animation:.2s fadeIn;display:flex}.portal-mock-scope .overlay-card{background:var(--surface);border-radius:var(--radius-xl);width:100%;max-width:520px;box-shadow:var(--shadow-lg);padding:36px;animation:.25s popIn}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.portal-mock-scope .ov-icon{background:linear-gradient(135deg, var(--brand), var(--brand-bright));color:#fff;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:18px;display:flex;box-shadow:0 12px 32px #144d3147}.portal-mock-scope .ov-icon svg{width:30px;height:30px}.portal-mock-scope .ov-title{letter-spacing:-.02em;margin-bottom:6px;font-size:22px;font-weight:800}.portal-mock-scope .ov-sub{color:var(--text-muted);margin-bottom:22px;font-size:14px;line-height:1.55}.portal-mock-scope .ov-sub strong{color:var(--text)}.portal-mock-scope .ov-timeline{flex-direction:column;gap:10px;margin-bottom:22px;display:flex}.portal-mock-scope .ov-step{border-radius:var(--radius);background:var(--surface-subtle);border:1px solid var(--border);align-items:center;gap:12px;padding:12px 14px;display:flex}.portal-mock-scope .ov-step.done{background:var(--brand-pale);border-color:var(--brand-soft)}.portal-mock-scope .ov-dot{background:var(--surface);border:1.5px solid var(--border-strong);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.portal-mock-scope .ov-step.done .ov-dot{background:var(--brand);border-color:var(--brand)}.portal-mock-scope .ov-dot svg{opacity:0;width:12px;height:12px}.portal-mock-scope .ov-step.done .ov-dot svg{opacity:1}.portal-mock-scope .ov-step-body{flex:1;min-width:0}.portal-mock-scope .ov-step-label{color:var(--text);font-size:13px;font-weight:700}.portal-mock-scope .ov-step-meta{color:var(--text-muted);margin-top:1px;font-size:11px}.portal-mock-scope .ov-actions{gap:10px;display:flex}.portal-mock-scope .btn-ov-primary{background:var(--brand);color:#fff;text-align:center;border-radius:100px;flex:1;padding:12px 18px;font-size:13px;font-weight:700;transition:all .15s}.portal-mock-scope .btn-ov-primary:hover{background:var(--brand-dark)}.portal-mock-scope .btn-ov-ghost{background:var(--surface-subtle);color:var(--text);text-align:center;border:1px solid var(--border);border-radius:100px;flex:1;padding:12px 18px;font-size:13px;font-weight:600;transition:all .15s}.portal-mock-scope .btn-ov-ghost:hover{background:var(--brand-pale);border-color:var(--brand);color:var(--brand-dark)}@media (max-width:960px){.portal-mock-scope .wrap{grid-template-columns:1fr}.portal-mock-scope .sidebar{position:static}.portal-mock-scope .status-banner{flex-wrap:wrap}.portal-mock-scope .sb-who{text-align:left}}.portal-mock-scope{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;color:var(--text);background:var(--surface-alt);font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:14px;line-height:1.5}.portal-mock-scope :root{--brand:#1e6f47;--brand-dark:#144d31;--brand-darker:#0e3822;--brand-bright:#2a8f5e;--brand-pale:#e7f4ed;--brand-soft:#d1e8dc;--accent:#c7843b;--accent-bg:#c7843b1f;--text:#1f2b24;--text-muted:#5e6b62;--text-faint:#8b978f;--surface:#fff;--surface-alt:#f6f4ee;--surface-subtle:#fbfaf4;--border:#e5e1d4;--border-strong:#c9c3b0;--green:#1e6f47;--green-bg:#1e6f471f;--green-dark:#144d31;--red:#b23a3a;--red-bg:#b23a3a1a;--amber:#c7843b;--amber-bg:#c7843b1f;--radius:10px;--radius-lg:14px;--radius-xl:20px;--shadow-sm:0 1px 2px #144d310d;--shadow:0 4px 18px #144d3114;--shadow-lg:0 14px 44px #144d3124}.portal-mock-scope .info-banner{background:var(--amber-bg);border-bottom:1px solid #c7843b4d;align-items:flex-start;gap:12px;max-width:1100px;margin:0 auto;padding:14px 32px;display:flex}.portal-mock-scope .info-icon{background:var(--amber);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.portal-mock-scope .info-icon svg{width:14px;height:14px}.portal-mock-scope .info-text{color:var(--text);font-size:13px}.portal-mock-scope .info-text strong{font-weight:700}.portal-mock-scope .step{cursor:pointer;gap:14px;padding:10px 0;transition:all .15s;display:flex;position:relative}.portal-mock-scope .step.done .step-label{color:var(--text-muted);text-decoration:line-through;text-decoration-thickness:1px}.portal-mock-scope .card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.portal-mock-scope .notice-date{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:18px;margin-bottom:18px;display:grid}.portal-mock-scope .date-block{background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px}.portal-mock-scope .date-block.highlight{background:var(--brand-pale);border-color:var(--brand-soft)}.portal-mock-scope .date-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;font-size:11px;font-weight:700}.portal-mock-scope .date-block.highlight .date-label{color:var(--brand-dark)}.portal-mock-scope .date-val{letter-spacing:-.02em;color:var(--text);font-size:24px;font-weight:800;line-height:1}.portal-mock-scope .date-block.highlight .date-val{color:var(--brand-dark)}.portal-mock-scope .date-sub{color:var(--text-muted);margin-top:6px;font-size:12px}.portal-mock-scope .date-arrow{background:var(--surface);border:1px solid var(--border);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--brand);border-radius:50%;justify-content:center;align-self:center;align-items:center;display:flex}.portal-mock-scope .date-arrow svg{width:14px;height:14px}.portal-mock-scope select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235e6b62' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.portal-mock-scope .reason{border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;gap:12px;padding:14px;transition:all .15s;display:flex}.portal-mock-scope .reason:hover{border-color:var(--brand)}.portal-mock-scope .reason.selected{border-color:var(--brand);background:var(--brand-pale)}.portal-mock-scope .reason-dot{border:2px solid var(--border-strong);border-radius:50%;flex-shrink:0;width:18px;height:18px;margin-top:2px;transition:all .15s;position:relative}.portal-mock-scope .reason.selected .reason-dot{border-color:var(--brand);background:var(--brand)}.portal-mock-scope .reason.selected .reason-dot:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:3px}.portal-mock-scope .reason-body{flex:1}.portal-mock-scope .reason-title{color:var(--text);font-size:13px;font-weight:700;line-height:1.3}.portal-mock-scope .reason-sub{color:var(--text-muted);margin-top:2px;font-size:12px}.portal-mock-scope .checklist{flex-direction:column;gap:6px;display:flex}.portal-mock-scope .check-item{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:flex-start;gap:12px;padding:12px 14px;transition:all .15s;display:flex}.portal-mock-scope .check-item:hover{border-color:var(--brand-soft);background:var(--surface-subtle)}.portal-mock-scope .check-item.checked{border-color:var(--brand);background:var(--brand-pale)}.portal-mock-scope .check-box{border:2px solid var(--border-strong);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;transition:all .15s;display:flex}.portal-mock-scope .check-item.checked .check-box{background:var(--brand);border-color:var(--brand)}.portal-mock-scope .check-box svg{color:#fff;opacity:0;width:12px;height:12px}.portal-mock-scope .check-item.checked .check-box svg{opacity:1}.portal-mock-scope .check-body{flex:1}.portal-mock-scope .check-title{color:var(--text);font-size:13.5px;font-weight:600;line-height:1.4}.portal-mock-scope .check-sub{color:var(--text-muted);margin-top:3px;font-size:12px;line-height:1.5}.portal-mock-scope .check-group+.check-group{margin-top:18px}.portal-mock-scope .check-group-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.portal-mock-scope .check-group-title{color:var(--text);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:800}.portal-mock-scope .check-group-line{background:var(--border);flex:1;height:1px}.portal-mock-scope .check-group-count{background:var(--surface-subtle);color:var(--text-muted);border-radius:100px;padding:2px 8px;font-size:11px;font-weight:700}.portal-mock-scope .progress{background:var(--surface-subtle);border:1px solid var(--border);border-radius:100px;height:8px;margin-bottom:4px;overflow:hidden}.portal-mock-scope .progress-bar{background:linear-gradient(90deg, var(--brand-bright), var(--brand));border-radius:100px;width:0%;height:100%;transition:width .35s cubic-bezier(.2,.9,.3,1)}.portal-mock-scope .progress-meta{color:var(--text-muted);justify-content:space-between;margin-bottom:14px;font-size:12px;display:flex}.portal-mock-scope .deposit-box{background:linear-gradient(135deg, var(--brand-dark), var(--brand));color:#fff;border-radius:var(--radius-lg);grid-template-columns:1fr auto;align-items:center;gap:16px;margin-bottom:18px;padding:24px 26px;display:grid;position:relative;overflow:hidden}.portal-mock-scope .deposit-box:after{content:"";background:radial-gradient(circle,#c7843b4d,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;top:-60px;right:-60px}.portal-mock-scope .deposit-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.14em;margin-bottom:6px;font-size:11px;font-weight:700}.portal-mock-scope .deposit-amount{letter-spacing:-.02em;font-size:34px;font-weight:800;line-height:1}.portal-mock-scope .deposit-sub{color:#fffc;margin-top:6px;font-size:12.5px;line-height:1.5}.portal-mock-scope .time-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;display:grid}.portal-mock-scope .time-slot{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:center;cursor:pointer;padding:10px 12px;transition:all .15s}.portal-mock-scope .time-slot:hover{border-color:var(--brand)}.portal-mock-scope .time-slot.selected{border-color:var(--brand);background:var(--brand-pale)}.portal-mock-scope .time-slot-day{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700}.portal-mock-scope .time-slot-date{color:var(--text);letter-spacing:-.01em;margin-top:2px;font-size:15px;font-weight:800}.portal-mock-scope .time-slot-time{color:var(--text-muted);margin-top:2px;font-size:11px}.portal-mock-scope .time-slot.selected .time-slot-day{color:var(--brand-dark)}.portal-mock-scope .submit-bar{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:18px;display:flex}.portal-mock-scope .btn-primary:hover{background:var(--brand-dark);transform:translateY(-1px);box-shadow:0 10px 24px #144d314d}@keyframes pop{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:none}}.portal-mock-scope .timeline-text{color:var(--text)}.portal-mock-scope .timeline-text.muted{color:var(--text-muted)}@media (max-width:920px){.portal-mock-scope .wrap{grid-template-columns:1fr}.portal-mock-scope .sidebar{position:static}.portal-mock-scope .notice-date{grid-template-columns:1fr}.portal-mock-scope .date-arrow{margin:0 auto;transform:rotate(90deg)}.portal-mock-scope .reason-list{grid-template-columns:1fr}.portal-mock-scope .time-grid{grid-template-columns:1fr 1fr}.portal-mock-scope .info-banner{padding:12px 16px}}.portal-mock-scope{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;color:var(--text);background:var(--surface-alt);font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:14px;line-height:1.5}.portal-mock-scope input,.portal-mock-scope select{font-family:inherit;font-size:inherit;color:inherit}.portal-mock-scope :root{--brand:#1e6f47;--brand-dark:#144d31;--brand-darker:#0e3822;--brand-bright:#2a8f5e;--brand-pale:#e7f4ed;--brand-soft:#d1e8dc;--accent:#c7843b;--accent-bg:#c7843b1f;--text:#1f2b24;--text-muted:#5e6b62;--text-faint:#8b978f;--surface:#fff;--surface-alt:#f6f4ee;--surface-subtle:#fbfaf4;--border:#e5e1d4;--border-strong:#c9c3b0;--green:#1e6f47;--green-bg:#1e6f471f;--green-dark:#144d31;--red:#b23a3a;--amber:#c7843b;--radius:10px;--radius-lg:14px;--radius-xl:20px;--shadow-sm:0 1px 2px #144d310d;--shadow:0 4px 18px #144d3114;--shadow-lg:0 14px 44px #144d3124}.portal-mock-scope .tb-help{color:#ffffffbf;font-size:13px}.portal-mock-scope .banner{background:var(--brand-pale);border:1px solid var(--brand-soft);border-radius:var(--radius-lg);align-items:center;gap:14px;margin-bottom:24px;padding:18px 22px;display:flex}.portal-mock-scope .banner-icon{background:var(--brand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.portal-mock-scope .banner-icon svg{width:18px;height:18px}.portal-mock-scope .banner-text{color:var(--text);font-size:13.5px;line-height:1.55}.portal-mock-scope .banner-text strong{color:var(--brand-dark);font-weight:700}.portal-mock-scope .choices{flex-direction:column;gap:14px;margin-bottom:28px;display:flex}.portal-mock-scope .choice{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-xl);cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:22px 26px;transition:all .15s;display:grid}.portal-mock-scope .choice:hover{border-color:var(--brand-soft);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.portal-mock-scope .choice.selected{border-color:var(--brand);background:var(--brand-pale)}.portal-mock-scope .choice.recommended{position:relative}.portal-mock-scope .choice.recommended:after{content:"Recommended";background:var(--brand);color:#fff;letter-spacing:.08em;text-transform:uppercase;border-radius:100px;padding:3px 10px;font-size:10px;font-weight:800;position:absolute;top:-10px;right:20px}.portal-mock-scope .choice-radio{border:2px solid var(--border-strong);border-radius:50%;flex-shrink:0;width:22px;height:22px;transition:all .15s;position:relative}.portal-mock-scope .choice.selected .choice-radio{border-color:var(--brand);background:var(--brand)}.portal-mock-scope .choice.selected .choice-radio:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:4px}.portal-mock-scope .choice-body{min-width:0}.portal-mock-scope .choice-title{letter-spacing:-.01em;color:var(--text);margin-bottom:4px;font-size:17px;font-weight:800}.portal-mock-scope .choice-sub{color:var(--text-muted);margin-bottom:8px;font-size:13px;line-height:1.55}.portal-mock-scope .choice-meta{color:var(--text-muted);flex-wrap:wrap;gap:14px;font-size:12px;display:flex}.portal-mock-scope .choice-meta-item{align-items:center;gap:5px;display:inline-flex}.portal-mock-scope .choice-meta-item svg{width:12px;height:12px;color:var(--brand)}.portal-mock-scope .choice-meta-item strong{color:var(--text);font-weight:700}.portal-mock-scope .choice-price{text-align:right;flex-shrink:0}.portal-mock-scope .choice-price-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600}.portal-mock-scope .choice-price-val{color:var(--text);letter-spacing:-.02em;margin-top:4px;font-size:22px;font-weight:800;line-height:1}.portal-mock-scope .choice-price-sub{color:var(--text-muted);margin-top:4px;font-size:11px}.portal-mock-scope .choice-price-delta{color:var(--amber);margin-top:2px;font-size:11px;font-weight:700}.portal-mock-scope .choice-price-delta.flat{color:var(--green-dark)}.portal-mock-scope .choice-price-delta.up{color:var(--amber)}.portal-mock-scope .details{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:28px;display:none}.portal-mock-scope .details.show{animation:.25s fadeIn;display:block}.portal-mock-scope .det-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.portal-mock-scope .det-title{letter-spacing:-.01em;font-size:16px;font-weight:800}.portal-mock-scope .det-sub{color:var(--text-muted);margin-top:3px;font-size:12.5px}.portal-mock-scope .kv-row{border-bottom:1px solid var(--border);grid-template-columns:1fr auto;gap:14px;padding:12px 0;font-size:14px;display:grid}.portal-mock-scope .kv-row:last-of-type{border-bottom:none}.portal-mock-scope .kv-key{color:var(--text-muted)}.portal-mock-scope .kv-val{color:var(--text);text-align:right;font-weight:700}.portal-mock-scope .kv-val.highlight{color:var(--brand-dark)}.portal-mock-scope .kv-val .old{color:var(--text-faint);margin-right:6px;font-size:13px;font-weight:500;text-decoration:line-through}.portal-mock-scope .callout{background:var(--brand-pale);border:1px solid var(--brand-soft);border-radius:var(--radius);color:var(--brand-dark);gap:10px;margin-top:16px;padding:14px 16px;font-size:13px;line-height:1.55;display:flex}.portal-mock-scope .callout svg{width:16px;height:16px;color:var(--brand-dark);flex-shrink:0;margin-top:1px}.portal-mock-scope .reasons{background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:20px;padding:22px}.portal-mock-scope .reasons-title{margin-bottom:14px;font-size:14px;font-weight:800}.portal-mock-scope .reason-list{grid-template-columns:1fr 1fr;gap:10px;display:grid}.portal-mock-scope .reason-item{color:var(--text);align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.portal-mock-scope .reason-item svg{width:14px;height:14px;color:var(--green-dark);flex-shrink:0;margin-top:2px}.portal-mock-scope .sig-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:16px;padding:22px}.portal-mock-scope .sig-block-head{margin-bottom:14px}.portal-mock-scope .sig-title{margin-bottom:3px;font-size:15px;font-weight:800}.portal-mock-scope .sig-sub{color:var(--text-muted);font-size:12.5px}.portal-mock-scope .sig-input{background:var(--surface-subtle);border:1.5px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);outline:none;margin-bottom:10px;padding:12px 14px;font-size:14px;transition:all .15s}.portal-mock-scope .sig-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-pale)}.portal-mock-scope .sig-render{border-radius:var(--radius);background:var(--surface-subtle);border:1.5px dashed var(--border-strong);min-height:62px;color:var(--brand-dark);letter-spacing:-.01em;align-items:center;padding:16px 14px;font-family:Inter,cursive;font-size:30px;font-style:italic;font-weight:500;display:flex}.portal-mock-scope .sig-render.empty{color:var(--text-faint);font-size:14px;font-style:italic;font-weight:400}.portal-mock-scope .sig-render.signed{border-style:solid;border-color:var(--brand);background:var(--brand-pale)}.portal-mock-scope .agree-row{color:var(--text);cursor:pointer;gap:12px;padding:10px 0;font-size:13px;line-height:1.5;display:flex}.portal-mock-scope .agree-row strong{font-weight:700}.portal-mock-scope .agree-box{border:2px solid var(--border-strong);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;transition:all .15s;display:flex}.portal-mock-scope .agree-row.checked .agree-box{background:var(--brand);border-color:var(--brand)}.portal-mock-scope .agree-row.checked .agree-box svg{opacity:1}.portal-mock-scope .submit-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.portal-mock-scope .save-note{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.portal-mock-scope .save-note svg{width:13px;height:13px;color:var(--green-dark)}.portal-mock-scope .btn-primary:disabled{background:var(--border-strong);cursor:not-allowed;box-shadow:none;transform:none}.portal-mock-scope .success-overlay{z-index:80;background:#144d3199;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}@media (max-width:700px){.portal-mock-scope .wrap{padding:20px 16px}.portal-mock-scope .choice{grid-template-columns:auto 1fr;padding:18px}.portal-mock-scope .choice-price{text-align:left;border-top:1px solid var(--border);grid-column:1/-1;padding-top:12px}.portal-mock-scope .reason-list{grid-template-columns:1fr}}.portal-mock-scope{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;color:var(--text);background:var(--surface-alt);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:14px;line-height:1.5}.portal-mock-scope :root{--brand:#1e6f47;--brand-dark:#144d31;--brand-darker:#0e3822;--brand-bright:#2a8f5e;--brand-pale:#e7f4ed;--brand-soft:#d1e8dc;--accent:#c7843b;--accent-bg:#c7843b1f;--text:#1f2b24;--text-muted:#5e6b62;--text-faint:#8b978f;--surface:#fff;--surface-alt:#f6f4ee;--surface-subtle:#fbfaf4;--border:#e5e1d4;--border-strong:#c9c3b0;--green:#1e6f47;--green-bg:#1e6f471f;--green-dark:#144d31;--red:#b23a3a;--red-bg:#b23a3a1a;--amber:#c7843b;--amber-bg:#c7843b1f;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px;--shadow-sm:0 1px 2px #144d310d;--shadow:0 4px 18px #144d3114;--shadow-lg:0 14px 44px #144d3124}.portal-mock-scope .topbar{background:linear-gradient(180deg, var(--brand-dark) 0%, var(--brand-darker) 100%);color:#ffffffe6;justify-content:space-between;align-items:center;padding:16px 32px;display:flex}.portal-mock-scope .tb-help{color:#ffffffbf;align-items:center;gap:18px;font-size:13px;display:flex}.portal-mock-scope .tb-help a{color:#fff;font-weight:600}.portal-mock-scope .tb-help a:hover{text-decoration:underline}.portal-mock-scope .tb-back{align-items:center;gap:6px;display:inline-flex}.portal-mock-scope .status-banner{background:var(--brand-pale);border-bottom:1px solid var(--brand-soft);align-items:center;gap:12px;max-width:1100px;margin:0 auto;padding:14px 32px;display:flex}.portal-mock-scope .status-icon{background:var(--brand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.portal-mock-scope .status-icon svg{width:16px;height:16px}.portal-mock-scope .status-text{color:var(--text);font-size:13.5px}.portal-mock-scope .status-text strong{color:var(--brand-dark);font-weight:700}.portal-mock-scope .wrap{grid-template-columns:320px 1fr;align-items:flex-start;gap:28px;max-width:1100px;margin:0 auto;padding:28px 32px 60px;display:grid}.portal-mock-scope .sidebar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:24px;position:sticky;top:20px}.portal-mock-scope .side-eyebrow{color:var(--brand);text-transform:uppercase;letter-spacing:.14em;margin-bottom:8px;font-size:11px;font-weight:700}.portal-mock-scope .side-title{letter-spacing:-.01em;margin-bottom:4px;font-size:17px;font-weight:800}.portal-mock-scope .side-sub{color:var(--text-muted);border-bottom:1px solid var(--border);margin-bottom:18px;padding-bottom:18px;font-size:13px}.portal-mock-scope .steps{flex-direction:column;gap:0;display:flex}.portal-mock-scope .step{gap:14px;padding:10px 0;transition:all .15s;display:flex;position:relative}.portal-mock-scope .step-num{background:var(--surface-subtle);border:1px solid var(--border);width:28px;height:28px;color:var(--text-muted);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.portal-mock-scope .step-num svg{width:13px;height:13px}.portal-mock-scope .step:not(:last-child):before{content:"";background:var(--border);width:1px;position:absolute;top:38px;bottom:-10px;left:13.5px}.portal-mock-scope .step.done .step-num{background:var(--brand);border-color:var(--brand);color:#fff}.portal-mock-scope .step.done:not(:last-child):before{background:var(--brand)}.portal-mock-scope .step.active .step-num{background:var(--brand-pale);border-color:var(--brand);color:var(--brand-dark);box-shadow:0 0 0 3px var(--brand-pale)}.portal-mock-scope .step-body{flex:1;padding-top:2px}.portal-mock-scope .step-label{color:var(--text);font-size:13px;font-weight:700}.portal-mock-scope .step-meta{color:var(--text-muted);margin-top:2px;font-size:11.5px}.portal-mock-scope .sidebar-foot{border-top:1px solid var(--border);margin-top:22px;padding-top:18px}.portal-mock-scope .sidebar-contact{background:var(--brand-pale);border:1px solid var(--brand-soft);border-radius:var(--radius);color:var(--text);padding:14px;font-size:12.5px;line-height:1.55}.portal-mock-scope .sidebar-contact strong{color:var(--brand-dark);font-weight:700}.portal-mock-scope .sidebar-contact a{color:var(--brand);font-weight:700}.portal-mock-scope .main{min-width:0}.portal-mock-scope .page-kicker{color:var(--brand);text-transform:uppercase;letter-spacing:.14em;margin-bottom:6px;font-size:11px;font-weight:700}.portal-mock-scope .page-head p{color:var(--text-muted);max-width:640px;font-size:14.5px}.portal-mock-scope .flow-summary{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px;padding:18px 20px;display:grid}.portal-mock-scope .flow-row{color:var(--text);align-items:flex-start;gap:10px;font-size:13px;line-height:1.45;display:flex}.portal-mock-scope .flow-dot{background:var(--brand-pale);width:22px;height:22px;color:var(--brand-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex}.portal-mock-scope .flow-row strong{font-weight:700;display:block}.portal-mock-scope .flow-row span{color:var(--text-muted);font-size:12px}.portal-mock-scope .flow-total{color:var(--text-muted);align-items:center;gap:6px;margin-top:14px;font-size:12px;display:flex}.portal-mock-scope .flow-total svg{width:13px;height:13px;color:var(--brand)}.portal-mock-scope .card-head{margin-bottom:18px}.portal-mock-scope .card-title{letter-spacing:-.01em;font-size:17px;font-weight:800}.portal-mock-scope .card-num{background:var(--brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin-right:8px;font-size:11px;font-weight:800;display:inline-flex}.portal-mock-scope .rel-list{grid-template-columns:1fr 1fr;gap:10px;display:grid}.portal-mock-scope .rel{border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:12px;padding:14px;transition:all .15s;display:flex}.portal-mock-scope .rel:hover{border-color:var(--brand)}.portal-mock-scope .rel.selected{border-color:var(--brand);background:var(--brand-pale)}.portal-mock-scope .rel-dot{border:2px solid var(--border-strong);border-radius:50%;flex-shrink:0;width:18px;height:18px;transition:all .15s;position:relative}.portal-mock-scope .rel.selected .rel-dot{border-color:var(--brand);background:var(--brand)}.portal-mock-scope .rel.selected .rel-dot:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:3px}.portal-mock-scope .rel-body{flex:1}.portal-mock-scope .rel-title{color:var(--text);font-size:13.5px;font-weight:700}.portal-mock-scope .rel-sub{color:var(--text-muted);margin-top:2px;font-size:12px}.portal-mock-scope .rel-copy{background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);margin-top:14px;padding:12px 14px;font-size:13px;line-height:1.55}.portal-mock-scope .rel-copy strong{color:var(--text);font-weight:700}.portal-mock-scope .grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.portal-mock-scope .field:last-child{margin-bottom:0}.portal-mock-scope .field-label{color:var(--text);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.portal-mock-scope .field-label-req:after{content:" *";color:var(--red)}.portal-mock-scope textarea.input{resize:vertical;min-height:100px;line-height:1.5}.portal-mock-scope .money-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.portal-mock-scope .money-card{border:1.5px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;background:var(--surface);padding:18px;transition:all .15s}.portal-mock-scope .money-card:hover{border-color:var(--brand)}.portal-mock-scope .money-card.selected{border-color:var(--brand);background:var(--brand-pale);box-shadow:0 4px 14px #1e6f471a}.portal-mock-scope .money-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.portal-mock-scope .money-radio{border:2px solid var(--border-strong);border-radius:50%;flex-shrink:0;width:18px;height:18px;transition:all .15s;position:relative}.portal-mock-scope .money-card.selected .money-radio{border-color:var(--brand);background:var(--brand)}.portal-mock-scope .money-card.selected .money-radio:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:3px}.portal-mock-scope .money-title{color:var(--text);letter-spacing:-.01em;font-size:14px;font-weight:700}.portal-mock-scope .money-big{letter-spacing:-.02em;color:var(--brand-dark);font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:22px;font-weight:800;line-height:1.1}.portal-mock-scope .money-sub{color:var(--text-muted);font-size:12.5px;line-height:1.5}.portal-mock-scope .money-breakdown{background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:16px;padding:16px 18px}.portal-mock-scope .mb-row{border-bottom:1px dashed var(--border);grid-template-columns:1fr auto auto auto;align-items:center;gap:12px;padding:8px 0;font-size:13px;display:grid}.portal-mock-scope .mb-row:last-child{border-bottom:none;padding-top:12px}.portal-mock-scope .mb-row.total{border-top:1px solid var(--border-strong);border-bottom:none;padding-top:12px;font-weight:700}.portal-mock-scope .mb-label{color:var(--text);font-weight:600}.portal-mock-scope .mb-then{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12.5px;text-decoration:line-through}.portal-mock-scope .mb-arrow{color:var(--text-faint)}.portal-mock-scope .mb-arrow svg{width:12px;height:12px}.portal-mock-scope .mb-now{color:var(--brand-dark);font-variant-numeric:tabular-nums;font-weight:700}.portal-mock-scope .mb-row.total .mb-now{color:var(--brand-dark);font-size:15px}.portal-mock-scope .notice{background:var(--accent-bg);border-radius:var(--radius-lg);border:1px solid #c7843b4d;gap:14px;padding:18px;display:flex}.portal-mock-scope .notice-icon{background:var(--accent);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.portal-mock-scope .notice-icon svg{width:18px;height:18px}.portal-mock-scope .notice-body{flex:1}.portal-mock-scope .notice-title{color:var(--text);letter-spacing:-.01em;margin-bottom:4px;font-size:14px;font-weight:800}.portal-mock-scope .notice-body p{color:var(--text);margin-bottom:6px;font-size:13px;line-height:1.55}.portal-mock-scope .notice-body p:last-child{margin-bottom:0}.portal-mock-scope .notice-pills{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.portal-mock-scope .notice-pill{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:100px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.portal-mock-scope .notice-pill svg{width:11px;height:11px;color:var(--accent)}.portal-mock-scope .agree-list{flex-direction:column;gap:8px;display:flex}.portal-mock-scope .agree{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:var(--surface);align-items:flex-start;gap:12px;padding:14px;transition:all .15s;display:flex}.portal-mock-scope .agree:hover{border-color:var(--brand-soft);background:var(--surface-subtle)}.portal-mock-scope .agree.checked{border-color:var(--brand);background:var(--brand-pale)}.portal-mock-scope .agree-box{border:2px solid var(--border-strong);background:var(--surface);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;transition:all .15s;display:flex}.portal-mock-scope .agree.checked .agree-box{background:var(--brand);border-color:var(--brand)}.portal-mock-scope .agree-box svg{color:#fff;opacity:0;width:12px;height:12px}.portal-mock-scope .agree.checked .agree-box svg{opacity:1}.portal-mock-scope .agree-body{color:var(--text);flex:1;font-size:13.5px;line-height:1.5}.portal-mock-scope .agree-body strong{font-weight:700}.portal-mock-scope .agree.hidden{display:none}.portal-mock-scope .submit-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:4px;padding:18px 22px;display:flex}.portal-mock-scope .submit-note{color:var(--text-muted);align-items:center;gap:8px;font-size:12.5px;display:inline-flex}.portal-mock-scope .submit-note svg{width:14px;height:14px;color:var(--brand)}.portal-mock-scope .btn-primary{background:var(--brand);color:#fff;box-shadow:0 6px 18px #144d3133}.portal-mock-scope .btn-primary:hover:not(:disabled){background:var(--brand-dark);transform:translateY(-1px);box-shadow:0 10px 24px #144d314d}.portal-mock-scope .btn-primary:disabled{background:var(--border-strong);color:#fff;cursor:not-allowed;box-shadow:none;opacity:.7}.portal-mock-scope .success-overlay{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#144d3199;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.portal-mock-scope .success-overlay.show{display:flex}.portal-mock-scope .success-card{background:var(--surface);border-radius:var(--radius-xl);width:100%;max-width:520px;box-shadow:var(--shadow-lg);text-align:center;padding:44px 34px;animation:.4s cubic-bezier(.2,.9,.3,1) pop}.portal-mock-scope .success-badge{background:linear-gradient(135deg, var(--brand-bright), var(--brand));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;margin:0 auto 20px;display:flex;box-shadow:0 14px 40px #1e6f4759}.portal-mock-scope .success-badge svg{width:38px;height:38px}.portal-mock-scope .success-card h2{letter-spacing:-.02em;margin-bottom:10px;font-size:24px;font-weight:800}.portal-mock-scope .success-sub{color:var(--text-muted);margin-bottom:22px;font-size:14.5px;line-height:1.6}.portal-mock-scope .success-sub strong{color:var(--text);font-weight:700}.portal-mock-scope .timeline{text-align:left;background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:22px;padding:16px}.portal-mock-scope .timeline-row{align-items:flex-start;gap:12px;padding:6px 0;font-size:13px;display:flex}.portal-mock-scope .timeline-icon{background:var(--brand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.portal-mock-scope .timeline-icon svg{width:12px;height:12px}.portal-mock-scope .timeline-icon.upcoming{background:var(--surface);border:1px solid var(--border);color:var(--text-muted)}.portal-mock-scope .timeline-text{color:var(--text);line-height:1.45}.portal-mock-scope .timeline-text strong{font-weight:700}.portal-mock-scope .timeline-text .muted{color:var(--text-muted);margin-top:2px;font-size:12px;display:block}.portal-mock-scope .toast-stack{z-index:90;padding-bottom:env(safe-area-inset-bottom);flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.portal-mock-scope .toast{background:var(--text);color:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);align-items:center;gap:10px;padding:12px 18px;font-size:13px;font-weight:500;animation:.3s cubic-bezier(.2,.9,.3,1) toastIn;display:flex}.portal-mock-scope .toast svg{width:16px;height:16px;color:var(--brand-bright)}.portal-mock-scope .legal-foot{border-top:1px solid var(--border);max-width:1100px;color:var(--text-faint);flex-wrap:wrap;justify-content:space-between;gap:12px;margin:0 auto;padding:28px 32px;font-size:11px;display:flex}.portal-mock-scope .legal-foot a:hover{color:var(--brand)}@media (max-width:920px){.portal-mock-scope .wrap{grid-template-columns:1fr}.portal-mock-scope .sidebar{position:static}.portal-mock-scope .money-grid,.portal-mock-scope .rel-list,.portal-mock-scope .grid-2,.portal-mock-scope .flow-summary{grid-template-columns:1fr}.portal-mock-scope .topbar{flex-direction:column;align-items:flex-start;gap:10px}.portal-mock-scope .tb-help{justify-content:space-between;width:100%}}.portal-mock-scope *{box-sizing:border-box;margin:0;padding:0}.portal-mock-scope{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);background:var(--surface-alt);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:14px;line-height:1.5}.portal-mock-scope a{color:inherit;text-decoration:none}.portal-mock-scope button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.portal-mock-scope img,.portal-mock-scope svg{max-width:100%;display:block}.portal-mock-scope input,.portal-mock-scope select,.portal-mock-scope textarea{font-family:inherit;font-size:inherit;color:inherit}.portal-mock-scope :root{--brand:#1e6f47;--brand-dark:#144d31;--brand-darker:#0e3822;--brand-bright:#2a8f5e;--brand-pale:#e7f4ed;--brand-soft:#d1e8dc;--accent:#c7843b;--accent-bg:#c7843b1f;--text:#1f2b24;--text-muted:#5e6b62;--text-faint:#8b978f;--surface:#fff;--surface-alt:#f6f4ee;--surface-subtle:#fbfaf4;--border:#e5e1d4;--border-strong:#c9c3b0;--green:#1e6f47;--green-bg:#1e6f471f;--green-dark:#144d31;--red:#b23a3a;--red-bg:#b23a3a1a;--amber:#c7843b;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px;--shadow-sm:0 1px 2px #144d310d;--shadow:0 4px 18px #144d3114;--shadow-lg:0 14px 44px #144d3124}.portal-mock-scope .topbar{background:linear-gradient(180deg, var(--brand-dark) 0%, var(--brand-darker) 100%);color:#ffffffe6;justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex;box-shadow:0 2px #0000000a}.portal-mock-scope .tb-brand{align-items:center;gap:12px;display:flex}.portal-mock-scope .tb-logo{background:linear-gradient(135deg, var(--brand-bright), var(--accent));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 12px #0003}.portal-mock-scope .tb-logo svg{width:22px;height:22px}.portal-mock-scope .tb-brand-name{color:#fff;letter-spacing:-.02em;font-size:18px;font-weight:800}.portal-mock-scope .tb-brand-sub{color:#fff9;margin-top:1px;font-size:11px;font-weight:500}.portal-mock-scope .tb-nav{align-items:center;gap:2px;display:flex}.portal-mock-scope .tb-nav-item{color:#ffffffb3;border-radius:100px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.portal-mock-scope .tb-nav-item:hover{color:#fff;background:#ffffff14}.portal-mock-scope .tb-nav-item.active{color:#fff;background:#ffffff24}.portal-mock-scope .tb-nav-item svg{width:15px;height:15px}.portal-mock-scope .tb-right{align-items:center;gap:14px;display:flex}.portal-mock-scope .tb-bell{color:#fff;background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;transition:all .15s;display:flex;position:relative}.portal-mock-scope .tb-bell:hover{background:#ffffff29}.portal-mock-scope .tb-bell svg{width:16px;height:16px}.portal-mock-scope .tb-bell-dot{background:var(--accent);border:2px solid var(--brand-darker);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:9px}.portal-mock-scope .tb-avatar{background:#ffffff14;border-radius:100px;align-items:center;gap:10px;padding:4px 4px 4px 12px;transition:all .15s;display:flex}.portal-mock-scope .tb-avatar:hover{background:#ffffff29}.portal-mock-scope .tb-avatar-name{color:#fff;font-size:13px;font-weight:600}.portal-mock-scope .tb-avatar-img{background:linear-gradient(135deg, var(--accent), var(--brand-bright));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.portal-mock-scope .wrap{max-width:720px;margin:0 auto;padding:32px 28px}.portal-mock-scope .page-head{margin-bottom:22px}.portal-mock-scope .page-head h1{letter-spacing:-.02em;margin-bottom:4px;font-size:28px;font-weight:800}.portal-mock-scope .page-head p{color:var(--text-muted);font-size:14px}.portal-mock-scope .subnav{border-bottom:1px solid var(--border);scrollbar-width:none;gap:4px;margin-bottom:28px;display:flex;overflow-x:auto}.portal-mock-scope .subnav::-webkit-scrollbar{display:none}.portal-mock-scope .subnav-item{color:var(--text-muted);white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 16px;font-size:13px;font-weight:600;transition:all .15s}.portal-mock-scope .subnav-item:hover{color:var(--brand)}.portal-mock-scope .subnav-item.active{color:var(--brand);border-bottom-color:var(--brand)}.portal-mock-scope .panel{display:none}.portal-mock-scope .panel.active{animation:.25s fadeIn;display:block}.portal-mock-scope .card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:22px}.portal-mock-scope .card-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.portal-mock-scope .card-title{color:var(--text);font-size:15px;font-weight:700}.portal-mock-scope .card-sub{color:var(--text-muted);margin-top:3px;font-size:12px}.portal-mock-scope .card-link{color:var(--brand);cursor:pointer;font-size:12px;font-weight:600}.portal-mock-scope .card-link:hover{text-decoration:underline}.portal-mock-scope .note{background:var(--brand-pale);border:1px solid var(--brand-soft);border-radius:var(--radius);color:var(--brand-dark);align-items:flex-start;gap:10px;padding:12px 14px;font-size:12.5px;display:flex}.portal-mock-scope .note svg{width:16px;height:16px;color:var(--brand);flex-shrink:0;margin-top:1px}.portal-mock-scope .field{margin-bottom:14px}.portal-mock-scope .field-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.portal-mock-scope .input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);outline:none;padding:11px 14px;font-size:16px;transition:all .15s}.portal-mock-scope .input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-pale)}.portal-mock-scope .input[readonly]{background:var(--surface-subtle);color:var(--text-muted);cursor:not-allowed}.portal-mock-scope .field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.portal-mock-scope .field-hint{color:var(--text-faint);margin-top:5px;font-size:11.5px}.portal-mock-scope .avatar-block{border-bottom:1px solid var(--border);align-items:center;gap:18px;margin-bottom:20px;padding-bottom:20px;display:flex}.portal-mock-scope .avatar-big{background:linear-gradient(135deg, var(--accent), var(--brand-bright));color:#fff;width:72px;height:72px;box-shadow:var(--shadow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:26px;font-weight:800;display:flex}.portal-mock-scope .avatar-meta{flex:1}.portal-mock-scope .avatar-meta-title{margin-bottom:3px;font-size:14px;font-weight:700}.portal-mock-scope .avatar-meta-sub{color:var(--text-muted);margin-bottom:10px;font-size:12px}.portal-mock-scope .avatar-actions{gap:8px;display:flex}.portal-mock-scope .drop-zone{border:2px dashed var(--border-strong);border-radius:var(--radius-lg);text-align:center;cursor:pointer;background:var(--surface-subtle);margin-top:12px;padding:20px;transition:all .15s;display:none}.portal-mock-scope .drop-zone.show{animation:.2s fadeIn;display:block}.portal-mock-scope .drop-zone:hover{border-color:var(--brand);background:var(--brand-pale)}.portal-mock-scope .drop-zone svg{width:28px;height:28px;color:var(--text-faint);margin:0 auto 6px}.portal-mock-scope .drop-zone-title{color:var(--text);font-size:13px;font-weight:700}.portal-mock-scope .drop-zone-sub{color:var(--text-muted);margin-top:2px;font-size:11.5px}.portal-mock-scope .btn{border-radius:100px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.portal-mock-scope .btn-sm{padding:7px 14px;font-size:12.5px}.portal-mock-scope .btn-primary{background:var(--brand);color:#fff}.portal-mock-scope .btn-primary:hover{background:var(--brand-dark);transform:translateY(-1px)}.portal-mock-scope .btn-ghost{color:var(--text);border:1px solid var(--border);background:var(--surface)}.portal-mock-scope .btn-ghost:hover{border-color:var(--brand);color:var(--brand)}.portal-mock-scope .btn-danger{color:var(--red);border:1px solid var(--border);background:var(--surface)}.portal-mock-scope .btn-danger:hover{border-color:var(--red);background:var(--red-bg)}.portal-mock-scope .btn svg{width:14px;height:14px}.portal-mock-scope .notif-matrix{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.portal-mock-scope .notif-row{border-bottom:1px solid var(--border);grid-template-columns:1fr repeat(3,64px);align-items:center;gap:10px;padding:14px 18px;display:grid}.portal-mock-scope .notif-row:last-child{border-bottom:none}.portal-mock-scope .notif-row.head{background:var(--surface-subtle);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:10px 18px;font-size:11px;font-weight:700}.portal-mock-scope .notif-row.head>div:not(:first-child){text-align:center}.portal-mock-scope .notif-type{color:var(--text);font-size:13px;font-weight:600}.portal-mock-scope .notif-type-sub{color:var(--text-muted);margin-top:2px;font-size:11.5px;font-weight:400}.portal-mock-scope .notif-cell{justify-content:center;display:flex}.portal-mock-scope .toggle{background:var(--border-strong);cursor:pointer;border-radius:100px;flex-shrink:0;width:36px;height:20px;min-height:44px;padding:12px 0;transition:background .2s;position:relative}.portal-mock-scope .toggle:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.portal-mock-scope .toggle.on{background:var(--brand)}.portal-mock-scope .toggle.on:after{transform:translate(16px)}.portal-mock-scope .toggle-lg{width:44px;height:24px;min-height:44px}.portal-mock-scope .toggle-lg:after{width:20px;height:20px}.portal-mock-scope .toggle-lg.on:after{transform:translate(20px)}.portal-mock-scope .dnd-block{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding:14px 0 0;display:flex}.portal-mock-scope .dnd-title{font-size:13px;font-weight:600}.portal-mock-scope .dnd-sub{color:var(--text-muted);margin-top:2px;font-size:12px}.portal-mock-scope .dnd-times{align-items:center;gap:8px;display:flex}.portal-mock-scope .dnd-times .input{width:96px;padding:8px 10px;font-size:13px}.portal-mock-scope .autopay-card{background:linear-gradient(135deg, var(--brand-dark), var(--brand));color:#fff;border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:14px;padding:20px 22px;display:flex;box-shadow:0 10px 30px #144d312e}.portal-mock-scope .autopay-label{letter-spacing:.14em;text-transform:uppercase;color:#ffffffb3;margin-bottom:5px;font-size:11px;font-weight:700}.portal-mock-scope .autopay-title{letter-spacing:-.01em;margin-bottom:3px;font-size:17px;font-weight:800}.portal-mock-scope .autopay-sub{color:#ffffffd9;font-size:13px}.portal-mock-scope .autopay-pill{color:#fff;letter-spacing:.06em;text-transform:uppercase;background:#ffffff2e;border-radius:100px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}.portal-mock-scope .autopay-pill .dot{background:#7eead0;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #7eead040}.portal-mock-scope .method-row{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-bottom:10px;padding:14px 16px;display:grid}.portal-mock-scope .method-row.default{border-color:var(--brand);background:var(--brand-pale)}.portal-mock-scope .method-icon{color:#fff;letter-spacing:.04em;background:linear-gradient(135deg,#1a1f36,#3a4160);border-radius:5px;justify-content:center;align-items:center;width:42px;height:30px;font-size:10px;font-weight:800;display:flex}.portal-mock-scope .method-icon.bank{background:linear-gradient(135deg, var(--brand), var(--brand-bright))}.portal-mock-scope .method-label{color:var(--text);font-size:13px;font-weight:600}.portal-mock-scope .method-sub{color:var(--text-muted);align-items:center;gap:8px;margin-top:2px;font-size:11.5px;display:flex}.portal-mock-scope .default-pill{color:var(--brand-dark);text-transform:uppercase;letter-spacing:.08em;background:#1e6f472e;border-radius:100px;padding:3px 9px;font-size:10px;font-weight:700}.portal-mock-scope .method-actions{gap:6px;display:flex}.portal-mock-scope .icon-btn{background:var(--surface-subtle);width:44px;height:44px;color:var(--text-muted);border-radius:7px;justify-content:center;align-items:center;padding:8px;transition:all .15s;display:inline-flex}.portal-mock-scope .icon-btn:hover{background:var(--brand-pale);color:var(--brand)}.portal-mock-scope .icon-btn.danger:hover{background:var(--red-bg);color:var(--red)}.portal-mock-scope .icon-btn svg{width:14px;height:14px}.portal-mock-scope .add-method{border:1.5px dashed var(--border-strong);border-radius:var(--radius-lg);color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:14px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.portal-mock-scope .add-method:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-pale)}.portal-mock-scope .add-method svg{width:14px;height:14px}.portal-mock-scope .sec-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding:16px 0;display:flex}.portal-mock-scope .sec-row:last-child{border-bottom:none}.portal-mock-scope .sec-label{font-size:14px;font-weight:600}.portal-mock-scope .sec-sub{color:var(--text-muted);margin-top:3px;font-size:12px}.portal-mock-scope .session-item{border-bottom:1px solid var(--border);grid-template-columns:36px 1fr auto;align-items:center;gap:14px;padding:14px 0;display:grid}.portal-mock-scope .session-item:last-child{border-bottom:none}.portal-mock-scope .session-icon{background:var(--brand-pale);width:36px;height:36px;color:var(--brand);border-radius:9px;justify-content:center;align-items:center;display:flex}.portal-mock-scope .session-icon svg{width:16px;height:16px}.portal-mock-scope .session-title{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.portal-mock-scope .session-sub{color:var(--text-muted);margin-top:2px;font-size:11.5px}.portal-mock-scope .current-pill{color:var(--green-dark);background:var(--green-bg);text-transform:uppercase;letter-spacing:.08em;border-radius:100px;padding:2px 8px;font-size:10px;font-weight:700}.portal-mock-scope .priv-who{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:14px 0;display:flex}.portal-mock-scope .priv-who:last-child{border-bottom:none}.portal-mock-scope .priv-avatar{background:linear-gradient(135deg, var(--accent), var(--brand-bright));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:flex}.portal-mock-scope .priv-avatar.op{background:linear-gradient(135deg, var(--brand), var(--brand-dark))}.portal-mock-scope .priv-body{flex:1;min-width:0}.portal-mock-scope .priv-name{font-size:13.5px;font-weight:600}.portal-mock-scope .priv-role{color:var(--text-muted);margin-top:2px;font-size:11.5px}.portal-mock-scope .access-pill{text-transform:uppercase;letter-spacing:.06em;border-radius:100px;padding:3px 9px;font-size:10px;font-weight:700}.portal-mock-scope .access-full{background:var(--brand-pale);color:var(--brand-dark)}.portal-mock-scope .access-limited{background:var(--accent-bg);color:var(--accent)}.portal-mock-scope .deletion-card{background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);margin-top:14px;padding:14px 16px;font-size:12.5px;line-height:1.55}.portal-mock-scope .deletion-card strong{color:var(--text);font-weight:700}.portal-mock-scope .modal-bg{opacity:0;pointer-events:none;z-index:50;background:#0e382273;justify-content:center;align-items:center;padding:20px;transition:opacity .25s;display:flex;position:fixed;inset:0}.portal-mock-scope .modal-bg.open{opacity:1;pointer-events:auto}.portal-mock-scope .modal{background:var(--surface);border-radius:var(--radius-xl);width:100%;max-width:460px;box-shadow:var(--shadow-lg);flex-direction:column;max-height:92vh;transition:transform .3s cubic-bezier(.2,.9,.3,1);display:flex;overflow:hidden;transform:translateY(16px)scale(.98)}.portal-mock-scope .modal-bg.open .modal{transform:none}.portal-mock-scope .modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.portal-mock-scope .modal-head h2{letter-spacing:-.02em;font-size:17px;font-weight:800}.portal-mock-scope .modal-close{background:var(--surface-subtle);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;display:flex}.portal-mock-scope .modal-close:hover{background:var(--red-bg);color:var(--red)}.portal-mock-scope .modal-close svg{width:14px;height:14px}.portal-mock-scope .modal-body{padding:22px;overflow-y:auto}.portal-mock-scope .modal-foot{border-top:1px solid var(--border);background:var(--surface-subtle);justify-content:flex-end;gap:10px;padding:14px 22px;display:flex}.portal-mock-scope .stripe-mock{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;margin-bottom:12px;padding:14px 16px;display:flex}.portal-mock-scope .stripe-mock-icon{color:#fff;background:linear-gradient(135deg,#635bff,#8079ff);border-radius:4px;justify-content:center;align-items:center;width:30px;height:20px;font-size:9px;font-weight:800;display:flex}.portal-mock-scope .stripe-mock-placeholder{color:var(--text-faint);font-family:SF Mono,Consolas,monospace;font-size:14px}.portal-mock-scope .qr-box{background:linear-gradient(45deg, var(--text) 25%, transparent 25%, transparent 75%, var(--text) 75%), linear-gradient(45deg, var(--text) 25%, transparent 25%, transparent 75%, var(--text) 75%);border:6px solid var(--text);background-color:#fff;background-position:0 0,8px 8px;background-size:16px 16px;border-radius:8px;width:168px;height:168px;margin:0 auto 14px;position:relative}.portal-mock-scope .qr-box:after{content:"";border:3px solid var(--text);background:#fff;border-radius:4px;position:absolute;inset:30%}.portal-mock-scope .recovery-codes{background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;padding:14px;font-family:SF Mono,Consolas,monospace;font-size:13px;display:grid}.portal-mock-scope .legal-foot{max-width:720px;color:var(--text-faint);flex-wrap:wrap;justify-content:space-between;gap:10px;margin:40px auto 28px;padding:0 28px;font-size:11px;display:flex}.portal-mock-scope .legal-foot a{color:var(--text-muted)}.portal-mock-scope .legal-foot a:hover{color:var(--brand);text-decoration:underline}.portal-mock-scope .legal-foot-left{align-items:center;gap:8px;display:flex}.portal-mock-scope .powered-by{letter-spacing:.08em;text-transform:uppercase;font-size:10px}.portal-mock-scope .toast-stack{z-index:80;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.portal-mock-scope .toast{background:var(--text);color:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);align-items:center;gap:10px;min-width:240px;padding:12px 18px;font-size:13px;font-weight:500;animation:.3s cubic-bezier(.2,.9,.3,1) toastIn;display:flex}.portal-mock-scope .toast svg{width:16px;height:16px;color:var(--brand-bright);flex-shrink:0}.portal-mock-scope .toast-progress{background:#ffffff26;border-radius:100px;flex:1;height:3px;overflow:hidden}.portal-mock-scope .toast-progress-fill{background:var(--brand-bright);width:0;height:100%;transition:width .1s linear}@media (max-width:780px){.portal-mock-scope .topbar{flex-direction:column;gap:10px;height:auto;padding:14px 16px}.portal-mock-scope .tb-nav{width:100%;overflow-x:auto}.portal-mock-scope .wrap{padding:20px 16px}.portal-mock-scope .field-row{grid-template-columns:1fr}.portal-mock-scope .notif-row{grid-template-columns:1fr repeat(3,52px);gap:6px;padding:12px 14px}}@media (max-width:420px){.portal-mock-scope .ov-icon{border-radius:14px;width:48px;height:48px;margin-bottom:14px}.portal-mock-scope .ov-icon svg{width:24px;height:24px}}.portal-mock-scope .pw-field{display:block;position:relative}.portal-mock-scope .pw-field .pw-input{padding-right:44px}.portal-mock-scope .pw-toggle{width:32px;height:32px;color:var(--text-muted);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.portal-mock-scope .pw-toggle:hover{color:var(--brand);background:var(--brand-pale)}.portal-mock-scope .pw-toggle:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.portal-mock-scope .pw-toggle svg{width:18px;height:18px}.portal-mock-scope .empty{text-align:center;color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--radius);background:var(--surface-subtle);flex-direction:column;justify-content:center;align-items:center;padding:28px 18px;display:flex}.portal-mock-scope .empty-icon{background:var(--brand-pale);width:44px;height:44px;color:var(--brand);border-radius:12px;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.portal-mock-scope .empty-icon svg{width:22px;height:22px}.portal-mock-scope .empty-title{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:700}.portal-mock-scope .empty-sub{color:var(--text-muted);max-width:280px;font-size:13px;line-height:1.5}