:root{--navy:#102c61;--navy-soft:#183b75;--sidebar-paper:#eef3fa;--ink:#243859;--muted:#6f7e94;--blue:#1b4385;--blue-hover:#12316b;--blue-light:#e8effa;--paper:#f7f9fc;--line:#dfe6f0;--green:#35745c;--amber:#976a30;--white:#fff;--shadow:0 6px 24px rgba(18,49,107,.035);font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);font-size:14px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--paper)}button,input,textarea,select{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.46}button,a,input,textarea,select{outline-offset:4px}a{color:var(--blue);text-decoration:none}button svg,a svg{pointer-events:none}svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:'Manrope',system-ui,sans-serif}h1{font-size:31px;font-weight:650;letter-spacing:-.8px;line-height:1.25}h2{font-size:17px;font-weight:650;letter-spacing:-.35px}h3{font-size:15px;font-weight:700;letter-spacing:-.2px}.muted{color:var(--muted);line-height:1.65}.small{font-size:12px}.eyebrow{font-size:10px;letter-spacing:1.55px;font-weight:700;color:var(--blue)}.app-shell{display:flex;min-height:100vh}.sidebar{width:235px;position:fixed;inset:0 auto 0 0;background:var(--sidebar-paper);color:var(--navy);border-right:1px solid var(--line);padding:35px 22px 0;display:flex;flex-direction:column;z-index:5}.brand{display:flex;gap:11px;align-items:center;color:var(--navy);margin-bottom:53px}.brand-mark{font-size:25px;letter-spacing:-2px;font-weight:600;border:1px solid #658095;border-radius:8px;position:relative;width:45px;height:45px;display:flex;align-items:center;justify-content:center}.brand-mark span{position:absolute;color:#a9c0cb;right:-5px;top:-10px;font-size:19px;background:var(--navy);letter-spacing:0}.brand strong{font-size:14px;letter-spacing:-.25px;white-space:nowrap}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#506887;margin-top:6px}.sidebar-caption{color:#506887;font-size:9px;font-weight:650;letter-spacing:1.7px;margin:0 13px 15px}nav{display:grid;gap:7px}nav a{color:#506887;display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:7px;font-size:13px;font-weight:550}nav a:hover{background:#e0e9f7;color:var(--navy)}nav a.active{background:var(--blue);color:white}nav a.active svg{color:#d7e6ff}.nav-count{margin-left:auto;font-size:10px;padding:2px 6px;border-radius:4px;background:#dce7f8;color:var(--blue)}.nav-count:empty{display:none}.sidebar-account{margin-top:auto;border-top:1px solid #d3dfef;min-height:88px;display:flex;align-items:center;gap:11px}.avatar{background:#d9e5f6;color:var(--blue);font-size:11px;letter-spacing:.3px;width:32px;height:32px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;flex-shrink:0}.sidebar-account strong{font-size:11px;font-weight:550}.sidebar-account small{display:block;color:#506887;font-size:10px;margin-top:4px}.sidebar-account form{margin-left:auto}.sidebar-account .icon-button{color:#627da5}.workspace{margin-left:235px;min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:78px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff;gap:12px}.breadcrumb{color:#909aa3;font-size:12px}.breadcrumb span{padding:0 13px;color:#c1c8ce}.breadcrumb strong{color:#526371;font-weight:500}.topbar-right{display:flex;align-items:center;gap:22px}.owner-access{font-size:10px;color:#86929b;display:flex;align-items:center;gap:7px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#739482}main#main{max-width:1550px;width:100%;padding:38px 42px 46px;flex:1}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:27px}.page-heading p{margin-top:10px;font-size:13px;color:var(--muted);line-height:1.6}.heading-actions,.button-group{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:39px;border:1px solid #d8e1ee;border-radius:6px;padding:9px 14px;font-size:11px;font-weight:600;background:white;color:#506585;white-space:nowrap;transition:background .15s,transform .15s}.button:hover:not(:disabled){background:#f5f8fa}.button.primary{background:var(--blue);color:white;border-color:var(--blue);box-shadow:0 2px 3px #27475d0d}.button.primary:hover:not(:disabled){background:var(--blue-hover)}.button svg{width:15px;height:15px}.button.small-button{min-height:31px;padding:6px 10px;font-size:11px}.button.link-button{border:0;background:transparent;padding:6px;color:var(--blue)}.icon-button{border:0;background:transparent;padding:7px;border-radius:5px;color:var(--muted);display:inline-flex;align-items:center;justify-content:center}.icon-button:hover{background:#7c96a617}.icon-button svg{width:17px;height:17px}.full-width{width:100%}.demo-banner{border:1px solid #dae6eb;background:#edf3f6;display:flex;gap:11px;align-items:flex-start;border-radius:7px;padding:13px 16px;margin-bottom:25px;font-size:11px;line-height:1.65;color:#617786}.demo-banner>svg{color:#5c8399;flex-shrink:0;width:17px;height:17px;margin-top:2px}.demo-banner strong{font-weight:650;color:#486679}.demo-banner a{font-weight:600;text-decoration:underline;text-underline-offset:3px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:12px}.section-heading p{font-size:11px;color:var(--muted);margin-top:6px}.panel{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);overflow:hidden}.panel-padding{padding:23px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 20px;border-bottom:1px solid var(--line)}.filter-tabs{display:flex;gap:4px}.filter-tab{border:0;background:transparent;font-size:11px;font-weight:550;padding:8px 11px;border-radius:5px;color:#7b8994;white-space:nowrap}.filter-tab.active{background:var(--blue-light);color:var(--blue)}.search-field{position:relative;display:flex;align-items:center;min-width:190px}.search-field svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);pointer-events:none;color:#9aa7b0;width:14px;height:14px}.search-field input:not([type=checkbox]):not([type=hidden]){width:100%;border:1px solid var(--line);background:#fafbfc;border-radius:5px;padding:9px 10px 9px 33px;font-size:11px;color:var(--ink);min-height:35px}.search-field input::placeholder{color:#99a4ad}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}thead{background:#fafbfc}th{font-size:9px;font-weight:550;text-transform:uppercase;letter-spacing:.8px;color:#8c98a2;padding:13px 21px;white-space:nowrap}td{padding:19px 21px;border-top:1px solid #edf0f2;font-size:11px;vertical-align:middle}td strong{display:block;font-weight:550;font-size:12px}td .subtext{display:block;color:#96a0a8;font-size:10px;margin-top:5px;white-space:nowrap}tr.order-row{cursor:pointer}tr.order-row:hover{background:#fcfdfe}.order-number{font-weight:650;color:#315d9b}.customer-cell{display:flex;align-items:center;gap:10px}.customer-cell .avatar{background:#edf1f4;color:#70879a;font-size:10px;width:30px;height:30px}.file-count{display:flex;align-items:center;gap:6px;color:#748897;font-size:11px}.file-count svg{width:13px;height:13px}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:5px 7px;font-size:9px;font-weight:550;line-height:1.15;white-space:nowrap}.pill:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.65}.pill.amber{color:#a17a43;background:#faf3e7}.pill.blue{color:#456ea9;background:#edf3fb}.pill.green{color:#5c8270;background:#eef6f1}.pill.neutral{color:#85929b;background:#f0f3f5}.pill.red{color:#a3605a;background:#fbefed}.table-footer{padding:13px 21px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;color:#96a1a9;gap:14px}.bottom-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:21px;margin-top:25px}.integration-list{margin-top:18px;display:grid}.integration-row{display:flex;align-items:center;padding:13px 0;gap:12px;border-top:1px solid #eff2f4}.integration-row:first-child{border-top:0;padding-top:0}.integration-row:last-child{padding-bottom:0}.service-icon{width:33px;height:33px;border:1px solid var(--line);border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:#6c88af;background:#fff;font-size:13px;font-weight:750;flex-shrink:0}.service-icon.drive{color:#588b6f}.service-icon.microsoft{color:#426fab}.service-icon.squarespace{color:#4c5964}.integration-copy{flex:1}.integration-copy strong{font-size:11px;font-weight:600}.integration-copy small{display:block;font-size:10px;color:#99a3ac;margin-top:4px}.activity-list{margin-top:19px;display:grid;gap:18px}.activity-item{display:flex;gap:10px}.activity-dot{width:7px;height:7px;border:2px solid #bacfe9;border-radius:50%;flex-shrink:0;margin-top:4px}.activity-item p{font-size:11px;color:#667795;line-height:1.5}.activity-item time{font-size:9px;color:#a3acb3;display:block;margin-top:4px}.workspace-footer{padding:19px 42px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#a3adb5;font-size:9px}.workspace-footer>span:first-child{font-family:'Manrope',sans-serif;font-weight:650;color:#91a0ab}.empty-state{padding:49px 20px;text-align:center}.empty-state>svg{width:30px;height:30px;color:#acbdc9;margin-bottom:16px}.empty-state h3{font-size:14px}.empty-state p{font-size:12px;color:var(--muted);line-height:1.7;max-width:420px;margin:8px auto 20px}.notice{font-size:11px;color:var(--muted);line-height:1.7;padding:12px 0}.notice svg{width:13px;height:13px;margin-right:4px}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:20px}.photo-card{border:1px solid var(--line);border-radius:7px;padding:17px;display:flex;gap:12px;align-items:flex-start}.photo-art{width:43px;height:50px;border-radius:6px;background:linear-gradient(145deg,#e7eef3,#f4f7f9);color:#889bc0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.photo-card-content{min-width:0}.photo-card h3{font-family:inherit;font-size:12px;font-weight:550;overflow-wrap:anywhere;line-height:1.5}.photo-card p{font-size:10px;color:var(--muted);margin:5px 0 9px}.photo-card a{font-size:10px}.photo-card .pill{font-size:8px}.settings-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,.85fr);gap:23px;align-items:start}.settings-grid>.panel{padding:24px}.form-stack{display:grid;gap:18px}.form-stack label,.field-label{font-size:11px;font-weight:550;color:#536c8b;display:grid;gap:8px}input:not([type=checkbox]):not([type=hidden]),textarea,select{border:1px solid #dfe5e9;border-radius:5px;background:white;padding:10px 12px;font-size:12px;min-width:0;color:#2e4c77;width:100%}input::placeholder,textarea::placeholder{color:#a0abb4}input:focus,textarea:focus,select:focus{border-color:#6f92c1;outline:2px solid #7399cf2b}.form-stack label small,.help-text{font-size:10px;font-weight:400;color:#939fa9;line-height:1.6}textarea{resize:vertical;min-height:98px;line-height:1.6}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.divider{height:1px;background:var(--line);margin:23px 0}.panel-heading{margin-bottom:23px}.panel-heading p{font-size:11px;color:var(--muted);line-height:1.7;margin-top:8px}.signature-preview,.email-preview{border:1px solid var(--line);border-radius:6px;width:100%;background:#fff}.signature-preview{height:210px}.email-preview{height:330px}.settings-section+.settings-section{margin-top:23px}.settings-note{padding:17px;background:#f5f8fa;border:1px solid #e8eef2;border-radius:7px;font-size:11px;line-height:1.75;color:#6c82a0;margin-top:25px}.connection-card{border-bottom:1px solid var(--line);padding:18px 0}.connection-card:first-of-type{padding-top:0}.connection-card:last-of-type{border:0;padding-bottom:0}.connection-card .integration-row{padding:0}.connection-card>.button{margin-top:13px;margin-left:45px}.connection-card .help-text{margin:11px 0 0 45px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;min-height:380px;color:var(--muted);font-size:12px}.spinner{display:inline-block;width:24px;height:24px;border:2px solid #dce6ec;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;right:28px;bottom:25px;background:var(--navy);color:white;border-radius:8px;padding:15px 20px;font-size:12px;max-width:440px;box-shadow:0 8px 40px #111d3b38;z-index:50}.toast.error{background:#844d48}.alert{padding:12px 14px;font-size:11px;line-height:1.6;border:1px solid #e3e9ee;background:#f3f7fa;border-radius:6px;color:#567aa8;margin:12px 0}.alert.error{color:#9c5b53;border-color:#f0dedb;background:#fbf2ef}.alert.amber{color:#977443;border-color:#eddfc6;background:#fcf7ec}.alert ul{margin:5px 0 0;padding-left:18px}dialog{padding:0;border:0;border-radius:12px;box-shadow:0 24px 90px #0c253533;color:var(--ink);width:760px;max-width:calc(100vw - 40px);max-height:calc(100vh - 50px)}dialog::backdrop{background:#111d3b70;backdrop-filter:blur(2px)}.dialog-header{padding:23px 27px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:2;background:white}.dialog-header h2{font-size:21px;line-height:1.4}.dialog-header p{font-size:11px;color:var(--muted);margin-top:5px;line-height:1.7}.dialog-body{padding:24px 27px}.dialog-footer{padding:17px 27px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fcfdfe}.dialog-footer .help-text{max-width:270px}.order-summary{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#f6f8fa;border:1px solid #e9eef2;border-radius:7px;padding:15px 17px;margin-bottom:25px}.summary-label{font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.8px;color:#94a1aa;display:block;margin-bottom:6px}.summary-value{font-size:12px;color:#506d94;overflow-wrap:anywhere}.order-item{border:1px solid var(--line);border-radius:7px;margin:16px 0;overflow:hidden}.order-item-top{background:#fafbfc;padding:16px 17px;border-bottom:1px solid var(--line)}.order-item-top h3{font-size:12px;margin-bottom:12px}.student-label{display:flex;align-items:center;gap:12px;font-size:10px;color:#7b8e9b}.student-label input{font-size:12px;max-width:330px;flex:1}.order-item-main{padding:15px 17px}.item-hint{font-size:10px;color:#8a9ba7;line-height:1.6;margin-bottom:12px}.file-picker{max-height:190px;overflow:auto;margin-top:10px;border:1px solid #edf0f2;border-radius:5px}.file-option{display:flex;gap:9px;align-items:center;padding:10px 11px;border-bottom:1px solid #f0f3f5;cursor:pointer;font-size:11px}.file-option:last-child{border:0}.file-option:hover{background:#f5f8fa}.file-option input[type=checkbox]{accent-color:var(--blue);width:14px;height:14px;flex-shrink:0}.file-option .file-info{min-width:0;flex:1}.file-option .file-info>span{overflow-wrap:anywhere;display:block;line-height:1.5}.file-option small{display:block;color:#a0abb3;font-size:9px;margin-top:3px}.file-option .pill{font-size:8px}.selection-count{font-size:10px;color:var(--blue);margin-top:10px}.preview-section{margin-top:26px;border-top:1px solid var(--line);padding-top:23px}.preview-section>.section-heading{margin-bottom:15px}.preview-meta{font-size:11px;line-height:1.8;color:#617c9f;margin-bottom:13px;overflow-wrap:anywhere}.preview-meta strong{color:#758ba9;font-weight:500;margin-right:5px}.selected-file-list{font-size:10px;padding:11px 13px;background:#f7f9fb;border:1px solid var(--line);border-radius:5px;margin:12px 0;color:#7a8f9c;line-height:1.7}.selected-file-list strong{display:block;font-size:10px;color:#576f7f;font-weight:550}.email-actions{margin-top:15px;display:flex;gap:9px;align-items:center;flex-wrap:wrap}.invoice-lines{display:grid;gap:9px;margin:15px 0}.invoice-line{display:grid;grid-template-columns:minmax(120px,1fr) 64px 92px 30px;gap:8px;align-items:center}.invoice-labels{display:grid;grid-template-columns:minmax(120px,1fr) 64px 92px 30px;gap:8px;font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:#91a0aa}.invoice-total{font-size:12px;display:flex;justify-content:flex-end;align-items:center;gap:30px;border-top:1px solid var(--line);padding:17px 0;margin-top:14px;color:#84949f}.invoice-total strong{font-family:Manrope,sans-serif;font-size:22px;color:#1c427a}.manual-item{border:1px solid var(--line);padding:15px;border-radius:6px;margin-bottom:12px;display:grid;gap:12px}.login-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:linear-gradient(140deg,#e9eff3,#f8fafb 55%,#eaf0f4)}.login-card{width:440px;max-width:100%;background:white;padding:40px;border-radius:13px;border:1px solid #e4ebf0;box-shadow:0 12px 75px #173c5312}.login-logo{display:block;width:140px;height:68px;object-fit:contain;object-position:left center;margin-bottom:30px}.login-card h1{font-size:25px;margin:13px 0 12px}.login-card>.muted{font-size:12px;margin-bottom:26px}.login-card .button{margin-top:7px}.login-note{text-align:center;font-size:10px;color:#98a6b0;margin-top:26px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1450px){main#main{padding:45px 55px}.topbar,.workspace-footer{padding-left:55px;padding-right:55px}.photo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}td{padding-top:23px;padding-bottom:23px}}
@media(max-width:1150px){.sidebar{width:210px;padding-left:16px;padding-right:16px}.workspace{margin-left:210px}.topbar{padding:0 28px}main#main{padding:30px 28px}.workspace-footer{padding-left:28px;padding-right:28px}.table-toolbar{flex-wrap:wrap}.table-toolbar .search-field{flex:1}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr}.customer-cell .avatar{display:none}th,td{padding-left:16px;padding-right:16px}.bottom-grid{gap:15px}.panel-padding{padding:20px}.brand strong{font-size:13px}.brand-mark{width:40px;height:40px;font-size:23px}.heading-actions{max-width:250px;justify-content:flex-end}}
@media(max-width:760px){.app-shell{display:block}.sidebar{width:auto;position:sticky;top:0;bottom:auto;right:0;padding:14px 18px 10px;display:block}.brand{margin:0 0 14px;gap:10px}.brand-mark{width:29px;height:29px;font-size:17px;border-radius:5px}.brand-mark span{font-size:13px;top:-8px;right:-3px}.brand strong{font-size:13px}.brand small{display:inline;font-size:8px;margin-left:10px;letter-spacing:1.3px}.sidebar-caption,.sidebar-account{display:none}nav{display:flex;gap:4px}nav a{flex:1;padding:9px 7px;font-size:10px;justify-content:center;gap:7px}nav a svg{width:15px;height:15px}.nav-count{display:none}.workspace{margin:0}.topbar{height:53px;padding:0 20px}.breadcrumb{font-size:10px}.topbar-right{gap:0}.owner-access{display:none}.topbar .pill{font-size:8px}main#main{padding:25px 20px 32px}.page-heading{align-items:flex-start;margin-bottom:23px;gap:10px}.page-heading h1{font-size:26px}.page-heading p{font-size:11px;margin-top:7px;max-width:270px}.heading-actions{gap:6px;max-width:150px}.heading-actions .button{font-size:10px;min-height:34px;padding:7px 10px}.heading-actions .button svg{width:13px;height:13px}.demo-banner{font-size:10px;padding:11px 12px;margin-bottom:19px}.section-heading h2{font-size:15px}.table-toolbar{padding:12px;gap:10px;align-items:stretch}.filter-tabs{width:100%;justify-content:space-between;gap:0}.filter-tab{font-size:10px;padding:8px}.table-toolbar .search-field{min-width:100%;width:100%}table{min-width:560px}th,td{padding:14px}.table-footer{padding:12px;font-size:9px}.bottom-grid{grid-template-columns:1fr;margin-top:18px}.workspace-footer{padding:17px 20px;font-size:8px}.workspace-footer span:last-child{max-width:170px;text-align:right}.photo-grid{padding:13px;gap:10px;grid-template-columns:1fr}.photo-card{padding:14px}.photo-art{height:40px}.settings-grid>.panel{padding:20px}.form-stack{gap:16px}.field-row{gap:12px}dialog{max-width:calc(100vw - 20px);max-height:calc(100dvh - 30px);border-radius:9px}.dialog-header{padding:19px}.dialog-header h2{font-size:18px}.dialog-body{padding:18px}.dialog-footer{padding:15px 18px;align-items:flex-start;flex-direction:column}.dialog-footer .button-group{width:100%;justify-content:flex-end}.order-summary{gap:12px;padding:12px}.summary-value{font-size:11px}.order-item-top,.order-item-main{padding:13px}.student-label{display:grid;gap:7px}.student-label input{max-width:none}.order-item-top h3{margin-bottom:10px}.file-option{font-size:10px;padding:10px 8px;gap:6px}.file-option .pill{display:none}.invoice-line,.invoice-labels{grid-template-columns:minmax(100px,1fr) 46px 72px 25px;gap:5px}.invoice-line input{padding:9px 7px;font-size:11px}.invoice-line .icon-button{padding:4px}.toast{right:15px;left:15px;bottom:15px;max-width:none}.login-card{padding:28px}.preview-meta{font-size:10px}.email-actions .button{font-size:10px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.brand-logo{display:flex;width:48px;height:48px;align-items:center;justify-content:center;flex-shrink:0}.brand-logo img{display:block;width:100%;height:100%;object-fit:contain;filter:none;opacity:1}@media(max-width:760px){.brand-logo{width:40px;height:40px}}

.connection-actions{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0 0 45px}.connection-setup{margin:15px 0 0 45px;font-size:11px}.connection-setup summary{cursor:pointer;color:var(--blue);font-weight:600}.connection-setup>p{color:var(--muted);line-height:1.7;margin:13px 0}.connection-setup .form-stack{gap:13px}.connection-setup input[readonly]{font-size:10px;background:var(--paper)}.connection-setup button{justify-self:start}.connection-card .help-text{overflow-wrap:anywhere}.connection-setup .help-text{margin:0}@media(max-width:760px){.connection-setup,.connection-actions{margin-left:0}}

.signature-editor{font-size:11px}.signature-editor summary{cursor:pointer;color:var(--blue);font-weight:600}.signature-editor label{margin-top:14px}

/* Each order keeps its own labeled progress line. */
.progress-orange{--progress-color:#dc812c;--progress-text:#a95413}
.progress-yellow{--progress-color:#d8b322;--progress-text:#806500}
.progress-blue{--progress-color:#315da1;--progress-text:#244d8c}
.progress-green{--progress-color:#40936a;--progress-text:#286b49}
.order-progress{width:168px;max-width:100%;color:var(--progress-text)}
.progress-status{display:block;font-size:11px;font-weight:600;line-height:1.4;margin-bottom:10px;white-space:nowrap}
.progress-stages{display:flex;list-style:none;margin:0;padding:0}
.progress-stage{position:relative;flex:1;min-width:0;text-align:center;color:#8592a6}
.progress-stage:before{content:'';position:absolute;height:2px;top:4px;left:-50%;width:100%;background:#dfe6ef}
.progress-stage:first-child:before{display:none}
.progress-node{position:relative;z-index:1;display:block;width:10px;height:10px;margin:0 auto 7px;border:2px solid #d1dbe8;border-radius:50%;background:#fff}
.progress-stage.is-past:before,.progress-stage.is-past+.is-current:before{background:var(--progress-color)}
.progress-stage.is-past .progress-node{border-color:var(--progress-color);background:var(--progress-color)}
.progress-stage.is-current .progress-node{border-color:var(--progress-color);background:var(--progress-color);box-shadow:0 0 0 3px white,0 0 0 4px var(--progress-color)}
.progress-stage.is-past,.progress-stage.is-current{color:var(--progress-text)}
.progress-stage.is-current .progress-stage-label{font-weight:650}
.progress-stage-label{display:block;font-size:8px;line-height:1.5;white-space:nowrap}
.progress-legend{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.progress-legend>span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;color:#6f7e94}
.progress-legend>span:before{content:'';display:inline-block;width:6px;height:6px;background:var(--progress-color);border-radius:50%}
.orders-footer{align-items:center;flex-wrap:wrap;row-gap:10px}
.order-summary .order-progress{width:240px;padding-top:3px}
.order-summary .progress-stage-label{font-size:9px}
.orders-table td:last-child,.orders-table th:last-child{padding-left:4px;padding-right:16px;width:28px}
@media(max-width:1150px){.orders-table th,.orders-table td{padding-left:12px;padding-right:12px}.orders-table td:last-child,.orders-table th:last-child{padding-left:0;padding-right:10px}.orders-table td:nth-child(3) .subtext{white-space:normal;min-width:95px}.progress-legend{gap:10px}}
@media(max-width:760px){.orders-table{min-width:640px}.order-summary .order-progress{width:100%}.order-summary>div:first-child{grid-column:1 / -1}.order-summary .progress-stage-label{font-size:10px}.progress-legend{gap:10px 13px}}

/* Keep choosing a file separate from inspecting its image. */
.file-select{display:flex;align-items:center;gap:10px;flex:1;min-width:0;cursor:pointer;padding:4px 0}
.file-option-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.file-option .photo-preview-button{font-size:10px;min-height:30px;padding:6px 9px}
.photo-preview-panel{margin-top:15px;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#fff}
.photo-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 16px}
.photo-preview-heading>div:first-child{min-width:0}
.photo-preview-heading h3{font-family:inherit;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.photo-preview-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.photo-preview-actions a{font-size:10px;white-space:nowrap}
.drive-photo-preview{display:block;width:100%;height:420px;border:0;background:#f2f4f8}
.photo-preview-help{font-size:10px;color:var(--muted);line-height:1.6;padding:11px 16px;border-top:1px solid var(--line)}
@media(max-width:760px){.file-option-actions{gap:5px}.file-option .photo-preview-button{font-size:9px;padding:5px 7px}.file-option .photo-preview-button svg{display:none}.photo-preview-heading{padding:12px;gap:8px}.photo-preview-actions{gap:4px}.drive-photo-preview{height:360px}.photo-preview-help{padding:10px 12px}}

/* Owner password management uses the same light studio sign-in style. */
.password-card{width:480px}.account-back{display:inline-block;font-size:12px;margin-bottom:22px}.account-back:hover{text-decoration:underline;text-underline-offset:3px}.password-card .login-logo{margin-bottom:22px}.password-card .form-stack label small{color:var(--muted)}.password-signout-note{font-size:11px;color:var(--muted);line-height:1.65}.alert.success{color:var(--green);border-color:#cde4d7;background:#f0f8f3}.account-settings{margin-top:23px}.account-settings p{font-size:11px;color:var(--muted);line-height:1.7;margin:8px 0 14px}
.login-option-divider{display:flex;align-items:center;gap:12px;margin:23px 0 16px;color:var(--muted);font-size:10px}.login-option-divider:before,.login-option-divider:after{content:'';height:1px;background:var(--line);flex:1}.login-code-help{font-size:11px;color:var(--muted);line-height:1.65}.login-owner-email{font-weight:600;color:var(--ink);overflow-wrap:anywhere}.login-card input.login-code-input{font-size:24px;letter-spacing:.4em;font-variant-numeric:tabular-nums;text-align:center;padding:13px}.login-password-link{text-align:center;font-size:11px;margin-top:22px}.login-password-link a:hover{text-decoration:underline;text-underline-offset:3px}