.client-app{--bg:#f6f3ee;--surface:#fff;--border:#e0ddd7;--text-primary:#3d3a37;--text-secondary:#6b6966;--text-muted:#9b9895;--hairline:#c5c1bc;--cream-dark:#ede9e3;--ink:#3d3a37;--review-bg:#1a1917;--accent:#1e3d4e;--accent-contrast:#f6f3ee;--accent-veil:#1e3d4e3d;--accent-badge-shadow:0 2px 8px #1e3d4e59;--accent-soft:#1e3d4e1a;--warning:#8a6248;--error:#d44f4f;--radius-sm:4px;--radius-md:8px;--radius-lg:16px}@keyframes atomm-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes atomm-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes atomm-fade{0%{opacity:0}to{opacity:1}}@keyframes atomm-slot{0%,to{opacity:.45}50%{opacity:1}}@keyframes atomm-sweep{0%{transform:translate(-100%)}to{transform:translate(320%)}}@keyframes atomm-pulse{0%,to{opacity:.25}50%{opacity:.7}}@font-face{font-family:Krungthep;src:url(/fonts/Krungthep.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:HelveticaNeue;src:url(/fonts/HelveticaNeue.ttc)format("truetype");font-weight:400;font-style:normal}:root{--bg:#f7f5f2;--surface:#fff;--border:#e5e2db;--text-primary:#262624;--text-secondary:#585858;--text-muted:#8a897f;--text-faint:#b8b5ae;--zebra:#fbfaf8;--accent:#c4914a;--accent-hover:#b07d38;--accent-soft:#c4914a1f;--accent-soft-bg:#c4914a1a;--admin-teal:#1e3d4e;--warning:#b0730e;--error:#d44f4f;--nav-bg:#1e1c1a;--nav-text:#fff;--status-uploading:#9ca3af;--status-awaiting:#c4914a;--status-editing:#8b7ec8;--status-checking:#c45a7a;--status-finals:#5a9e7c;--status-done:#3d7a5e;--font-heading:"Helvetica Neue", Helvetica, Arial, sans-serif;--font-body:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;--mono:"Courier New", ui-monospace, Consolas, monospace;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:999px;--shadow-card:0 2px 12px #0000000f;--shadow-modal:0 8px 32px #0000002e;font-family:var(--font-body);color:var(--text-primary);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text-primary);margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{font-family:var(--font-heading);letter-spacing:-.015em;color:var(--text-primary);margin:0;font-weight:700}p{margin:0}.atomm-nav{background:var(--nav-bg);height:56px;color:var(--nav-text);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.atomm-nav img{width:auto;height:26px}.atomm-nav-right{color:#fff9;letter-spacing:.05em;align-items:center;gap:24px;font-size:12px;display:flex}.atomm-nav-link{color:#fff9;letter-spacing:.05em;cursor:pointer;text-transform:uppercase;font-size:12px;font-family:var(--font-body);background:0 0;border:none;padding:0}.atomm-nav-link:hover{color:#fff}.btn-primary{background:var(--text-primary);color:#fff;border:1px solid var(--text-primary);font-size:13px;font-weight:500;font-family:var(--font-body);cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:9px 18px;text-decoration:none;transition:opacity .15s;display:inline-flex}.btn-primary:hover{opacity:.88}.btn-primary:disabled{opacity:.5;cursor:default}.btn-secondary{color:var(--text-primary);border:1px solid var(--border);font-size:13px;font-weight:500;font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:6px;padding:9px 18px;text-decoration:none;transition:border-color .15s;display:inline-flex}.btn-secondary:hover{border-color:var(--text-primary)}.btn-ghost{color:var(--text-secondary);font-size:13px;font-family:var(--font-body);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:6px;padding:8px 14px;transition:all .15s;display:inline-flex}.btn-ghost:hover{border-color:var(--border);color:var(--text-primary)}.status-pill{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.status-pill:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-uploading{color:var(--status-uploading);background:#9ca3af1a}.status-awaiting{color:var(--status-awaiting);background:#c4914a1a}.status-editing{color:var(--status-editing);background:#8b7ec81a}.status-checking{color:var(--status-checking);background:#c45a7a1a}.status-finals{color:var(--status-finals);background:#5a9e7c1a}.status-done{color:var(--status-done);background:#3d7a5e1a}.status-muted{color:var(--text-muted);background:#8a897f1a}.text-display{font-family:var(--font-heading);letter-spacing:-.02em;font-size:32px;font-weight:700;line-height:38px}.text-h1{font-family:var(--font-body);font-size:24px;font-weight:700;line-height:30px}.text-h2{font-family:var(--font-body);font-size:18px;font-weight:700;line-height:24px}.text-h3{font-family:var(--font-body);font-size:15px;font-weight:500;line-height:20px}.text-body{font-family:var(--font-body);font-size:14px;font-weight:400;line-height:22px}.text-body-sm{font-family:var(--font-body);font-size:12px;font-weight:400;line-height:18px}.text-label{font-family:var(--font-body);letter-spacing:.8px;text-transform:uppercase;font-size:11px;font-weight:700;line-height:14px}.text-mono{font-family:var(--mono);letter-spacing:2px;font-size:16px;font-weight:700;line-height:20px}body{background:var(--bg);color:var(--text-primary)}.app{max-width:1400px;margin:0 auto;padding:32px 40px 64px}.app-layout{margin-top:8px;padding-bottom:100px;display:block}.app-header{text-align:center;margin-bottom:24px}.app-header h1{letter-spacing:.5px;margin:0 0 8px;font-family:Krungthep,Helvetica Neue,Arial,sans-serif;font-size:26px;font-weight:500}.app-header p{color:var(--text-secondary);margin:0;font-size:14px}.expand-badge{width:26px;height:26px;color:var(--surface);cursor:pointer;background:#2626248c;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;top:14px;right:14px}.expand-badge:hover{background:#262624bf}.selected-modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px;line-height:1}.lightbox-close{color:var(--surface);cursor:pointer;z-index:1;background:0 0;border:none;padding:6px;font-size:16px;position:absolute;top:20px;right:24px}.lightbox-nav{color:var(--surface);cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:32px;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#fff3}.lightbox-prev{left:16px}.lightbox-next{right:16px}.lightbox-select{border:1px solid var(--accent);background:var(--accent);color:var(--surface);cursor:pointer;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500}.lightbox-select.selected{color:var(--surface);background:0 0}.lightbox-select:disabled{opacity:.6;cursor:default}.selected-panel-submit{width:auto;color:var(--surface);background:var(--accent);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;padding:10px 24px;font-size:14px;font-weight:600}.selected-panel-submit:disabled{opacity:.5;cursor:default}.selected-panel-submit:hover{background:color-mix(in srgb, var(--accent) 85%, black)}.confirm-cancel{color:var(--text-primary);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:9px 16px;font-size:13px;font-weight:500}.confirm-cancel:hover{border-color:var(--text-secondary)}.confirm-submit{color:var(--surface);background:var(--accent);cursor:pointer;border:none;border-radius:6px;padding:9px 16px;font-size:13px;font-weight:500}.confirm-submit:hover{background:color-mix(in srgb, var(--accent) 85%, black)}.photo-grid{grid-template-columns:repeat(4,1fr);gap:10px;max-width:1400px;margin:0 auto;display:grid}.photo-card{border-radius:var(--radius-sm);cursor:pointer;appearance:none;background:0 0;border:2.5px solid #0000;width:100%;line-height:0;transition:border-color .15s,transform .15s;display:block;position:relative;overflow:hidden}.photo-card:hover{transform:translateY(-2px)}.photo-card.selected{border-color:var(--accent)}.photo-card.locked{cursor:default}.photo-card.locked:hover{transform:none}.photo-card.locked:not(.selected){opacity:.55}.skeleton-tile{aspect-ratio:3/4;background:var(--border);border-radius:4px;width:100%;animation:1.2s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%,to{opacity:.6}50%{opacity:1}}.empty-state{text-align:center;color:var(--text-secondary);padding:64px 20px}.empty-state-title{color:var(--text-primary);margin:0 0 6px;font-size:16px;font-weight:500}.empty-state-sub{margin:0;font-size:13px}.photo-card img{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}.check-badge{background:var(--accent);color:var(--surface);border-radius:14px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 6px;font-size:15px;font-weight:700;display:flex;position:absolute;top:14px;left:14px}.selected-panel{bottom:0;left:var(--sidebar-w,266px);background:var(--surface);border:none;border-top:1px solid var(--border);box-sizing:border-box;z-index:40;border-radius:0;flex-direction:row;align-items:center;gap:20px;padding:14px 40px 28px;display:flex;position:fixed;top:auto;right:0;box-shadow:0 -4px 20px #00000014}.selected-panel-title{display:none}.selected-panel-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.selected-panel-progress-track{background:var(--border);border-radius:5px;width:100%;height:6px;overflow:hidden}.selected-panel-progress-fill{background:var(--accent);border-radius:5px;height:100%;transition:width .2s}.selected-panel-tally{color:var(--text-secondary);white-space:nowrap;margin:0;font-size:14px;font-weight:500}.selection-bar-extra{color:var(--warning);background:color-mix(in srgb, var(--warning) 12%, transparent);border-radius:10px;margin:8px 0 0;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.selected-panel-empty{color:var(--text-muted);margin:0;font-size:12px}.selected-panel-ghost,.selected-panel-divider{display:none}.selected-panel-view-btn{width:auto;color:var(--accent);background:var(--surface);border:1.5px solid var(--accent);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;flex-shrink:0;padding:10px 20px;font-size:14px;font-weight:500}.selected-panel-view-btn:hover{background:var(--accent-soft-bg)}.selected-panel-view-btn:disabled{opacity:.5;cursor:default;background:var(--surface)}.submitted-banner{background:var(--accent-soft-bg);text-align:left;border-radius:8px;margin-top:16px;padding:10px 12px}.submitted-banner-title{color:var(--accent);margin:0 0 2px;font-size:13px;font-weight:500}.submitted-banner-sub{color:var(--text-secondary);margin:0;font-size:12px}.selected-modal-overlay{z-index:100;background:#09090980;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.selected-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);width:min(800px,100%);max-height:85vh;padding:32px;overflow-y:auto}.selected-modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.selected-modal-header h2{color:var(--text-secondary);margin:0;font-size:24px;font-weight:700}.selected-modal-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;display:grid}.selected-thumb{aspect-ratio:3/4;cursor:default;border-radius:var(--radius-sm);border:none;width:100%;padding:0;line-height:0;display:block;position:relative;overflow:hidden}.selected-thumb img{object-fit:cover;width:100%;height:100%;display:block}.selected-thumb-number{background:var(--accent);color:var(--surface);border-radius:var(--radius-full);justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:700;display:flex;position:absolute;top:8px;left:8px}.selected-thumb-remove{border-radius:var(--radius-full);color:#fff;background:#0000008c;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;line-height:1;display:flex;position:absolute;top:8px;right:8px}.confirm-overlay{z-index:150;background:#26262480;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--bg);border-radius:12px;width:min(380px,100%);padding:20px}.confirm-title{margin:0 0 8px;font-size:15px;font-weight:500}.confirm-body{color:var(--text-secondary);margin:0 0 18px;font-size:13px;line-height:1.5}.confirm-actions{justify-content:flex-end;gap:10px;display:flex}.lightbox-overlay{z-index:200;background:#141412e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-content{flex-direction:column;align-items:center;max-width:min(900px,88vw);max-height:88vh;display:flex}.lightbox-img{object-fit:contain;border-radius:4px;max-width:100%;max-height:76vh}.lightbox-footer{align-items:center;gap:16px;margin-top:16px;display:flex}.lightbox-count{color:var(--surface);opacity:.8;font-size:13px}@media (width<=1100px){.photo-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.app{padding:24px 16px 48px}.app-header{margin-bottom:20px}.app-header h1{font-size:22px}.app-layout{flex-direction:column;gap:20px}.selected-panel{gap:10px;padding:12px 16px 24px}.selected-panel-view-btn,.selected-panel-submit{padding:9px 14px;font-size:13px}.photo-grid{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}.selected-modal-overlay{align-items:stretch!important;padding:0!important;position:fixed!important;inset:56px 0 0!important;overflow:hidden!important}.selected-modal{-webkit-overflow-scrolling:touch;border-radius:0;width:100%;height:100%;padding:20px;overflow-y:auto;max-height:100%!important}.lightbox-nav{width:40px;height:40px;font-size:26px}.lightbox-prev{left:6px}.lightbox-next{right:6px}.lightbox-content{max-width:94vw}}@media (width<=768px){.admin-login-grid{grid-template-rows:auto 180px;grid-template-columns:1fr!important}.admin-login-dark{order:2}.admin-login-form{order:1;padding:48px 32px!important}.finals-masonry{columns:2!important;gap:6px!important}.finals-lightbox-img{max-width:92vw!important;max-height:58vh!important}}.client-nav-steps-mobile{display:none}@media (width<=768px){.client-nav-steps-desktop{display:none!important}.client-nav-steps-mobile{display:inline-flex}.client-nav-name div:last-child{display:none}.client-login-grid{grid-template-rows:auto 180px;grid-template-columns:1fr!important}.client-login-blank{order:2}.client-login-form{order:1;padding:48px 32px!important}.hide-mobile{display:none!important}.admin-dashboard-container{padding:20px 16px 48px!important}.admin-new-session-grid{grid-template-columns:1fr!important}.stat-cards-row{flex-wrap:unset!important;grid-template-columns:1fr 1fr!important;display:grid!important}.client-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.client-tabs::-webkit-scrollbar{display:none}.raw-photos-grid{grid-template-columns:repeat(3,1fr)!important}.selected-panel,.prints-bottom-bar{left:0!important}}.print-product-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.print-product-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:14px;padding:20px;transition:border-color .15s}.print-product-card:hover{border-color:var(--accent)}.print-product-mockup{aspect-ratio:3/4;justify-content:center;align-items:center;display:flex;overflow:hidden}.print-picker-layout{grid-template-columns:1fr 320px;align-items:start;gap:32px;max-width:1100px;margin:0 auto;padding:80px 32px 60px;display:grid}.print-picker-photos{min-width:0}.print-picker-panel{position:sticky;top:72px}.print-photo-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;display:grid}@media (width<=768px){.print-product-grid{grid-template-columns:repeat(2,1fr);gap:12px}.print-product-card{padding:12px}.print-picker-layout{grid-template-columns:1fr;gap:20px;padding:72px 16px 120px}.print-picker-panel{order:-1;position:static}.print-photo-grid{grid-template-columns:repeat(3,1fr)}}