:root{--ink:#273b3e;--muted:#7a8587;--orange:#df633e;--orange-hover:#c9512e;--line:#e8ebea;--bg:#f7f8fa;--green:#3c7a63;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-family:var(--font);font-size:14px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button,input{outline:none}button:focus-visible,a:focus-visible{outline:3px solid #eb9b7d;outline-offset:4px}input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #df633e12}input{min-width:0;border:1px solid #dce1df;border-radius:8px;background:#fff;padding:12px 14px;color:var(--ink)}input::placeholder{color:#99a1a1}button{border:0}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--muted);line-height:1.65}.small{font-size:12px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.65px;color:#88918e;display:block}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;min-height:44px;border-radius:8px;font-size:13px;font-weight:600;white-space:nowrap;transition:background .15s,transform .15s}.button:active:not(:disabled){transform:translateY(1px)}.primary{background:var(--orange);color:white;border:1px solid var(--orange)}.primary:hover:not(:disabled){background:var(--orange-hover)}.white{background:white;border:1px solid #dfe4e2;color:var(--ink)}.white:hover:not(:disabled){background:#f5f7f6}.full{width:100%}.icon-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:transparent;color:#899492;flex-shrink:0}.icon-button:hover{background:#f0f3f1;color:var(--ink)}.brand{display:flex;align-items:center;font-size:35px;font-weight:760;letter-spacing:-1.8px;line-height:1}.brand img{margin-right:9px}.brand-dot{color:var(--orange)}
.app-shell{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);padding:34px 20px 0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .brand{padding-left:12px;margin-bottom:55px}.nav-label{font-size:9px;letter-spacing:1.6px;font-weight:700;color:#9aa3a1;margin:0 13px 15px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;gap:12px;align-items:center;padding:14px 12px;border-radius:7px;color:#778380;font-size:12px;font-weight:550}.nav-item.active{background:#fff0e9;color:#c65e3d}.nav-item:hover:not(.active){background:#f6f7f6}.nav-item.active .icon{stroke-width:1.9}.sidebar-bottom{margin-top:auto}.sidebar-note{margin:30px 10px;padding:25px 18px;background:#f7f8f3;border-radius:12px;position:relative;overflow:hidden}.sidebar-note>.icon{color:#8f9a7c;width:26px;height:26px;margin-bottom:12px}.sidebar-note p{font-family:Georgia,serif;font-size:24px;line-height:1.18;letter-spacing:-.7px}.sidebar-note>span{display:block;color:#909788;font-size:11px;line-height:1.65;margin-top:12px;max-width:130px}.shop-profile{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:22px 0}.shop-avatar{background:#efede7;color:#687368;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-size:12px;font-weight:700;flex-shrink:0}.shop-profile>div{min-width:0;flex:1}.shop-profile strong{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-profile>div>span{font-size:10px;color:#929c99;display:block;margin-top:4px}.shop-profile .icon-button{width:26px}.shop-profile .icon{width:17px;height:17px}main{min-width:0;display:flex;flex-direction:column}.topbar{height:76px;padding:0 42px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:#ffffffa8;font-size:11px}.breadcrumb{color:#9aa2a3}.breadcrumb-slash{color:#c2c8c6;margin:0 15px}.workspace-badge{border:1px solid var(--line);border-radius:6px;padding:7px 10px;font-size:10px;color:#76857c;display:flex;align-items:center;gap:6px;background:#fff}.status-dot{display:inline-block;background:#80a58a;width:6px;height:6px;border-radius:50%;vertical-align:middle}.main-content{padding:39px 42px 24px;max-width:1540px;width:100%;margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.page-heading h1{font-size:30px;font-weight:600;letter-spacing:-1.05px;line-height:1.25;margin:10px 0}.page-heading p{font-size:12px;color:var(--muted);line-height:1.65}.page-heading>.button{font-size:11px;padding:10px 14px;min-height:39px}.page-heading>.button .icon{width:16px;height:16px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:25px}.stat-card{background:white;border:1px solid var(--line);border-radius:10px;padding:23px;display:flex;justify-content:space-between;gap:10px}.stat-card>div>span{font-size:11px;color:#7c8985;font-weight:500}.stat-card strong{display:block;font-size:33px;font-weight:550;letter-spacing:-1.2px;margin:12px 0 8px;line-height:1}.stat-card small{font-size:10px;color:#9da5a2}.stat-icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center}.coral{color:#ca795b;background:#fff0e8}.sand{color:#b4914e;background:#fbf5e6}.mint{color:#719782;background:#edf6f0}.stat-icon .icon{width:18px;height:18px}
.scan-panel{border:1px solid #eee1d5;background:#fdf8f2;border-radius:10px;padding:23px;display:grid;grid-template-columns:minmax(220px,1fr) minmax(320px,1.1fr);align-items:center;gap:16px;margin-bottom:31px}.scan-intro{display:flex;align-items:center;gap:15px}.scan-icon{width:46px;height:46px;display:grid;place-items:center;background:white;border:1px solid #eddfd1;border-radius:10px;color:#b28664;flex-shrink:0}.scan-icon .icon{width:27px;height:27px}.scan-panel h2{font-size:13px;font-weight:600;margin-bottom:7px}.scan-panel p:not(.form-error){font-size:11px;color:#958c80}.scan-panel form{display:flex;gap:9px}.scan-panel input{width:100%;font-size:12px;height:44px}.scan-panel .button{font-size:11px;padding:11px 15px}.scan-panel .button .icon{width:16px;height:16px}.scan-panel>.form-error{grid-column:1/-1;margin:0}.referral-panel{border:1px solid var(--line);border-radius:11px;background:#fff;overflow:hidden}.list-heading{padding:23px 24px 20px;display:flex;justify-content:space-between}.list-heading h2{font-size:15px;font-weight:600;display:flex;align-items:center;gap:9px}.count-badge{font-size:10px;font-weight:500;min-width:22px;height:20px;padding:0 6px;border:1px solid #e5e9e7;background:#f8f9f8;color:#84908b;display:inline-flex;align-items:center;justify-content:center;border-radius:5px}.list-heading p{font-size:11px;color:#929c99;margin-top:7px}.list-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 24px 20px}.filter-tabs{display:flex;padding:3px;gap:2px;background:#f5f7f6;border:1px solid #edf0ee;border-radius:7px;flex-shrink:0}.filter{background:transparent;padding:8px 11px;border-radius:5px;font-size:10px;color:#89938f;white-space:nowrap}.filter.active{background:#fff;box-shadow:0 1px 4px #182e2510;color:#3a5147;font-weight:600}.search-field{position:relative;display:flex;align-items:center;max-width:265px;width:100%}.search-field>.icon{position:absolute;left:11px;width:15px;height:15px;color:#a1a8a5;pointer-events:none}.search-field>input{width:100%;height:36px;padding:8px 10px 8px 32px;font-size:10px;border-color:var(--line)}.table-scroll{overflow-x:auto;position:relative}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}thead{background:#fafbfa;border-top:1px solid #eff1f0;border-bottom:1px solid #eff1f0}th{font-size:9px;font-weight:550;color:#8c9792;padding:12px 20px}th:first-child,td:first-child{padding-left:24px}th:last-child,td:last-child{padding-right:22px}td{font-size:11px;padding:16px 20px;border-bottom:1px solid #f0f2f1}tr:last-child td{border-bottom:0}.person-cell{display:flex;align-items:center;gap:10px}.initials{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#f2eee7;color:#978568;font-size:10px;font-weight:600;flex-shrink:0}.person-cell strong{display:block;font-weight:550;max-width:200px;overflow:hidden;text-overflow:ellipsis}.person-cell small{display:block;font-size:9px;margin-top:5px;color:#9aa49e;font-variant-numeric:tabular-nums}.friend-name{font-weight:500;max-width:180px;overflow:hidden;text-overflow:ellipsis}.date-cell{color:#8b9591;font-size:10px}.collect-button{display:inline-flex;align-items:center;gap:7px;font-size:10px;background:#fff8ea;color:#aa8848;border-radius:5px;border:1px solid #efe5cf;padding:7px 9px;white-space:nowrap}.collect-button:hover{background:#faeed4}.checkbox-shape{width:12px;height:12px;border:1px solid #ccb77e;border-radius:3px;background:white}.collected-badge{display:inline-flex;align-items:center;gap:5px;color:#719181;background:#f0f7f2;border:1px solid #e6efe8;border-radius:5px;padding:6px 8px;font-size:10px}.collected-badge .icon{width:13px;height:13px}.collected-date{display:block;color:#8f9e96;font-size:9px;margin-top:5px}.collected-row .person-cell strong,.collected-row .friend-name{text-decoration:line-through;text-decoration-color:#b2c0b8;color:#87948d}.row-edit{width:27px;height:27px}.row-edit .icon{width:14px;height:14px}.empty-state{text-align:center;padding:39px 20px 45px}.empty-illustration{display:flex;align-items:center;justify-content:center;position:relative;width:180px;margin:0 auto 21px}.person-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:30px}.peach{background:#f9ede3;color:#c78c69;transform:rotate(-10deg)}.green{background:#eef3ed;color:#859b88;transform:rotate(8deg)}.connection-dots{letter-spacing:4px;color:#bfc6bb;margin:0 8px;font-size:23px}.little-star{position:absolute;top:-10px;right:12px;font-size:18px;color:#e3b977}.empty-state h3{font-size:14px;font-weight:550;margin-bottom:9px}.empty-state p{font-size:11px;color:#939c95;line-height:1.85}.text-link{font-size:11px;font-weight:550;color:#c97a55;display:inline-flex;align-items:center;gap:8px;margin-top:17px}.text-link .icon{width:14px;height:14px}.table-footer{padding:15px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#9ba39f}.pagination{display:flex;align-items:center;gap:12px}.page-button{border:1px solid #e7ebe8;border-radius:5px;background:#fff;color:#6e8176;width:25px;height:25px;font-size:13px}.quiet-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#a0a8a3;margin-top:21px}.quiet-note .icon{width:13px;height:13px}.app-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:25px 42px;font-size:10px;color:#a7aea9;margin-top:auto}.app-footer>span:last-child{font-weight:750;font-size:19px;letter-spacing:-1px;color:#bcc4bf}
.cards-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:32px;align-items:start}.control-panel{padding:24px;background:white;border:1px solid var(--line);border-radius:10px}.step-label{font-size:9px;letter-spacing:1.25px;font-weight:650;color:#b08d68}.control-panel h2{font-size:18px;letter-spacing:-.5px;margin:13px 0 10px;font-weight:550}.control-panel>p:not(.form-error){font-size:12px;line-height:1.8;color:#8b9590}.sheet-specs{margin:23px 0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sheet-specs>div{display:flex;justify-content:space-between;font-size:11px;margin:10px 0}.sheet-specs dt{color:#94a096}.sheet-specs dd{margin:0;font-weight:500}.control-panel>.button+.button{margin-top:10px}.print-tip{display:flex;align-items:flex-start;gap:8px;font-size:10px;line-height:1.8;color:#99a097;margin-top:18px}.print-tip .icon{width:14px;height:14px;margin-top:2px}.print-tip strong{font-weight:600}.preview-panel{padding:18px 23px;background:#eef0ef;border:1px solid #e1e5e2;border-radius:10px}.preview-toolbar{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#849087;margin-bottom:17px}.preview-toolbar .status-dot{width:5px;height:5px;margin-right:4px}.paper{background:#fff;box-shadow:0 3px 15px #233d2810;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.347%;padding:5.22% 6.19%;aspect-ratio:210/297;max-width:650px;margin:0 auto;align-content:center}.print-card{border:1px dashed #c7ceca;aspect-ratio:90/50;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1.2% 1.5%;container-type:inline-size;overflow:hidden;color:#273b3e;background:white}.print-card>*{flex-shrink:0}.card-kicker{text-transform:uppercase;letter-spacing:.16em;font-size:2.6cqw;font-weight:650;color:#7f8c82;margin-bottom:3cqw;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card-headline{font-size:5.2cqw;font-weight:500;line-height:1.25;letter-spacing:-.03em}.card-headline strong{font-weight:750}.card-terms{font-size:2.85cqw;line-height:1.4;margin-top:2.5cqw;color:#69766d}.card-barcode{display:block;width:88%;height:12cqw;object-fit:fill;margin-top:3cqw}.card-code{font-size:2.85cqw;letter-spacing:.17em;color:#5b685f;margin-top:1cqw;font-variant-numeric:tabular-nums}.sample-bars{width:80%;height:12cqw;margin-top:3cqw;background:repeating-linear-gradient(90deg,#364239 0 1px,white 1px 3px,#364239 3px 5px,white 5px 6px,#364239 6px 7px,white 7px 10px,#364239 10px 13px,white 13px 15px);opacity:.5}.preview-caption{text-align:center;font-size:10px;line-height:1.8;color:#8f9991;margin:17px 0 0}.recent-sheets{margin-top:27px}.recent-heading{display:flex;gap:8px;align-items:center;margin-bottom:7px}.recent-heading h3{font-size:12px;font-weight:600}.recent-sheets .small{font-size:10px}.no-sheets{font-size:11px;color:#a4aca6;padding:20px 0}.batch-button{display:flex;align-items:center;justify-content:space-between;width:100%;border:1px solid var(--line);background:white;border-radius:8px;padding:13px;margin-top:9px;text-align:left;color:var(--ink)}.batch-button.active{border-color:#dcac92;background:#fffbf7}.batch-button strong{font-size:11px;font-weight:550;display:block}.batch-button small{display:block;font-size:9px;color:#92a095;margin-top:5px}.batch-button>.icon{width:15px;height:15px;color:#a2ac9e}
.auth-view{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:#fff}.auth-story{background:#f5efe5;padding:42px 60px;display:flex;flex-direction:column;min-height:100vh}.auth-story-main{margin:auto 0;padding:70px 0}.auth-story-main .eyebrow{color:#a28b71}.auth-story h1{font-family:Georgia,serif;font-size:clamp(52px,5.5vw,90px);line-height:1.04;letter-spacing:-3.5px;font-weight:400;margin:25px 0}.auth-story h1 em{font-weight:400;color:#d5754f}.auth-story-main>p{font-size:14px;line-height:1.8;color:#928873;margin-top:24px}.connection-art{display:flex;align-items:center;gap:10px;margin-top:43px}.connection-art>span{border:1px solid #d5cbb8;background:#fcfaf5;border-radius:100%;width:70px;height:70px;display:grid;place-items:center;font-size:10px;color:#7f8471}.connection-art>span:nth-of-type(2){background:#e6e8dd;border-color:#d2d8c5}.connection-art>span:nth-of-type(3){background:#edd4c4;border-color:#dcbca6}.connection-art i{font-style:normal;font-size:26px;color:#b5ac97}.auth-story-foot{font-size:10px;color:#a49b88}.auth-panel{display:flex;align-items:center;justify-content:center;padding:45px}.auth-form{width:100%;max-width:360px}.auth-form h2{font-size:30px;font-weight:550;letter-spacing:-1px;margin:15px 0 10px}.auth-form>.muted{font-size:13px;margin-bottom:32px}.auth-form label{display:block;font-size:12px;font-weight:550;margin-top:20px}.auth-form input{width:100%;margin-top:8px;font-size:13px;padding:14px}.field-hint{font-size:10px;color:#969f99;line-height:1.7;margin:9px 0 0}.auth-form>.button{margin-top:25px}.auth-footnote{border-top:1px solid var(--line);padding-top:24px;margin-top:30px;font-size:10px;color:#99a399;display:flex;gap:9px;align-items:center}.auth-footnote .icon{width:16px;height:16px}.form-error{color:#b13c32;background:#fff0ed;border:1px solid #f3d9d3;border-radius:7px;padding:11px 13px;font-size:12px;line-height:1.6;margin:13px 0 0}.list-error{margin:0 24px 20px}.startup{display:flex;align-items:center;justify-content:center;gap:15px;flex-direction:column;min-height:100vh;font-size:13px;color:var(--muted)}
dialog{border:1px solid #e1e5df;border-radius:16px;padding:28px 32px 23px;width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 40px);color:var(--ink);box-shadow:0 20px 100px #1f332b30}dialog::backdrop{background:#253c344d;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.dialog-icon{width:43px;height:43px;background:#fbefe5;color:#c4815a;border-radius:12px;display:grid;place-items:center}dialog h2{font-size:23px;letter-spacing:-.7px;font-weight:550;margin-bottom:8px}dialog .muted{font-size:12px}.scanned-code{display:flex;gap:9px;align-items:center;padding:12px 13px;border:1px solid #e7ebe4;border-radius:7px;background:#f8faf7;font-size:12px;margin:22px 0;font-variant-numeric:tabular-nums;letter-spacing:1px}.scanned-code .icon{width:18px;height:18px;color:#8ca285}#dialog-code-label{margin-left:auto;font-size:9px;letter-spacing:0;color:#7e9577}.name-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}fieldset{padding:0;margin:0;border:0;min-width:0}legend{font-size:13px;font-weight:650;padding:0;margin-bottom:14px}legend>span{display:block;color:#9ba399;font-size:10px;font-weight:400;margin-top:5px}.name-fields label{font-size:10px;color:#84907f}.name-fields input{display:block;width:100%;margin-top:7px;font-size:13px}.form-connection{margin:13px 0;text-align:center;color:#ccd4c8}.form-connection .icon{width:18px;height:18px;transform:rotate(90deg)}.dialog-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);margin-top:26px;padding-top:21px}.dialog-footer .button{font-size:12px}.centered{text-align:center;margin-top:14px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;max-width:calc(100% - 32px);background:#2f4e40;border:1px solid #536c5d;color:#fff;padding:15px 22px;border-radius:9px;font-size:12px;box-shadow:0 5px 25px #1d362125;z-index:20}.toast .icon{width:16px;height:16px;color:#b6d4af}#print-area{display:none}
@media(min-width:1500px){.main-content{padding-top:48px}.page-heading h1{font-size:34px}.stats-grid{gap:22px}.stat-card{padding:28px}.scan-panel{padding:28px}.empty-state{padding:60px 20px}}
@media(max-width:1150px){.app-shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding-left:13px;padding-right:13px}.sidebar .brand{font-size:32px}.main-content{padding:30px 25px 20px}.topbar,.app-footer{padding-left:25px;padding-right:25px}.page-heading h1{font-size:26px}.scan-panel{grid-template-columns:1fr}.scan-panel form{width:100%}.list-tools{flex-wrap:wrap}.search-field{max-width:none;flex:1;min-width:200px}.cards-layout{grid-template-columns:260px minmax(0,1fr);gap:18px}.control-panel{padding:18px}.preview-panel{padding:15px}.stat-card{padding:18px}.page-heading>.button{font-size:10px}.auth-story{padding:38px}}
@media(max-width:850px){.cards-layout{grid-template-columns:1fr}.card-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px}.recent-sheets{margin-top:0}.preview-panel{max-width:580px;width:100%;margin:auto}.page-heading{align-items:flex-start}.page-heading h1{font-size:24px}.page-heading>.button{padding:10px}.page-heading>.button .icon{display:none}.stat-card{padding:16px 12px}.stat-icon{width:28px;height:28px}.stat-card>div>span{font-size:10px}.stat-card small{font-size:9px}.stat-card strong{font-size:28px}.stats-grid{gap:9px}.auth-story{padding:30px}.auth-panel{padding:30px}.auth-story h1{font-size:58px}}
@media(max-width:650px){.app-shell{display:block}.sidebar{height:auto;position:relative;padding:18px 18px 0;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{margin:0 0 18px;padding:0;font-size:29px}.brand img{width:29px;height:29px}.nav-label,.sidebar-note,.shop-profile,.topbar{display:none}.sidebar nav{flex-direction:row;gap:10px}.nav-item{padding:12px 13px;font-size:12px;border-bottom-left-radius:0;border-bottom-right-radius:0}.nav-item .icon{width:17px;height:17px}.sidebar-bottom{position:absolute;right:18px;top:20px}.main-content{padding:27px 17px 18px}.page-heading{margin-bottom:24px;gap:10px}.eyebrow{font-size:8px;letter-spacing:1.15px}.page-heading h1{font-size:24px;margin:10px 0 8px;max-width:260px}.page-heading p{font-size:11px}.page-heading>.button{display:none}.stat-card{padding:15px 11px;position:relative;min-height:120px}.stat-icon{position:absolute;right:10px;bottom:14px;width:24px;height:24px;border-radius:7px}.stat-icon .icon{width:14px;height:14px}.stat-card small{display:none}.stat-card strong{margin-top:23px;font-size:29px}.stat-card>div>span{font-size:10px;line-height:1.5;display:block;max-width:70px}.stats-grid{margin-bottom:19px}.scan-panel{padding:18px;gap:18px;margin-bottom:24px}.scan-intro{gap:12px}.scan-panel h2{font-size:12px}.scan-panel input{font-size:11px}.scan-panel .button{padding:11px}.scan-panel .button .icon{display:none}.list-heading{padding:20px 17px}.list-tools{padding:0 17px 17px;gap:12px}.filter-tabs{width:100%;justify-content:space-between}.filter{font-size:10px;padding:8px 10px;flex:1}.search-field{width:100%;flex-basis:100%}.search-field input{font-size:12px;height:40px}.empty-state{padding:36px 15px}.quiet-note{font-size:9px;align-items:flex-start;line-height:1.6;padding:0 15px}.table-footer{padding:13px 17px;font-size:9px}.app-footer{padding:20px;font-size:9px}.card-controls{display:block}.recent-sheets{margin:24px 0}.control-panel{padding:22px}.preview-panel{padding:13px}.cards-layout{gap:12px}.auth-view{display:block}.auth-story{min-height:auto;padding:25px}.auth-story-main{padding:40px 0 20px}.auth-story h1{font-size:51px;letter-spacing:-2.3px}.auth-story-main>p,.connection-art,.auth-story-foot{display:none}.auth-story h1 br:nth-of-type(2){display:none}.auth-panel{padding:38px 25px}.auth-form{max-width:none}.auth-form h2{font-size:26px}dialog{padding:23px 21px}dialog h2{font-size:21px}.name-fields{gap:10px}.name-fields input{padding:11px 10px}.dialog-footer .button{padding:10px 13px}.toast{font-size:11px;padding:13px 17px}body:has(#app-shell:not([hidden])) #logout{display:flex}.sidebar-bottom .shop-profile{display:flex;border:0;padding:0}.shop-profile>div,.shop-profile>.shop-avatar{display:none}.shop-profile .icon-button{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Card editor and shared physical print measurements. */
textarea,select{font:inherit;color:var(--ink);border:1px solid #dce1df;border-radius:8px;background:#fff;padding:10px 12px;min-width:0}textarea:focus,select:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px #df633e12}textarea{resize:vertical;line-height:1.5}.card-editor{margin-top:24px}.card-editor fieldset>label{display:block;margin:16px 0 7px;font-size:11px;font-weight:600}.card-editor input,.card-editor textarea,.card-editor fieldset>select{width:100%;font-size:12px}.card-editor .optional{font-size:10px;font-weight:400;color:var(--muted);margin-left:5px}.size-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}.size-controls label{font-size:10px;font-weight:500;white-space:nowrap}.size-controls select{display:block;width:100%;margin-top:7px;padding:9px 6px;font-size:11px}.editor-actions{display:grid;gap:10px;margin-top:21px}.cards-layout{grid-template-columns:320px minmax(0,1fr)}.preview-panel{position:sticky;top:22px}.paper{--title-size:6;--message-size:12;--details-size:6.5;--card-font:var(--font);grid-template-rows:repeat(5,minmax(0,1fr));align-content:normal}.paper.cards-8{grid-template-rows:repeat(4,minmax(0,1fr));padding-top:4.2%;padding-bottom:4.2%}.print-card{font-family:var(--card-font);min-height:0;aspect-ratio:auto;padding:1.2% 1.5%}.card-kicker{font-size:calc(var(--title-size) * .426cqw);text-transform:none;letter-spacing:.08em;overflow:visible;white-space:pre-wrap;text-overflow:clip;line-height:1.2;margin-bottom:2.5cqw;width:100%;overflow-wrap:anywhere}.card-headline{font-size:calc(var(--message-size) * .426cqw);font-weight:600;white-space:pre-wrap;overflow-wrap:anywhere;width:100%;line-height:1.2}.card-terms{font-size:calc(var(--details-size) * .426cqw);white-space:pre-wrap;overflow-wrap:anywhere;width:100%;line-height:1.35}.card-code{white-space:nowrap;font-family:var(--font)}.font-sans{--card-font:var(--font)}.font-serif{--card-font:Georgia,'Times New Roman',serif}.font-mono{--card-font:'Courier New',monospace}.title-6{--title-size:6}.title-8{--title-size:8}.title-10{--title-size:10}.title-12{--title-size:12}.message-10{--message-size:10}.message-12{--message-size:12}.message-14{--message-size:14}.message-16{--message-size:16}.message-18{--message-size:18}.details-6-5{--details-size:6.5}.details-8{--details-size:8}.details-10{--details-size:10}.details-12{--details-size:12}
#layout-check{position:fixed;left:-10000px;top:0;visibility:hidden;pointer-events:none}.paper.physical-paper{width:210mm;height:297mm;max-width:none;margin:0;padding:15.5mm 13mm;gap:4mm;grid-template-columns:90mm 90mm;grid-template-rows:repeat(5,50mm);box-shadow:none;aspect-ratio:auto;break-inside:avoid;overflow:hidden}.paper.physical-paper.cards-8{padding:12.5mm 13mm;grid-template-rows:repeat(4,65mm)}.physical-paper .print-card{width:90mm;height:50mm;padding:3mm 4mm;aspect-ratio:auto;border:.2mm dashed #bbb;break-inside:avoid;container-type:normal;print-color-adjust:exact;-webkit-print-color-adjust:exact}.physical-paper.cards-8 .print-card{height:65mm}.physical-paper .card-kicker{font-size:calc(var(--title-size) * 1pt);margin-bottom:2mm}.physical-paper .card-headline{font-size:calc(var(--message-size) * 1pt);letter-spacing:-.3pt}.physical-paper .card-terms{font-size:calc(var(--details-size) * 1pt);margin-top:2mm}.physical-paper .card-barcode,.physical-paper .sample-bars{width:68mm;height:10mm;margin-top:2mm}.physical-paper .card-code{font-size:6.5pt;letter-spacing:1.2pt;margin-top:1mm}
@media(max-width:1150px){.cards-layout{grid-template-columns:280px minmax(0,1fr)}}@media(max-width:850px){.cards-layout{grid-template-columns:1fr}.preview-panel{position:static}.card-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media(max-width:650px){.card-controls{display:block}.card-editor input,.card-editor textarea,.card-editor select{font-size:14px}.size-controls select{font-size:12px}}
@page{size:A4 portrait;margin:0}
@media print{html,body{width:210mm;margin:0;padding:0;background:#fff}body>*:not(#print-area){display:none!important}#print-area{display:block!important}}
/* Both account actions stay visible on desktop and mobile. */
.auth-options{display:flex;gap:6px;padding:5px;background:#f4f6f3;border:1px solid var(--line);border-radius:10px;margin-bottom:30px}
.auth-options button{flex:1;border:0;border-radius:7px;background:transparent;color:var(--muted);padding:12px 8px;font:inherit;font-size:12px;cursor:pointer}
.auth-options button[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 4px #182e1914;font-weight:600}
.auth-options button:focus-visible{outline:2px solid #426747;outline-offset:2px}
.auth-options button:disabled{cursor:wait;opacity:.65}

/* Phone recognition sits beside the counter workflow, above referral history. */
.phone-panel { background: white; border: 1px solid var(--border, #e5e7eb); border-radius: 18px; padding: 24px; margin-bottom: 24px; }
.phone-panel h2 { margin: 0 0 6px; font-size: 18px; }
.phone-panel p { color: #626875; font-size: 14px; }
.phone-panel form { max-width: 480px; }
.phone-controls, .phone-actions { display: flex; gap: 12px; align-items: center; }
.phone-controls input { flex: 1; min-width: 0; }
#phone-result:not(:empty) { border-top: 1px solid #e5e7eb; margin-top: 20px; padding-top: 20px; }
.phone-person, .card-summary { display: flex; flex-direction: column; gap: 6px; overflow-wrap: anywhere; }
.card-summary { background: #f7f8fa; padding: 20px; border-radius: 12px; margin: 20px 0; }
.card-summary strong { font-size: 22px; }
input[readonly] { background: #f7f8fa; color: #626875; }
@media (max-width: 600px) { .phone-panel { padding: 18px; } .phone-actions { align-items: flex-start; flex-direction: column; } }
.phone-panel { border-color: var(--line); border-radius: 12px; }
.phone-panel > div > p { margin-top: 6px; font-size: 12px; color: var(--muted); line-height: 1.6; }
.phone-panel form { margin-top: 18px; }
.phone-panel form > label, #assignment-phone-label { display: block; font-size: 11px; color: var(--muted); }
.phone-panel form > label { margin-bottom: 7px; }
#assignment-phone-label input { display: block; width: 100%; margin-top: 7px; font-size: 13px; }
#assignment-match { margin: 9px 0 15px; line-height: 1.5; }
#phone-result p { margin: 12px 0; line-height: 1.6; }
.phone-person span, .card-summary > span { font-size: 12px; color: var(--muted); }
.row-delete { color: #b74432; }
.button.danger { background: #b74432; color: white; }
.button.danger:hover { background: #983728; }
#referral-rows td:last-child { white-space: nowrap; }
#delete-person { line-height: 1.6; }

.scan-panel .assigned-count{margin-top:10px;color:var(--ink);font-size:12px}.assigned-count strong{font-variant-numeric:tabular-nums}.assigned-count span{color:#6e8176;font-size:11px}