*{box-sizing:border-box}body{margin:0;background:#f2f6f9;color:#183347;font:15px/1.5 system-ui,-apple-system,Segoe UI,Arial,sans-serif}.shell{display:flex;min-height:100vh}aside{background:#102b40;color:#dbeaf2;width:240px;flex-shrink:0;padding:22px 14px;display:flex;flex-direction:column}.brand{font-size:24px;font-weight:850;letter-spacing:1px;padding:12px}.brand span{font-size:10px;font-weight:600;display:block;letter-spacing:2px;color:#8db4c8}nav{display:grid;gap:4px;margin-top:20px}nav a{color:#d6e4ed;text-decoration:none;padding:10px 12px;border-radius:8px}nav a:hover,nav a.active{background:#21516a;color:white}.who{margin-top:auto;padding:15px 12px;font-size:12px}.who a{color:#b7d9f0}main{flex:1;min-width:0;padding:28px;max-width:1500px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:12px}header h1{font-size:28px;margin:0}header span{color:#748795;font-size:13px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.metrics div,.panel{background:white;border:1px solid #e0e8ef;border-radius:12px;padding:20px;box-shadow:0 3px 12px #16364b0a}.metrics small{display:block;color:#6a8191}.metrics strong{display:block;font-size:23px;margin-top:6px}.panel{margin-bottom:18px}.panel h2{font-size:18px;margin:0 0 16px}.formgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}label{display:grid;gap:5px;font-weight:600;font-size:13px}input,select{width:100%;border:1px solid #c9d8e2;background:white;border-radius:7px;padding:11px;font:inherit;min-width:0}button{border:0;border-radius:7px;background:#16728e;color:white;padding:12px 18px;font-weight:700;cursor:pointer}button:hover{background:#105e76}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}td,th{border-bottom:1px solid #e6edf2;padding:10px 12px;text-align:left}th{color:#587183;background:#f7fafc;font-size:12px}.alert,.success{padding:12px 15px;border-radius:8px;margin-bottom:15px}.alert{background:#fff0ef;color:#962f28}.success{background:#e6f7ec;color:#21613b}.note{color:#718797;font-size:12px}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login .panel{width:min(100%,420px);padding:34px}.login form label{margin:14px 0}.login button{width:100%;margin-top:12px}.login h1{font-size:32px}.login h1 small{font-size:12px;color:#16728e}@media(max-width:950px){.metrics{grid-template-columns:repeat(2,1fr)}.formgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.shell{display:block}aside{width:auto;padding:10px;display:block}.brand{padding:5px 10px}nav{display:flex;overflow:auto;gap:6px;margin:6px 0}nav a{white-space:nowrap;font-size:13px}.who{display:none}main{padding:15px}header h1{font-size:22px}header span{font-size:11px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metrics div{padding:12px}.metrics strong{font-size:17px}.formgrid{grid-template-columns:1fr}.panel{padding:14px}}
/* Identidade visual Artika Foods Importadora — v1.6 */
body{background:#f7f8fa;color:#24292e}aside{background:#22262b;color:#f5f5f5}
.brand{padding:8px 10px}.brand img{width:100%;max-width:190px;height:auto;display:block;background:#fff;border-radius:6px;padding:8px}
.brand span{color:#f1b7b7;margin-top:8px;font-size:10px;letter-spacing:1.5px}
nav a{color:#f5f5f5}nav a:hover,nav a.active{background:#e82d2d;color:#fff}
button{background:#e82d2d}button:hover{background:#c51f24}
.metrics div,.panel{border-color:#e5e7eb}th{background:#fff3f3;color:#7c3333}
input:focus,select:focus,textarea:focus{outline:2px solid #f2a5a5;outline-offset:1px}
.login-logo{display:block;max-width:260px;width:100%;height:auto;margin-bottom:14px}
.login h1 small{color:#e82d2d}

/* V1.7 - Calendário por parcela */
.installments-picker{grid-column:1/-1;border:1px solid #e0e0e0;padding:14px;border-radius:10px;background:#fff}
.installment-rows{display:grid;gap:10px;margin:12px 0}
.installment-row{display:flex;gap:12px;align-items:end;flex-wrap:wrap}
.installment-row label{flex:1;min-width:190px;margin:0}
.installment-row label span{display:block;margin-bottom:5px;font-weight:600}
.installment-row input[type=date]{width:100%;min-height:42px}
.installment-row .remove-installment{width:auto;background:#f2f2f2;color:#444;border:1px solid #ddd;padding:10px 12px}
.installment-row .remove-installment:disabled{opacity:.45}
.installments-picker .add-installment{width:auto;padding:10px 14px}