:root{color:#102a4c;background:#f4f7fb;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.35}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;border:0}.app{max-width:780px;min-height:100vh;margin:auto;padding-bottom:78px}header{background:#fff;border-bottom:3px solid #102a4c;justify-content:space-between;align-items:center;height:92px;padding:18px 24px;display:flex}.brand{align-items:center;gap:11px;display:flex}.brandmark{color:#fff;background:#102a4c;border-radius:12px;place-items:center;width:42px;height:42px;font-size:21px;font-weight:900;display:grid}.brand h1{color:#102a4c;margin:0;font-size:20px}.brand small{color:#526985}.header-actions{align-items:center;gap:10px;display:flex}.logo-slot{color:#607694;text-align:center;background:#f7f9fc;border:1px dashed #8093ad;border-radius:8px;padding:6px 9px;font-size:10px}.logo-slot small{margin-top:2px;font-size:9px;display:block}.user{color:#102a4c;background:#e9eff7;border-radius:22px;padding:10px 14px;font-size:13px}main{padding:25px 24px}.welcome{justify-content:space-between;align-items:center;margin:12px 0 23px;display:flex}.eyebrow{letter-spacing:1.2px;color:#315f91;margin:0 0 5px;font-size:11px;font-weight:800}.welcome h2,.pagehead h2{letter-spacing:-.8px;color:#102a4c;margin:0 0 4px;font-size:30px}.welcome p:not(.eyebrow),.pagehead p{color:#607694;margin:0}.sun{background:#e7eef7;border-radius:50%;padding:15px;font-size:45px}.hero{color:#fff;text-align:left;background:#102a4c;border-radius:18px;align-items:center;gap:16px;width:100%;padding:21px;display:flex;box-shadow:0 8px 20px #102a4c24}.hero span{background:#294d76;border-radius:14px;padding:11px;font-size:30px}.hero strong{font-size:18px;display:block}.hero small{color:#d1deed}.hero b{margin-left:auto;font-size:25px}.quick{grid-template-columns:repeat(3,1fr);gap:11px;margin:18px 0 29px;display:grid}.quick button{text-align:center;background:#fff;border:1px solid #d8e1ed;border-radius:14px;padding:16px 8px}.quick button:first-letter{font-size:22px}.quick strong,.quick small{display:block}.quick strong{color:#102a4c;margin-top:8px;font-size:14px}.quick small{color:#6d8099;margin-top:3px;font-size:11px}.section-title{justify-content:space-between;align-items:center;display:flex}.section-title h3{color:#102a4c;margin:0 0 11px;font-size:16px}.section-title button,.link{color:#245d96;background:0 0;font-size:13px}.docrow{border-bottom:1px solid #dfe7f0;align-items:center;gap:12px;padding:14px 2px;display:flex}.docicon{background:#e7eef7;border-radius:11px;padding:10px;font-size:19px}.docrow div{flex:1}.docrow strong,.docrow small{display:block}.docrow small{color:#71849c;margin-top:3px;font-size:12px}.docrow>b{color:#102a4c;font-size:14px}.empty{text-align:center;color:#6d8099;background:#fff;border:1px dashed #b7c7da;border-radius:15px;padding:28px}.empty span{margin-bottom:7px;font-size:29px;display:block}.empty strong{color:#203e61;display:block}.empty p{margin:4px 0 0;font-size:13px}.tip,.flash{background:#edf3fa;border:1px solid #cbd9e9;border-radius:12px;align-items:flex-start;gap:10px;margin-top:17px;padding:13px;font-size:13px;display:flex}.flash{background:#e8f0fa;border-color:#b8cbe1;margin-top:0;margin-bottom:14px}.flash button{background:0 0;margin-left:auto;font-size:18px}.panel{background:#fff;border:1px solid #d8e1ed;border-radius:18px;padding:22px;box-shadow:0 4px 16px #102a4c0b}.pagehead{align-items:flex-start;gap:12px;margin-bottom:22px;display:flex}.back{color:#245d96;background:0 0;padding:3px 0;font-weight:700}.voicebox{background:#edf3fa;border-radius:15px;align-items:center;gap:14px;margin-bottom:20px;padding:14px;display:flex}.mic{color:#fff;background:#102a4c;border-radius:50%;width:54px;height:54px;font-size:25px}.mic.active{color:#fff;background:#c85454;animation:1s infinite pulse}.voicebox strong{color:#102a4c;font-size:15px}.voicebox p{color:#607694;margin:3px 0 0;font-size:12px}label{color:#203e61;margin:15px 0 7px;font-size:13px;font-weight:700;display:block}select,input,textarea{color:#203e61;background:#fff;border:1px solid #c5d2e1;border-radius:9px;width:100%;padding:11px}textarea{resize:vertical;min-height:70px}.seg{gap:7px;display:flex}.seg button{background:#edf1f6;border-radius:9px;flex:1;padding:10px;font-size:12px}.seg .selected{color:#102a4c;background:#d8e5f3;font-weight:800}.items-title{justify-content:space-between;align-items:center;display:flex}.items-title label{margin-bottom:7px}.item{grid-template-columns:1fr 74px 92px 28px;gap:6px;margin-bottom:8px;display:grid}.item input{padding:10px 7px}.remove{color:#bb5c4b;background:#fff0ed;border-radius:8px;font-size:20px}.totals{border-top:1px solid #dfe7f0;grid-template-columns:1fr auto;gap:8px;margin:18px 0;padding:15px 0;display:grid}.totals span{color:#607694;font-size:13px}.totals input{text-align:right;width:100px;padding:5px}.totals strong{font-size:14px}.totals .grand{color:#102a4c;margin-top:4px;font-size:20px;font-weight:900}.confirm{border-top:1px solid #dfe7f0;align-items:center;gap:10px;margin-top:20px;padding-top:16px;display:flex}.confirm p{color:#607694;margin:4px 0 0;font-size:12px}.primary{color:#fff;background:#102a4c;border-radius:10px;margin-left:auto;padding:13px 15px;font-weight:800}.doccard{border:1px solid #d8e1ed;border-radius:13px;margin-bottom:10px;padding:4px 13px 13px}.outline{color:#245d96;background:#f4f8fd;border:1px solid #a9bfd8;border-radius:9px;width:100%;margin-top:8px;padding:10px}.listrow{color:#203e61;border-bottom:1px solid #dfe7f0;padding:16px 4px;font-weight:600}nav{z-index:2;background:#fff;border-top:1px solid #c9d6e5;justify-content:space-around;width:min(780px,100%);padding:9px 12px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}nav button{color:#71849c;background:0 0;min-width:90px;font-size:23px}nav button span{margin-top:2px;font-size:10px;display:block}nav button.on,nav button:nth-child(2){color:#102a4c;font-weight:800}@keyframes pulse{50%{box-shadow:0 0 0 8px #c8545440}}@media (width<=520px){main{padding:19px 15px}.item{grid-template-columns:1fr 55px 78px 25px}.panel{padding:16px}.confirm{flex-direction:column;align-items:stretch}.primary{width:100%;margin-left:0}.welcome h2{font-size:27px}.header-actions{gap:5px}.logo-slot{padding:5px;font-size:8px}.logo-slot small{font-size:8px}}@page{size:A4;margin:10mm}@media print{html,body,#root{background:#fff!important;margin:0!important;padding:0!important}header,nav,.back,.voicebox,.flash,.pagehead,.document-actions,.docrow{display:none!important}.app{max-width:none!important}.panel,.documents-page{box-shadow:none!important;border:0!important;margin:0!important;padding:0!important}.documents-page .doccard:not(.print-target){display:none!important}.doccard.print-target{break-inside:auto;page-break-inside:auto;visibility:visible!important;border:0!important;width:100%!important;margin:0!important;padding:0!important;display:block!important;position:absolute!important;top:0!important;left:0!important}.doccard.print-target *{visibility:visible!important}.document-preview{break-inside:auto;page-break-inside:auto;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;font-size:10pt!important;display:block!important}.document-preview table{page-break-inside:auto;font-size:9pt!important}.document-preview thead{display:table-header-group}.document-preview tr{break-inside:avoid;page-break-inside:avoid}.document-preview th,.document-preview td{padding:4px 3px!important}.document-logo{border:1px dashed #8093ad!important}.document-notes{break-inside:avoid;page-break-inside:avoid}}.client-summary{color:#526985;background:#f4f8fd;border:1px solid #d8e4f0;border-radius:12px;gap:4px;margin:12px 0 18px;padding:13px;display:grid}.client-summary strong{color:#102a4c;font-size:16px}.client-summary span{font-size:13px}.client-summary label{margin:8px 0 0}.client-summary input{margin-top:6px}.catalog-picks{border-top:1px solid #dfe7f0;margin-top:14px;padding-top:12px}.catalog-picks .items-title{align-items:baseline;gap:10px}.catalog-picks .items-title small{color:#71849c;font-size:11px}.product-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:340px;padding:2px;display:grid;overflow:auto}.product-buttons button{text-align:left;color:#203e61;background:#fff;border:1px solid #c5d5e6;border-radius:9px;padding:10px;font-size:12px}.product-buttons button:hover,.product-buttons button:focus{background:#eaf1f9;border-color:#245d96}.product-buttons small{color:#71849c;margin-top:3px;font-size:10px;display:block}@media (width<=520px){.product-buttons{grid-template-columns:1fr;max-height:300px}}.document-preview{color:#203e61;background:#fff;border:1px solid #d8e1ed;border-radius:10px;margin:14px 0 10px;padding:13px;font-size:11px}.document-top,.document-client{border-bottom:1px solid #dfe7f0;justify-content:space-between;gap:14px;margin-bottom:10px;padding-bottom:10px;display:flex}.document-top div:first-child,.document-client>div{gap:2px;display:grid}.document-top strong{color:#102a4c;font-size:13px}.document-top span,.document-client span{color:#607694}.document-logo{color:#607694;border:1px dashed #8093ad;border-radius:6px;place-items:center;min-width:52px;height:34px;font-size:10px;display:grid}.document-client b{color:#102a4c;font-size:10px}.document-preview table{border-collapse:collapse;width:100%;font-size:10px}.document-preview th,.document-preview td{text-align:left;vertical-align:top;border-bottom:1px solid #edf1f6;padding:6px 4px}.document-preview th{color:#315f91;background:#f1f5fa;font-size:9px}.document-preview th:first-child,.document-preview td:first-child{width:28px}.document-preview th:nth-child(4),.document-preview td:nth-child(4){text-align:center}.document-preview th:nth-child(n+5),.document-preview td:nth-child(n+5){text-align:right;white-space:nowrap}.document-totals{color:#607694;justify-items:end;gap:3px;margin-top:10px;display:grid}.document-totals span,.document-totals strong{gap:18px;display:flex}.document-totals strong{color:#102a4c;font-size:14px}.document-notes{color:#607694;border-top:1px solid #dfe7f0;margin:8px 0 0;padding-top:9px}.voice-action{color:#fff;background:#102a4c;border-radius:12px;width:100%;padding:15px;font-size:16px;font-weight:800}.voice-help{color:#607694;text-align:center;margin:7px 0 15px;font-size:12px}.mic{width:64px;height:64px;transition:background .2s,transform .2s}.mic.active{background:#d84545;transform:scale(1.06)}.listrow{align-items:center;gap:10px;display:flex}.listrow>div{flex:1}.listrow strong,.listrow small{display:block}.listrow small{color:#71849c;margin-top:4px;font-size:12px;font-weight:400}.edit-button{color:#245d96;background:#e8f0fa;border-radius:8px;padding:9px 11px;font-size:12px;font-weight:800}.edit-card{background:#f8fafd;border:1px solid #cbd9e9;border-radius:13px;margin:10px 0;padding:5px 14px 14px}.edit-card label{margin-top:12px}.edit-actions{gap:8px;margin-top:16px;display:flex}.edit-actions .outline,.edit-actions .primary{flex:1;margin:0}.edit-actions .primary{padding:10px}.document-actions{gap:8px;display:flex}.document-actions .outline,.document-actions .whatsapp-button{flex:1;margin-top:0}.whatsapp-button{color:#16743b;background:#e8f7ed;border:1px solid #a9d8b8;border-radius:9px;padding:10px 13px;font-size:12px;font-weight:800}.delete-button{color:#a7473d;background:#fff0ed;border:1px solid #edc5bd;border-radius:9px;padding:10px 13px;font-size:12px;font-weight:800}.voice-live{color:#24496f;background:#eef5fb;border-radius:9px;margin-top:8px;padding:9px 11px;font-size:13px;line-height:1.35}.voice-live.global{border:1px solid #cbdced;margin:0 0 12px}.voice-live b{color:#102a4c}.row-actions{align-items:center;gap:7px;display:flex}.delete-button.compact{padding:8px 10px;font-size:11px}.admin-tabs{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:18px;display:grid}.admin-tabs button{background:#edf1f6;border:1px solid #d5dfeb;border-radius:9px;padding:11px 5px;font-size:12px}.admin-tabs button.selected{color:#fff;background:#102a4c}.admin-cards{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.admin-cards>div{background:#edf3fa;border:1px solid #d5e1ee;border-radius:12px;padding:13px 9px}.admin-cards small,.admin-cards strong{display:block}.admin-cards small{color:#607694;font-size:11px}.admin-cards strong{color:#102a4c;margin-top:5px;font-size:16px}.admin-form{gap:8px;margin-bottom:15px;display:grid}.admin-form .primary{margin:0}.admin-list{border-top:1px solid #dfe7f0}.admin-row{color:#203e61;border-bottom:1px solid #dfe7f0;align-items:center;gap:8px;padding:12px 2px;display:flex}.admin-row span{flex:1}.admin-row small,.stock-row small{color:#71849c;margin-top:3px;font-size:11px;display:block}.admin-row b{color:#102a4c}.stock-row{border-bottom:1px solid #dfe7f0;align-items:center;gap:10px;padding:10px 2px;display:flex}.stock-row>span{flex:1}.stock-row input{max-width:120px}.upload-box{text-align:center;color:#245d96;cursor:pointer;background:#edf3fa;border:1px dashed #8da7c3;border-radius:12px;padding:22px;display:block}.upload-box input{display:none}.copy-button{width:100%;margin:8px 0 0}@media (width<=520px){.admin-tabs{grid-template-columns:repeat(2,1fr)}.admin-cards strong{font-size:13px}}.manual-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.manual-actions .voice-action{width:100%}.manual-button{color:#245d96;background:#e8f0fa;border:1px solid #abc1d9;border-radius:12px;padding:15px;font-size:16px;font-weight:800}.edit-card h3{color:#102a4c;margin:12px 0 4px;font-size:16px}.accessibility-large{font-size:18px}.header-logo{object-fit:contain;object-position:left center;width:auto;max-width:250px;height:56px;display:block}.user{align-items:center;gap:9px;display:flex}.user-avatar{object-fit:cover;background:#fff;border:2px solid #d1deed;border-radius:50%;width:40px;height:40px}.user-label{white-space:nowrap}@media (width<=520px){.header-logo{max-width:180px;height:46px}.user{background:0 0;padding:6px}.user-label{display:none}.user-avatar{width:44px;height:44px}}.login-screen{background:#f4f7fb;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{text-align:center;background:#fff;border:1px solid #cbd9e9;border-radius:20px;width:min(440px,100%);padding:34px 26px;box-shadow:0 8px 25px #102a4c18}.login-card .brandmark{margin:0 auto 14px}.login-card h1{color:#102a4c;margin:0;font-size:32px}.login-card p{color:#607694;margin:5px 0 28px}.login-card h2{color:#102a4c;margin:0 0 18px;font-size:22px}.login-card small{color:#607694;margin-top:15px;font-size:14px;display:block}.login-button{width:100%;margin:0}:root{font-size:18px;line-height:1.5}.brand small{font-size:14px}.user{padding:12px 16px;font-size:16px}.welcome p:not(.eyebrow),.pagehead p,.quick strong{font-size:17px}.section-title h3{font-size:19px}select,input,textarea{padding:14px;font-size:17px}.voicebox strong,.voice-action,.manual-button{font-size:18px}.listrow strong{font-size:17px}.listrow small{font-size:14px}.admin-tabs button{padding:14px 7px;font-size:16px}.admin-cards small{font-size:14px}.admin-cards strong{font-size:19px}.admin-row{font-size:17px}.admin-row small,.stock-row small{font-size:14px}nav button span{font-size:13px}@media (width<=520px){.welcome h2,.pagehead h2{font-size:30px}.header-actions .logo-slot{display:none}.quick strong{font-size:16px}.admin-tabs button{font-size:15px}.item{grid-template-columns:1fr 62px 88px 30px}}.client-choice-head{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.client-choice-head label{margin:0}.guest-choice{min-height:48px;font-weight:700}.guest-client{background:#f4f8ff;border:3px solid #1f477d;border-radius:14px;gap:12px;margin-top:12px;padding:18px;display:grid}.guest-client>strong{color:#173b6b;font-size:1.2rem}.guest-client input{min-height:48px;font-size:1.1rem}.document-logo{justify-content:flex-end;align-items:center;width:125px;min-width:125px;height:58px;display:flex}.document-logo img{object-fit:contain;max-width:125px;max-height:58px}.catalog-search-label{margin:12px 0 10px;font-size:17px}.product-search{min-height:52px;margin-top:6px;font-size:18px}.quantity-select,.quantity-more{min-height:50px;font-size:18px}.quantity-more{padding:10px 7px}.item{align-items:center}.product-buttons button{min-height:58px;font-size:16px}.product-buttons small{font-size:13px}.items-table-head{color:#526985;grid-template-columns:1fr 92px 94px 34px;gap:7px;margin:14px 0 6px;padding:0 4px;font-size:14px;font-weight:800;display:grid}.items-table-head span:nth-child(2),.items-table-head span:nth-child(3){text-align:center}.price-field{align-items:center;gap:4px;min-width:0;display:flex}.price-field span{color:#526985;font-size:16px;font-weight:800}.price-field input{min-width:0}.quantity-control{grid-template-columns:1fr 1fr;gap:4px;min-width:0;display:grid}.quantity-control select,.quantity-control input{width:100%;min-width:0;padding:10px 4px}.quantity-control input{font-size:17px}.listrow .row-actions{flex-shrink:0;justify-content:flex-end;margin-left:auto}:root{font-size:20px}.brand h1{font-size:25px}.welcome h2,.pagehead h2{font-size:36px}label{font-size:18px}select,input,textarea{min-height:52px;font-size:19px}.voicebox p,.voice-help{font-size:16px}.docrow strong{font-size:19px}.docrow small{font-size:16px}.primary,.outline,.edit-button,.delete-button{padding:16px 18px;font-size:18px}@media (width<=520px){.welcome h2,.pagehead h2{font-size:32px}.product-buttons button,.catalog-search-label{font-size:18px}.item{grid-template-columns:minmax(0,1fr) 92px 94px 34px;gap:7px}}.review-banner{color:#624d13;background:#fff8df;border:2px solid #e4bd55;border-radius:12px;gap:5px;margin:14px 0;padding:14px;font-size:18px;font-weight:700;display:grid}.review-banner span{font-weight:500}.client-profile{background:#f4f8fd;border:2px solid #cbd9e9;border-radius:16px;grid-template-columns:auto 1fr;align-items:start;gap:14px;margin:4px 0 22px;padding:18px;display:grid}.client-profile-avatar{color:#fff;background:#102a4c;border-radius:50%;place-items:center;width:58px;height:58px;font-size:28px;display:grid}.client-profile-main h3{color:#102a4c;margin:0 0 6px;font-size:24px}.client-profile-main p{color:#526985;margin:3px 0;font-size:16px}.client-profile-actions{grid-column:1/-1;gap:8px;display:flex}.client-profile-actions button{flex:1;margin:0}.client-page-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.client-page-heading h3{color:#102a4c;margin:0;font-size:21px}.client-page-heading span{color:#607694;font-size:14px}.client-document-row{border-bottom:1px solid #dfe7f0;align-items:center;gap:12px;padding:15px 3px;display:flex}.client-document-row>div{flex:1}.client-document-row strong,.client-document-row small{display:block}.client-document-row strong{color:#102a4c;font-size:17px}.client-document-row small{color:#607694;margin-top:4px;font-size:14px}.client-document-row .edit-button{flex-shrink:0}@media (width<=520px){.client-profile-main h3{font-size:21px}.client-profile-main p{font-size:15px}.client-document-row{flex-direction:column;align-items:flex-start}.client-document-row .edit-button{width:100%}.client-page-heading{flex-direction:column;align-items:flex-start}}.client-edit-before-save{background:#f8fbfe;border:2px solid #b9c8d8;border-radius:14px;gap:10px;margin:14px 0;padding:16px;display:grid}.client-edit-before-save strong{color:#102a4c;font-size:1.05rem}.client-history{background:#fff;border:1px solid #dce5ee;border-radius:14px;gap:8px;margin:14px 0;padding:14px;display:grid}.client-history strong{color:#102a4c}.history-row{text-align:left;color:#102a4c;background:#f8fbfe;border:1px solid #b9c8d8;border-radius:10px;padding:10px}.history-row:hover{background:#edf3f9}.hero{gap:18px;min-height:98px;padding:24px}.hero strong{font-size:23px}.hero small{margin-top:4px;font-size:16px;line-height:1.35;display:block}.hero span{padding:13px;font-size:33px}.hero b{font-size:30px}.quick button{min-height:100px;padding:18px 10px}.quick strong{font-size:20px}.quick small{font-size:16px}@media (width<=520px){.hero{min-height:106px;padding:22px 18px}.hero strong{font-size:22px}.hero small{font-size:16px}.hero span{font-size:30px}.quick button{min-height:108px}.quick strong{font-size:18px}.quick small{font-size:15px}}.client-document-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.client-document-actions button{margin:0}.client-document-preview{border-top:1px solid #cbd9e9;width:100%;margin-top:12px;padding-top:12px}.client-preview-heading{color:#102a4c;justify-content:space-between;align-items:center;gap:10px;font-size:17px;display:flex}.client-preview-heading .back{font-size:15px}@media (width<=520px){.client-document-actions{justify-content:stretch;width:100%}.client-document-actions button{flex:1}.client-preview-heading{font-size:16px}}