.user-console-page{padding:0 22px 48px}.shell{width:min(1180px,100%);margin:0 auto}.app-header{align-items:center;gap:16px;padding:30px 4px 22px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#2b8cff,#0066d6);border-radius:16px;flex:0 0 52px;place-items:center;width:52px;height:52px;font-size:28px;font-weight:750;display:grid;box-shadow:0 10px 26px #007aff3d}.app-title{min-width:0}.app-title h1{letter-spacing:-.04em;margin:2px 0 3px;font-size:clamp(24px,4vw,34px)}.app-title p{color:var(--apple-text-secondary);margin:0;font-size:14px}.eyebrow,.section-kicker{color:var(--apple-blue);letter-spacing:.11em;text-transform:uppercase;font-size:11px;font-weight:750}.header-action{margin-left:auto}main{gap:18px;display:grid}.card{padding:22px}.section-heading,.row{justify-content:space-between;align-items:center;gap:14px;display:flex}.section-heading h2,.row h2{letter-spacing:-.025em;margin:3px 0 0;font-size:20px}.section-copy{color:var(--apple-text-secondary);margin:8px 0 18px;font-size:13px;line-height:1.55}.compact-btn{min-height:44px;padding:0 13px;font-size:13px}.row-actions,.cookie-actions,.account-actions{flex-wrap:wrap;gap:9px;display:flex}.account-card{overflow:hidden}.account-overview{grid-template-columns:minmax(230px,.8fr) minmax(0,1.6fr);gap:24px;margin-top:18px;display:grid}.user-label{color:var(--apple-text-secondary);margin-bottom:4px;font-size:12px}.user-name{letter-spacing:-.03em;word-break:break-word;margin-bottom:8px;font-size:24px;font-weight:740}.user-meta{color:var(--apple-text-secondary);word-break:break-word;margin-top:5px;font-size:13px}.pill-stack{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.current-order-metric{border-radius:var(--apple-radius-md);background:linear-gradient(135deg,#007aff21,#5ac8fa0f);border:1px solid #007aff29;padding:18px}.current-order-primary{flex-direction:column;gap:5px;display:flex}.current-order-primary span,.current-order-stat span{color:var(--apple-text-secondary);font-size:12px}.current-order-primary b{font-family:var(--apple-mono);word-break:break-all;font-size:17px}.current-order-inline-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.current-order-stat{border-left:1px solid var(--apple-divider);gap:4px;min-width:0;padding-left:10px;display:grid}.current-order-stat b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.diagnostics-panel{border-top:1px solid var(--apple-divider);margin-top:18px;padding-top:2px}.diagnostics-panel summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:48px;font-size:14px;font-weight:650;list-style:none;display:flex}.diagnostics-panel summary::-webkit-details-marker{display:none}.diagnostics-panel summary small{color:var(--apple-text-secondary);font-weight:450}.diagnostics-grid{border:1px solid var(--apple-divider);background:var(--apple-divider);border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.diag-item{background:var(--apple-surface-solid);gap:5px;min-width:0;padding:12px;display:grid}.diag-item span{color:var(--apple-text-secondary);font-size:11px}.diag-item b{text-overflow:ellipsis;word-break:break-word;font-size:12px;overflow:hidden}.diag-item.wide{grid-column:span 2}.console-grid{grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:18px;display:grid}.cookie-box{gap:10px;display:grid}.cookie-label{color:var(--apple-text-secondary);font-size:13px;font-weight:650}.cookie-input{min-height:112px;font-family:var(--apple-mono);font-size:12px}.cookie-actions{justify-content:flex-end}.cookie-hint{color:var(--apple-text-tertiary);font-size:12px;line-height:1.45}.login-feedback{background:var(--apple-surface-muted);border-radius:14px;grid-template-columns:116px 1fr;align-items:center;gap:14px;margin-top:15px;padding:12px;display:grid}.preview-box{border:1px solid var(--apple-divider);border-radius:var(--apple-radius-md);background:var(--apple-surface-solid);place-items:center;min-height:210px;display:grid;position:relative;overflow:hidden}.compact-preview{min-height:96px}.preview-box img{max-width:100%;height:auto;display:none}.compact-preview img{max-height:96px}.placeholder{color:var(--apple-text-secondary);text-align:center;font-size:13px;line-height:1.5}.mini-meta{color:var(--apple-text-secondary);gap:7px;font-size:12px;display:grid}.mini-meta span{color:var(--apple-text);font-weight:650}.account-actions{margin-top:15px}.link-panel{border-top:1px solid var(--apple-divider);margin-top:16px}.kv{border-bottom:1px solid var(--apple-divider);grid-template-columns:115px minmax(0,1fr);align-items:start;gap:12px;padding:13px 0;display:grid}.kv span{color:var(--apple-text-secondary);font-size:13px}.kv b{text-align:right;word-break:break-all;min-width:0;font-size:13px}.pay-link{font-family:var(--apple-mono);font-size:12px}.pay-qr-hint{place-items:center;min-height:150px;padding:20px;display:grid}.pay-box{min-height:250px;margin-top:14px}.pay-box img{width:min(100%,260px)}.selection-summary,.completed-summary{color:var(--apple-text-secondary);font-size:13px}.orders{border:1px solid var(--apple-divider);border-radius:var(--apple-radius-md);background:var(--apple-divider);gap:1px;margin-top:14px;display:grid;overflow:hidden}.order-card{background:var(--apple-surface-solid);grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:12px;padding:17px;display:grid}.order-check{align-self:start;padding-top:2px}.order-select{width:20px;min-height:20px;accent-color:var(--apple-blue)}.order-main{min-width:0}.order-id{font-family:var(--apple-mono);margin-bottom:5px;font-size:13px;font-weight:700}.order-title{word-break:break-word;margin-bottom:8px;font-size:14px;line-height:1.45}.order-meta{color:var(--apple-text-secondary);flex-wrap:wrap;gap:5px 13px;font-size:12px;display:flex}.order-actions button{white-space:nowrap}.empty{background:var(--apple-surface-solid);text-align:center;padding:28px 18px}.loading-skeleton{animation:1.4s ease-in-out infinite breathe}.comment-settings{grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);align-items:end;gap:14px;display:grid}.comment-template-field{gap:7px;display:grid}.comment-template-field>span,.comment-options label>span{color:var(--apple-text-secondary);font-size:12px;font-weight:650}.comment-template-field textarea{resize:vertical;min-height:86px;font-size:13px;line-height:1.5}.comment-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.comment-options label{gap:7px;display:grid}.comment-options select,.comment-options input[type=number]{width:100%;min-height:44px}.comment-options .check-option{grid-column:1/-1;align-items:center;gap:9px;min-height:34px;display:flex}.comment-options .check-option input{width:19px;min-height:19px;accent-color:var(--apple-blue)}.comment-summary{color:var(--apple-text-secondary);flex-wrap:wrap;gap:7px 14px;margin-top:14px;font-size:12px;display:flex}.comment-summary b{color:var(--apple-text)}#comment-status-message{color:var(--apple-blue);margin-left:auto}.comment-orders{border:1px solid var(--apple-divider);border-radius:var(--apple-radius-md);background:var(--apple-divider);gap:1px;margin-top:12px;display:grid;overflow:hidden}.comment-item{background:var(--apple-surface-solid);cursor:pointer;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:11px;padding:14px 16px;display:grid}.comment-item input{width:19px;min-height:19px;accent-color:var(--apple-blue);margin-top:2px}.comment-item-main{gap:5px;min-width:0;display:grid}.comment-item-main b{font-size:13px;line-height:1.4}.comment-item-main small{color:var(--apple-text-secondary);word-break:break-word;font-size:11px}.comment-results-panel{margin-top:12px}.comment-results-panel>summary{min-height:42px;color:var(--apple-blue);cursor:pointer;font-size:12px;font-weight:650}.comment-results{gap:8px;display:grid}.comment-result{border:1px solid var(--apple-divider);border-left:3px solid var(--apple-red);border-radius:12px;gap:4px;padding:11px 12px;display:grid}.comment-result.ok{border-left-color:var(--apple-green)}.comment-result b,.comment-result span{font-size:12px}.comment-result small{color:var(--apple-text-secondary);font-size:11px}.completed-section details>summary,.comment-section>details>summary{cursor:pointer;list-style:none}.completed-section details>summary::-webkit-details-marker{display:none}.comment-section>details>summary::-webkit-details-marker{display:none}.comment-section-body{margin-top:14px}.comment-actions{justify-content:flex-end;margin-bottom:14px}.completed-orders{margin-top:14px}.completed-orders-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.completed-order-card{border:1px solid var(--apple-divider);background:var(--apple-surface-solid);border-radius:14px;padding:14px}.completed-order-top{justify-content:space-between;gap:12px;display:flex}.completed-order-label{color:var(--apple-green);font-size:11px;font-weight:700}.completed-order-id{font-family:var(--apple-mono);margin-top:4px;font-size:12px}.completed-order-amount{font-size:15px;font-weight:750}.completed-order-title{margin-top:10px;font-size:13px;line-height:1.4}.completed-order-meta{color:var(--apple-text-secondary);flex-wrap:wrap;gap:8px;margin-top:8px;font-size:11px;display:flex}.completed-more summary{min-height:44px;color:var(--apple-blue);cursor:pointer;place-items:center;display:grid}@keyframes breathe{50%{opacity:.55}}.user-login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.user-login-shell{width:min(100%,460px)}.user-login-card{border:1px solid var(--apple-border);border-radius:var(--apple-radius-xl);background:var(--apple-surface);box-shadow:var(--apple-shadow-lg);gap:16px;padding:clamp(24px,6vw,38px);display:grid}@supports ((-webkit-backdrop-filter:blur(22px)) or (backdrop-filter:blur(22px))){.user-login-card{-webkit-backdrop-filter:blur(22px)saturate(150%);backdrop-filter:blur(22px)saturate(150%)}}.login-brand{align-items:center;gap:12px;display:flex}.login-brand .brand-mark{border-radius:14px;flex-basis:46px;width:46px;height:46px;font-size:24px}.login-kicker{color:var(--apple-blue);letter-spacing:.11em;text-transform:uppercase;font-size:11px;font-weight:750}.user-login-card h1{letter-spacing:-.045em;margin:0;font-size:32px}.login-subtitle{color:var(--apple-text-secondary);margin:-8px 0 4px;font-size:14px;line-height:1.55}.login-field{gap:7px;display:grid}.login-field span{color:var(--apple-text-secondary);font-size:13px;font-weight:650}.login-submit{width:100%;margin-top:2px}.login-meta-grid{border-top:1px solid var(--apple-divider);grid-template-columns:repeat(3,1fr);padding-top:16px;display:grid}.login-meta-grid div{text-align:center;gap:3px;display:grid}.login-meta-grid b{font-size:12px}.login-meta-grid span{color:var(--apple-text-secondary);font-size:10px}@media (width<=860px){.account-overview,.console-grid,.comment-settings{grid-template-columns:1fr}.current-order-inline-stats,.diagnostics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.user-console-page{padding:0 12px calc(28px + env(safe-area-inset-bottom))}.app-header{padding:18px 3px 16px}.brand-mark{border-radius:14px;flex-basis:46px;width:46px;height:46px;font-size:24px}.app-title p,.eyebrow{display:none}.app-title h1{font-size:23px}.card{border-radius:20px;padding:17px}.section-heading{align-items:flex-start}.share-card .section-heading{flex-direction:column}.share-card .section-heading .row-actions{width:100%}.share-card .section-heading .row-actions button{flex:1}.section-heading .row-actions{justify-content:flex-end}.account-overview{gap:16px}.pill-stack{justify-content:flex-start}.current-order-inline-stats{grid-template-columns:1fr 1fr}.diag-item.wide{grid-column:span 2}.order-card{grid-template-columns:26px minmax(0,1fr)}.order-actions{grid-column:2}.order-actions button{width:100%}.completed-orders-grid{grid-template-columns:1fr}.comment-options{grid-template-columns:1fr 1fr}#comment-status-message{width:100%;margin-left:0}.kv{grid-template-columns:1fr;gap:5px}.kv b{text-align:left}.login-feedback{grid-template-columns:88px 1fr}.account-actions button{flex:140px}}@media (width<=420px){.row-actions{width:100%}.orders-section .section-heading{flex-direction:column}.orders-section .row-actions button{flex:1;padding-inline:8px}.diagnostics-grid{grid-template-columns:1fr}.diag-item.wide{grid-column:auto}.login-meta-grid{text-align:left;grid-template-columns:1fr;gap:10px}.login-meta-grid div{text-align:left;grid-template-columns:1fr 1fr}}