*{box-sizing:border-box}body{margin:var(--zero);background:var(--bg-page);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--fs-base);line-height:var(--lh-body);min-height:var(--viewport);color-scheme:dark}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:var(--text-primary);border:var(--stroke) solid var(--line-default);background:var(--bg-surface);border-radius:var(--r-control);padding:var(--s2) var(--s4);min-height:var(--touch-h)}button:hover{background:var(--bg-raised)}button:disabled{cursor:not-allowed;color:var(--btn-disabled-fg);background:var(--btn-disabled-bg)}:focus-visible{outline:var(--focus-stroke) solid var(--accent);outline-offset:var(--focus-offset)}::selection{color:var(--accent-ink);background:var(--accent)}input{width:var(--full);min-width:var(--zero);min-height:var(--touch-h);padding:var(--s2) var(--s3);border:var(--stroke) solid var(--line-default);border-radius:var(--r-control);background:var(--bg-control);color:var(--text-primary);caret-color:var(--accent)}input:focus{border-color:var(--accent)}[hidden]{display:none!important}.topbar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s3);padding:var(--s4) var(--s6);border-bottom:var(--stroke) solid var(--line-faint);background:var(--bg-sidebar)}.brand{display:flex;align-items:center;gap:var(--s3);font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.brand-mark{font-size:var(--fs-display);color:var(--accent);font-weight:var(--fw-strong)}.mode{font-size:var(--fs-body);color:var(--text-secondary);padding:var(--s1) var(--s3);background:var(--badge-neutral-bg);border-radius:var(--r-pill)}#connection{margin-left:auto;color:var(--text-secondary);font-size:var(--fs-body)}main{max-width:var(--content-max);padding:var(--s6);margin:auto}h1{font-size:var(--fs-xl);margin:var(--zero) var(--zero) var(--s2);font-weight:var(--fw-semibold)}h2{font-size:var(--fs-lg);margin:var(--zero) var(--zero) var(--s3)}p{margin:var(--zero) var(--zero) var(--s4);color:var(--text-secondary)}.auth-panel{max-width:var(--login-max);margin:var(--s6) auto}.auth-title{margin-bottom:var(--s6)}.eyebrow{font-size:var(--fs-body);margin-bottom:var(--s2);color:var(--text-faint)}.auth-tabs{display:flex;gap:var(--s2);padding-bottom:var(--s4);margin-bottom:var(--s4);border-bottom:var(--stroke) solid var(--line-faint)}.auth-tabs button{flex:1}.auth-tabs button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft);border-color:var(--line-default)}label{display:block;font-weight:var(--fw-semibold);margin-bottom:var(--s2)}.field-help{font-size:var(--fs-body);margin-top:var(--s2);margin-bottom:var(--s4)}.password-row{display:flex;gap:var(--s2)}.password-row input{flex:1}.password-row button{flex-shrink:0}#confirm-wrap{margin-bottom:var(--s4)}.primary{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.primary:hover{background:var(--jade-300)}.full{width:var(--full)}.auth-footnote{font-size:var(--fs-body);margin-top:var(--s4)}#auth-feedback:not(:empty),#workspace-feedback:not(:empty){padding:var(--s3);border:var(--stroke) solid var(--line-default);border-radius:var(--r-control);color:var(--text-primary)}.identity-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s6)}#identity{overflow-wrap:anywhere}.main-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s1);padding:var(--s1);border-bottom:var(--stroke) solid var(--line-faint);margin-bottom:var(--s6)}.main-nav a{text-align:center;min-height:var(--touch-h);padding:var(--s2) var(--s1);font-size:var(--fs-body);border-radius:var(--r-control);color:var(--text-secondary)}.main-nav a:hover{background:var(--nav-item-hover-bg)}.main-nav a[aria-current=page]{background:var(--nav-item-active-bg);color:var(--nav-item-active-fg)}.page-title{margin-bottom:var(--s6)}.empty-state{border:var(--stroke) solid var(--line-default);border-radius:var(--r-surface);padding:var(--s6) var(--s6);margin-bottom:var(--s6)}.empty-state svg{display:block;width:var(--icon-size);height:var(--icon-size);stroke:var(--text-secondary);fill:none;stroke-width:var(--icon-stroke);margin-bottom:var(--s4)}.facts{margin:var(--zero);border-top:var(--stroke) solid var(--line-faint)}.facts div{display:flex;gap:var(--s4);justify-content:space-between;padding:var(--s3) var(--zero);border-bottom:var(--stroke) solid var(--line-faint)}.facts dt{color:var(--text-secondary)}.facts dd{margin:var(--zero);text-align:right}.device-list{list-style:none;padding:var(--zero);margin:var(--zero)}.device-list li{padding:var(--s4) var(--zero);border-bottom:var(--stroke) solid var(--line-faint);overflow-wrap:anywhere}.device-list p{font-size:var(--fs-body);margin-bottom:var(--s2)}.device-list button{margin-top:var(--s2)}footer{max-width:var(--content-max);margin:auto;padding:var(--s6) var(--s6);font-size:var(--fs-body);color:var(--text-faint);border-top:var(--stroke) solid var(--line-faint)}.danger{color:var(--status-danger)}


.scope-line{border-bottom:var(--stroke) solid var(--line-default);padding-bottom:var(--s4)}.order-list{display:grid;gap:var(--s3)}.order-row{width:var(--full);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s3);text-align:left;padding:var(--s4);background:var(--bg-surface)}.amount{font-size:var(--fs-lg);font-variant-numeric:tabular-nums}.payment-amount{font-size:var(--fs-display);font-variant-numeric:tabular-nums;color:var(--text-primary);margin-top:var(--s4)}.detail-grid{display:flex;flex-wrap:wrap;gap:var(--s6);margin-top:var(--s6)}.detail-panel{flex:1 1 var(--login-max);min-width:var(--zero);padding:var(--s4);border:var(--stroke) solid var(--line-default);border-radius:var(--r-surface)}.detail-panel button{margin:var(--s2) var(--s2) var(--s2) var(--zero)}.detail-panel h2:not(:first-child){margin-top:var(--s6)}figure{margin:var(--s4) var(--zero);padding:var(--s3);border:var(--stroke) solid var(--line-faint)}figure img{display:block;max-width:var(--full);max-height:var(--login-max);object-fit:contain;margin:auto}figcaption{font-size:var(--fs-caption);color:var(--text-secondary);margin-top:var(--s2)}.message{border-bottom:var(--stroke) solid var(--line-faint);padding:var(--s3) var(--zero);overflow-wrap:anywhere}.message p{white-space:pre-wrap;margin:var(--s2) var(--zero)}textarea{width:var(--full);resize:vertical;font:inherit;color:var(--text-primary);background:var(--bg-control);padding:var(--s3);border:var(--stroke) solid var(--line-default);border-radius:var(--r-control)}input[type=checkbox]{width:auto;min-height:var(--zero);margin:var(--s3)}.action-feedback:not(:empty){border-left:var(--stroke) solid var(--status-warn);padding:var(--s3);white-space:pre-wrap}small{color:var(--text-secondary)}