:root{--bg:#f5f7fb;--panel:#fff;--ink:#17212b;--muted:#6b7785;--line:#e1e6ef;--accent:#2456d3;--accent-dark:#173a7a;--accent-mid:#2b4f96;--accent-soft:#eaf0ff;--danger:#b42318;--warn:#a15c00}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}.shell{min-height:100vh;display:flex}.sidebar{background:var(--accent-dark);color:#fff;flex-direction:column;width:235px;padding:0 16px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:.6px;margin:6px 8px 26px;font-size:20px;font-weight:800}.brand span{color:#b8c9ef;letter-spacing:2px;margin-top:3px;font-size:10px;display:block}.sidebar .brandLogo{background:#fff;border-radius:0;justify-content:center;align-items:center;min-height:92px;margin:0 -16px 18px;padding:14px 16px;display:flex}.sidebar .brandLogo:hover{background:#fff}.brandLogo img{object-fit:contain;width:100%;height:auto;max-height:64px;display:block}.sidebar nav{gap:5px;display:grid}.sidebar a{color:#e1e9fb;border-radius:9px;padding:11px 12px;text-decoration:none}.sidebar a.active,.sidebar a:hover{background:var(--accent-mid);color:#fff}.navGroup{gap:3px;display:grid}.navGroupButton{color:#e1e9fb;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;padding:11px 12px;display:flex}.navGroupButton:hover,.navGroupButton.active{background:var(--accent-mid);color:#fff}.navChevron{opacity:.85;font-size:13px}.navSub{gap:2px;margin:0 0 4px 12px;display:grid}.sidebar .navSub a{color:#cbd8f3;padding:8px 10px;font-size:13px}.sidebar .navSub a.active,.sidebar .navSub a:hover{color:#fff;background:#244582}.ghost{color:#e1e9fb;cursor:pointer;background:0 0;border:1px solid #5f78ad;border-radius:9px;margin-top:auto;padding:10px}.ghost:hover{background:var(--accent-mid);color:#fff}.main{width:calc(100% - 235px);max-width:1500px;margin-left:235px;padding:28px}.mobileNav{display:none}.pageHead{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:20px;display:flex}.pageHead h1{margin:0;font-size:28px}.pageHead p{color:var(--muted);margin:7px 0 0}.btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:9px;padding:11px 15px;font-weight:700;text-decoration:none;display:inline-block}.btn:hover{filter:brightness(.96)}.btn.secondary{background:var(--accent-soft);color:var(--accent-dark)}.btn.danger{background:var(--danger)}.grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:18px;box-shadow:0 1px 2px #00000005}.metric .label{color:var(--muted);font-size:13px}.metric .value{margin-top:7px;font-size:26px;font-weight:800}.section{margin-top:20px}.section h2{font-size:18px}.tableWrap{border:1px solid var(--line);background:#fff;border-radius:13px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px 13px;font-size:14px}th{color:#000;background:#f8faff;font-weight:700}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field{gap:6px;display:grid}.field label{color:#52606d;font-size:13px;font-weight:700}.field input,.field select,.field textarea{background:#fff;border:1px solid #cfd7e5;border-radius:9px;width:100%;padding:11px 12px;font-size:15px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);outline:2px solid #2456d329}.field textarea{min-height:90px}.span2{grid-column:span 2}.alert{border-radius:9px;margin:10px 0;padding:11px 13px;font-size:14px}.alert.error{color:var(--danger);background:#fff1f0}.alert.warn{color:var(--warn);background:#fff7e8}.alert.ok{color:#116149;background:#edf8f3}.login{background:var(--accent-dark);place-items:center;min-height:100vh;padding:20px;display:grid}.loginCard{background:#fff;border-radius:16px;width:min(430px,100%);padding:26px}.loginCard h1{margin-top:0}.lineCard{border:1px solid var(--line);background:#fbfcff;border-radius:11px;margin:12px 0;padding:14px}.lineTop{justify-content:space-between;gap:10px;display:flex}.totals{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;display:grid}.totalBox{background:#f2f5fc;border-radius:9px;padding:10px}.totalBox small{color:var(--muted);margin-bottom:4px;display:block}.totalBox strong{font-size:17px}.center{place-items:center;min-height:70vh;display:grid}.muted{color:var(--muted)}a{color:var(--accent)}.order-confirmation,.order-confirmation *,.invoice-document,.invoice-document *{font-family:Arial,Helvetica,sans-serif!important}@media (max-width:900px){.sidebar{display:none}.main{width:100%;margin-left:0;padding:18px 14px 82px}.mobileNav{background:var(--accent-dark);z-index:20;justify-content:space-around;padding:8px 6px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobileNav a{color:#e1e9fb;border-radius:7px;padding:8px 5px;font-size:11px;text-decoration:none}.mobileNav a.active{background:var(--accent-mid);color:#fff}.grid{grid-template-columns:repeat(2,1fr)}.formGrid{grid-template-columns:1fr}.span2{grid-column:span 1}.totals{grid-template-columns:repeat(2,1fr)}.pageHead h1{font-size:23px}}@media (max-width:520px){.grid{grid-template-columns:1fr 1fr}.metric .value{font-size:20px}.pageHead{align-items:center}.pageHead p{display:none}}.masterLayout{grid-template-columns:290px minmax(0,1fr);align-items:start;gap:18px;display:grid}.masterMenu{gap:5px;padding:8px;display:grid;position:sticky;top:20px}.masterMenu button{text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:9px;gap:3px;padding:11px;display:grid}.masterMenu button:hover,.masterMenu button.active{background:var(--accent-soft);color:var(--accent-dark)}.masterMenu button span{color:var(--muted);font-size:11px;line-height:1.3}.masterMenu>a{margin:7px;padding:11px;font-weight:700;text-decoration:none}.masterEditor{min-width:0}.masterTitle{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:15px;margin-bottom:18px;padding-bottom:16px;display:flex}.masterTitle h2,.masterHistory h2{margin:0}.masterTitle p{color:var(--muted);margin:6px 0 0}.masterTitle>span{white-space:nowrap;color:var(--warn);background:#fff7e8;border-radius:7px;padding:7px 9px;font-size:12px;font-weight:700}.masterToggle{align-items:center;min-height:43px;color:var(--ink)!important;gap:10px!important;display:flex!important}.masterToggle input{height:18px;width:18px!important}.masterActions{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;margin-top:22px;padding-top:18px;display:flex}.masterHistory{margin-top:18px}.masterHistory>p{margin:7px 0 16px}@media (max-width:1050px){.masterLayout{grid-template-columns:1fr}.masterMenu{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.masterMenu>a{grid-column:1/-1}}@media (max-width:600px){.masterMenu{grid-template-columns:1fr}.masterTitle{display:block}.masterTitle>span{margin-top:10px;display:inline-block}.pageHead>div+div{flex-wrap:wrap;width:100%}}.mainWithWhatsapp{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:22px;max-width:none;display:grid}.mainContent{min-width:0}.whatsappPanel{border:1px solid var(--line);background:#fff;border-radius:13px;flex-direction:column;height:calc(100vh - 56px);min-height:460px;display:flex;position:sticky;top:28px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.whatsappPanelHead{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 15px;display:flex}.whatsappPanelHead>div:nth-child(2){gap:2px;min-width:0;display:grid}.whatsappPanelHead strong{font-size:16px}.whatsappPanelHead span:not(.whatsappStatus){color:var(--muted);font-size:11px}.whatsappMark{color:#fff;background:#25d366;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:11px;font-weight:800;display:grid}.whatsappStatus{background:#f0a000;border-radius:50%;width:9px;height:9px;margin-left:auto;box-shadow:0 0 0 3px #fff3d6}.whatsappPanelBody{background:#f7faf8;flex:1;align-content:start;gap:8px;padding:10px;display:grid;overflow:auto}.whatsappEmpty{background:#fff;border:1px solid #e3ebe6;border-radius:10px;padding:14px}.whatsappEmpty p{color:var(--muted);margin:7px 0 0;font-size:12px;line-height:1.5}.whatsappMessage{color:var(--ink);background:#fff;border:1px solid #e3ebe6;border-radius:10px;padding:11px;text-decoration:none;display:block}.whatsappMessage:hover{background:#fbfffc;border-color:#9ad9ad}.whatsappMessage>div{justify-content:space-between;gap:8px;display:flex}.whatsappMessage strong{font-size:12px}.whatsappMessage time{color:var(--muted);font-size:10px}.whatsappMessage p{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:6px 0;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.whatsappMessage small{color:var(--warn);font-size:10px}.whatsappPanelLink{border-top:1px solid var(--line);color:var(--accent-dark);background:#fff;padding:12px 15px;font-size:12px;font-weight:700;text-decoration:none}.whatsappPanelLink:hover{background:var(--accent-soft)}@media (max-width:1250px){.mainWithWhatsapp{grid-template-columns:1fr}.whatsappPanel{height:auto;min-height:260px;max-height:520px;position:static}}@media (max-width:900px){.mainWithWhatsapp{display:block}.whatsappPanel{min-height:240px;max-height:420px;margin-top:18px}}.whatsappStatusReady{background:#25a65a;box-shadow:0 0 0 3px #dff6e7}.whatsappImportToggle{color:#fff;cursor:pointer;background:#2456d3;border:0;border-radius:9px;width:100%;padding:11px 12px;font-weight:700}.whatsappImporter{background:#fff;border:1px solid #dfe8e2;border-radius:10px;gap:9px;padding:12px;display:grid}.whatsappImporter label{color:#52606d;font-size:12px;font-weight:700}.whatsappImporter textarea{resize:vertical;border:1px solid #cfd7e5;border-radius:8px;width:100%;min-height:105px;padding:10px;font:13px Arial,Helvetica,sans-serif}.whatsappImporter textarea:focus{border-color:var(--accent);outline:2px solid #2456d329}.whatsappImporter>small{color:var(--muted);font-size:10px;line-height:1.4}.whatsappImporter .btn{text-align:center;width:100%;padding:10px}.whatsappPreview{background:#f4f7fc;border-radius:9px;gap:7px;padding:10px;display:grid}.whatsappPreview>div{justify-content:space-between;gap:10px;font-size:11px;display:flex}.whatsappPreview span{color:var(--muted)}.whatsappPreview strong{text-align:right}.whatsappImportError,.whatsappImportNotice{border-radius:7px;padding:8px;font-size:11px;line-height:1.4}.whatsappImportError{color:var(--danger);background:#fff1f0}.whatsappImportNotice{color:var(--warn);background:#fff7e8}.whatsappSourceLabel{color:#116149;white-space:nowrap;background:#e6f7ec;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700}.orderSectionCard{border:2px solid var(--accent)}.customerSearch{position:relative}.customerSearchResults{z-index:50;background:#fff;border:1px solid #b9c8e6;border-radius:10px;max-height:290px;padding:5px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 30px #173a7a29}.customerSearchResults button{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:7px;gap:3px;padding:10px 11px;display:grid}.customerSearchResults button:hover,.customerSearchResults button.active{background:var(--accent-soft)}.customerSearchResults button strong{font-size:14px}.customerSearchResults button span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.customerSearchCaption{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:7px 11px 5px;font-size:11px;font-weight:700}.customerSearchEmpty{color:var(--muted);padding:12px 11px;font-size:13px}