:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}body{width:100%;min-width:320px;min-height:100vh;margin:0}#root{width:100%;min-width:0;min-height:100vh;text-align:initial;box-sizing:border-box;border:0;margin:0;padding:0;display:block}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--jlp-navy:#242729;--jlp-blue:#30bb95;--jlp-cyan:#30bb95;--jlp-cyan-soft:#e9f8f3;--jlp-bg:#f4f6f5;--jlp-card:#fff;--jlp-text:#242729;--jlp-muted:#6c7471;--jlp-border:#dce4e1;--jlp-success:#30bb95;--jlp-danger:#c94b4b;--jlp-warning:#c78b2f;--shadow-sm:0 8px 24px #24272914;--shadow-md:0 14px 40px #2427291f;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;color:var(--jlp-text);background:var(--jlp-bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top right, #30bb951a, transparent 30%), var(--jlp-bg);min-width:320px}button,input,select,textarea{font:inherit}button{border:0}.app-shell{background:var(--jlp-bg);grid-template:"brand content""sidebar content"1fr/250px minmax(0,1fr);min-height:100vh;display:grid}.brand{color:#fff;letter-spacing:-.02em;background:linear-gradient(#242729 0%,#1d2022 100%);grid-area:brand;margin:0;padding:28px 28px 12px;font-size:1.35rem;font-weight:700}.brand span{color:#30bb95}.sidebar{background:linear-gradient(#242729 0%,#1d2022 100%);flex-direction:column;grid-area:sidebar;align-self:start;gap:8px;height:calc(100vh - 72px);padding:12px 18px 24px;display:flex;position:sticky;top:72px;box-shadow:8px 0 24px #24272914}.nav-button{text-align:left;color:#ffffffc7;cursor:pointer;background:0 0;border-radius:12px;width:100%;padding:13px 15px;font-weight:600;transition:all .2s}.nav-button:hover{color:#fff;background:#ffffff14}.nav-button.active{color:#fff;background:linear-gradient(135deg,#30bb95,#279e7e);box-shadow:0 8px 20px #00000029}.nav-logout{color:#ffd8d8;margin-top:auto}.page,.app-shell>p{box-sizing:border-box;grid-area:content;width:100%;min-width:0;padding:34px}.page>*{box-sizing:border-box;width:100%;max-width:1200px;margin-left:auto;margin-right:auto}.page-header,.page-title,.pagination,.page>h1,.page>h2,.page>p{box-sizing:border-box;width:100%;max-width:1200px;margin-left:auto!important;margin-right:auto!important}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.page-header h2,.form-title h3{color:var(--jlp-navy);letter-spacing:-.03em;margin:4px 0 6px}.page-header h2{font-size:clamp(1.7rem,2.2vw,2.3rem)}.page-header p,.form-title p{color:var(--jlp-muted);margin:0}.eyebrow{color:var(--jlp-cyan);letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;font-weight:800;display:inline-block}.toolbar-card,.form-card,.produtos-page>form,.produtos-page>table,.clientes-page>table{background:var(--jlp-card);border:1px solid var(--jlp-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.toolbar-card{grid-template-columns:minmax(150px,190px) minmax(220px,1fr) auto auto;align-items:end;gap:12px;margin-bottom:16px;padding:18px;display:grid}.form-card{padding:24px}.form-title{border-bottom:1px solid var(--jlp-border);grid-column:1/-1;margin-bottom:4px;padding-bottom:18px}label{color:var(--jlp-text);font-size:.86rem;font-weight:700}input,select,textarea{width:100%;min-height:44px;color:var(--jlp-text);background:#fff;border:1px solid #cbd6d2;border-radius:10px;outline:none;margin-top:6px;padding:10px 12px;transition:border-color .18s,box-shadow .18s,background .18s}input:hover,select:hover,textarea:hover{border-color:#aabbb5}input:focus,select:focus,textarea:focus{border-color:var(--jlp-cyan);box-shadow:0 0 0 4px #30bb9524}input[type=checkbox]{width:20px;height:20px;min-height:20px;accent-color:var(--jlp-blue);margin:8px 0 0}.cliente-form{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;display:grid}.cliente-form>label{grid-column:span 4}.cliente-form>label:first-of-type,.cliente-form>label:nth-of-type(4){grid-column:span 8}.cliente-form>p{color:var(--jlp-warning);grid-column:1/-1;margin:-8px 0 0;font-size:.86rem;font-weight:600}.btn,.produtos-page button,.clientes-page button{cursor:pointer;border-radius:10px;min-height:42px;padding:10px 16px;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s}.btn:hover:not(:disabled),.produtos-page button:hover:not(:disabled),.clientes-page button:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled,.produtos-page button:disabled,.clientes-page button:disabled{cursor:not-allowed;opacity:.55}.btn-primary,.produtos-page form button[type=submit]{color:#fff;background:linear-gradient(135deg, var(--jlp-blue), var(--jlp-navy));box-shadow:0 8px 18px #30bb9538}.btn-accent{color:#173b32;background:linear-gradient(135deg,#5dd0b0,#30bb95)}.form-action{place-self:end start}.form-message{background:var(--jlp-cyan-soft);border:1px solid #bfe7dc;border-radius:10px;grid-column:1/-1;padding:12px 14px;color:var(--jlp-blue)!important}table{border-collapse:collapse;background:#fff;width:100%;overflow:hidden}.clientes-page>table,.produtos-page>table{margin-top:16px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #edf1f5;padding:13px 14px}th{color:#56615d;letter-spacing:.04em;text-transform:uppercase;background:#f8fafc;font-size:.76rem;font-weight:800}tbody tr{transition:background .15s}tbody tr:hover{background:#f0faf7}.clientes-page>p{color:var(--jlp-muted)}.clientes-page>div:not(.page-header):not(.form-card){align-items:center;gap:10px;margin:14px 0;display:flex}.produtos-page>p:first-child{display:none}.produtos-page>form{grid-template-columns:minmax(240px,1fr) auto auto;gap:12px;margin-bottom:16px;padding:18px;display:grid}.produtos-page>form input{margin-top:0}.produtos-page>div{margin:14px 0;padding:16px}.produtos-page video{background:#0c1c29;border-radius:14px}.login-page{background:linear-gradient(#242729e0,#242729f5),radial-gradient(circle at 100% 0,#30bb9580,#0000 38%),#242729;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border-radius:var(--radius-lg);background:#fffffff7;border:1px solid #ffffff2e;width:min(100%,430px);padding:34px;box-shadow:0 24px 70px #00000042}.login-card h1{color:var(--jlp-navy);letter-spacing:-.04em;margin:0;font-size:2rem}.login-card>p{color:var(--jlp-muted);margin:8px 0 24px}.login-form{gap:16px;display:grid}.login-form button{color:#fff;background:linear-gradient(135deg, var(--jlp-blue), var(--jlp-navy));cursor:pointer;border-radius:10px;min-height:46px;margin-top:4px;font-weight:800;box-shadow:0 10px 24px #30bb953d}@media (width<=1100px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.page{padding:26px}.cliente-form>label,.cliente-form>label:first-of-type,.cliente-form>label:nth-of-type(4){grid-column:span 6}.toolbar-card{grid-template-columns:1fr 2fr}}@media (width<=760px){.app-shell{min-height:100vh;display:block}.brand{padding:18px 18px 10px}.sidebar{flex-flow:wrap;height:auto;min-height:auto;padding:10px 14px 14px;position:static;top:auto}.nav-button{text-align:center;flex:auto;width:auto}.nav-logout{margin-top:0}.page,.app-shell>p{padding:18px}.toolbar-card,.produtos-page>form{grid-template-columns:1fr}.cliente-form{grid-template-columns:1fr;padding:18px}.cliente-form>label,.cliente-form>label:first-of-type,.cliente-form>label:nth-of-type(4),.form-title,.form-message{grid-column:1}.clientes-page,.produtos-page{overflow-x:hidden}.clientes-page>table,.produtos-page>table{white-space:nowrap;display:block;overflow-x:auto}.form-action{justify-self:stretch;width:100%}}@media (width<=620px){.produto-editor .form-actions{flex-direction:column-reverse;align-items:stretch}.produto-editor .form-actions .btn{width:100%}}.cliente-editor{gap:18px;display:grid}.editor-breadcrumb{color:var(--jlp-muted);font-size:.9rem;font-weight:700}.editor-breadcrumb span{color:var(--jlp-success);margin:0 8px}.form-section{border:1px solid var(--jlp-border);border-radius:var(--radius-md);background:var(--jlp-card);box-shadow:var(--shadow-sm);padding:22px}.section-heading{border-bottom:1px solid var(--jlp-border);margin-bottom:18px;padding-bottom:14px}.section-heading h3{color:var(--jlp-navy);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:1rem}.section-heading p{color:var(--jlp-muted);margin:6px 0 0;font-size:.86rem}.form-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:16px;display:grid}.field{min-width:0}.field-span-1{grid-column:span 1}.field-span-2{grid-column:span 2}.field-span-3{grid-column:span 3}.field-span-4{grid-column:span 4}.field-span-6{grid-column:span 6}.field-span-7{grid-column:span 7}.field-span-8{grid-column:span 8}.field-span-10{grid-column:span 10}.field-span-12{grid-column:1/-1}.checkbox-field{flex-direction:column;justify-content:flex-end;align-self:stretch;display:flex}.checkbox-line{border:1px solid var(--jlp-border);background:#f8faf9;border-radius:10px;align-items:center;gap:9px;min-height:44px;margin-top:6px;padding:0 12px;font-weight:600;display:flex}.checkbox-line input[type=checkbox]{width:20px;height:20px;min-height:20px;margin:0}.form-actions{justify-content:flex-end;align-items:center;gap:12px;width:100%;padding:4px 0 12px;display:flex}.form-actions .btn{min-width:120px}.btn-primary{color:#fff;background:var(--jlp-success);box-shadow:0 8px 18px #30bb953d}.btn-primary:hover:not(:disabled){background:#29aa87}.btn-secondary{color:var(--jlp-navy);background:#fff;border:1px solid #cfd8d5}.form-message{background:var(--jlp-cyan-soft);border:1px solid #bfe7dc;border-radius:10px;margin:0;padding:12px 14px;font-size:.9rem;font-weight:700;color:#236f5a!important}.cliente-form .form-actions{grid-column:1/-1}@media (width<=900px){.field-span-1,.field-span-2,.field-span-3,.field-span-4,.field-span-6,.field-span-7,.field-span-8,.field-span-10{grid-column:span 6}.field-span-12{grid-column:1/-1}}@media (width<=620px){.form-section{padding:16px}.form-grid{grid-template-columns:1fr}.field-span-2,.field-span-3,.field-span-4,.field-span-6,.field-span-7,.field-span-8,.field-span-12{grid-column:1}.form-actions{flex-direction:column-reverse;align-items:stretch}.form-actions .btn{width:100%}}.cliente-editor{gap:20px;width:100%;max-width:1200px;margin:0 auto;flex-direction:column!important;align-items:stretch!important;display:flex!important}.cliente-editor .editor-breadcrumb{width:100%;margin:0;display:block}.cliente-editor .form-message{box-sizing:border-box;width:100%;margin:0;display:block}.cliente-editor .client-form-sections{gap:20px;width:100%;max-width:none;flex-direction:column!important;display:flex!important}.cliente-editor .form-section{box-sizing:border-box;width:100%;max-width:none;margin:0;display:block}.cliente-editor .form-actions{gap:12px;width:100%;margin-top:4px;flex-direction:row!important;justify-content:flex-end!important;align-items:center!important;display:flex!important}.pagination-card{background:var(--jlp-card);border:1px solid var(--jlp-border);border-radius:var(--radius-md);width:100%;max-width:1200px;min-height:64px;box-shadow:var(--shadow-sm);box-sizing:border-box;justify-content:center;align-items:center;gap:12px;padding:12px 16px;display:flex;grid-column:1/-1!important;justify-self:center!important;margin:16px auto!important}@media (width<=620px){.pagination-card{flex-wrap:wrap;padding:14px}}.clientes-page .pagination-card,.produtos-page .pagination-card{width:100%;max-width:1200px;min-height:64px;padding:12px 16px;grid-column:1/-1!important;justify-self:center!important;margin-left:auto!important;margin-right:auto!important}.produto-editor{flex-direction:column;gap:20px;width:100%;max-width:1200px;margin:0 auto;display:flex}.produto-form-sections{flex-direction:column;gap:20px;width:100%;display:flex}.produto-editor .form-section{box-sizing:border-box;width:100%}.produto-editor .form-actions{justify-content:flex-end;align-items:center;gap:12px;width:100%;display:flex}.table-row-clickable{cursor:pointer;transition:background .15s}.table-row-clickable:hover{background:#30bb9514}.produto-editor .form-grid>label{min-width:0}.produto-editor .form-grid>label input{box-sizing:border-box;width:100%}