*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f7fb;color:#182230}button,input{font:inherit}.brand{font-size:24px;font-weight:700}.login-page{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:24px}.login-card{width:100%;max-width:420px;background:#fff;border-radius:16px;padding:36px;box-shadow:0 12px 40px #00000014}.subtitle{color:#667085;margin-bottom:30px}label{display:block;margin-top:18px;margin-bottom:6px;font-weight:600}input{width:100%;padding:12px 14px;border:1px solid #d0d5dd;border-radius:8px}button{cursor:pointer}.login-card button{width:100%;border:0;border-radius:8px;padding:13px;margin-top:24px;background:#111827;color:#fff;font-weight:600}.error{margin-top:16px;background:#fee4e2;color:#b42318;border-radius:8px;padding:12px}.topbar{height:70px;display:flex;justify-content:space-between;align-items:center;padding:0 32px;background:#fff;border-bottom:1px solid #eaecf0}.topbar-user{display:flex;align-items:center;gap:18px}.logout-button{background:transparent;border:1px solid #d0d5dd;border-radius:8px;padding:8px 14px}.page{max-width:1200px;margin:auto;padding:32px}.page-header{display:flex;justify-content:space-between;margin-bottom:28px}.page-header h1{margin:0}.page-header p{color:#667085}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.stat-card{background:#fff;padding:24px;border-radius:14px;border:1px solid #eaecf0;display:flex;flex-direction:column;gap:12px}.stat-card span{color:#667085}.stat-card strong{font-size:28px}@media(max-width:600px){.topbar{padding:0 16px}.page{padding:20px 16px}.login-card{padding:24px}}.navigation{display:flex;align-items:center;gap:22px}.navigation a{text-decoration:none;color:#344054;font-weight:600}.navigation a:hover{color:#111827}.primary-link{background:#111827;color:#fff;text-decoration:none;padding:11px 18px;border-radius:8px;font-weight:600}.secondary-link{color:#344054;text-decoration:none;font-weight:600}.sales-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px}.sales-toolbar label{margin:0}.sales-toolbar select,.status-select{padding:8px 10px;border:1px solid #d0d5dd;border-radius:8px;background:#fff}.table-container{background:#fff;border:1px solid #eaecf0;border-radius:14px;overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:15px 18px;text-align:left;border-bottom:1px solid #eaecf0}th{background:#f9fafb;color:#667085;font-size:13px}.action-buttons{display:flex;gap:8px}.edit-button{padding:7px 10px;text-decoration:none;color:#344054;border:1px solid #d0d5dd;border-radius:7px}.delete-button{padding:7px 10px;border:1px solid #fecdca;background:#fff;color:#b42318;border-radius:7px}.empty-card{padding:40px;background:#fff;border:1px solid #eaecf0;border-radius:14px;text-align:center;color:#667085}.form-card{max-width:650px;margin:auto;padding:32px;background:#fff;border:1px solid #eaecf0;border-radius:14px}.sale-form select{width:100%;padding:12px 14px;border:1px solid #d0d5dd;border-radius:8px;background:#fff}.form-actions{margin-top:28px;display:flex;justify-content:flex-end;align-items:center;gap:20px}.form-actions button{border:0;background:#111827;color:#fff;padding:11px 20px;border-radius:8px;font-weight:600}@media(max-width:700px){.navigation{gap:10px}.table-container{font-size:14px}.action-buttons{flex-direction:column}}.status-received{background:#d1fadf;color:#05603a}.status-partial{background:#fef0c7;color:#93370d}.status-cancelled{background:#fee4e2;color:#b42318}.payment-summary{margin-top:18px;margin-bottom:18px;padding:18px;background:#f9fafb;border:1px solid #eaecf0;border-radius:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.payment-summary div{display:flex;flex-direction:column;gap:6px}.payment-summary span{color:#667085;font-size:13px}.payment-summary strong{font-size:18px}@media(max-width:600px){.payment-summary{grid-template-columns:1fr}}.goals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.goal-card{background:#fff;border:1px solid #eaecf0;border-radius:14px;padding:24px}.goal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.goal-header h2{margin:8px 0 0}.goal-type{color:#667085;text-transform:capitalize}.progress-bar{width:100%;height:10px;margin:22px 0;background:#eaecf0;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:#111827;border-radius:999px;transition:width .3s ease}.goal-details{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.goal-details div{display:flex;flex-direction:column;gap:4px}.goal-details span{color:#667085;font-size:13px}.goal-period{padding-top:16px;border-top:1px solid #eaecf0;color:#667085;font-size:14px}.dashboard-section{margin-top:36px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h2{margin:0}.section-header a{color:#344054;text-decoration:none;font-weight:600}.dashboard-goals{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.goal-mini-card{background:#fff;border:1px solid #eaecf0;border-radius:14px;padding:22px}.goal-mini-header{display:flex;justify-content:space-between;text-transform:capitalize;color:#667085}.goal-mini-card h3{margin:12px 0}.goal-mini-card small{display:block;margin-top:10px;color:#667085}.chart-card{background:#fff;border:1px solid #eaecf0;border-radius:14px;padding:24px;overflow-x:auto}.simple-chart{min-height:280px;display:flex;align-items:flex-end;gap:18px;padding-top:20px}.chart-column{min-width:70px;flex:1;display:flex;flex-direction:column;align-items:center}.chart-value{font-size:12px;margin-bottom:8px;white-space:nowrap;color:#667085}.chart-track{width:100%;max-width:48px;height:200px;display:flex;align-items:flex-end;background:#f2f4f7;border-radius:8px 8px 0 0;overflow:hidden}.chart-bar{width:100%;background:#111827;border-radius:8px 8px 0 0}.chart-label{margin-top:8px;font-size:13px;color:#667085}.month-navigation{display:flex;gap:10px}.month-navigation button{padding:9px 14px;border:1px solid #d0d5dd;background:#fff;border-radius:8px;cursor:pointer}.month-navigation button:disabled{opacity:.45;cursor:not-allowed}.report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.report-card{background:#fff;border:1px solid #eaecf0;border-radius:14px;padding:24px}.report-card h2{margin-top:0}.report-card p{color:#667085;margin-bottom:22px}.report-card button{padding:10px 16px;border:none;border-radius:8px;background:#111827;color:#fff;cursor:pointer;font-weight:600}.report-card button:disabled{opacity:.5;cursor:not-allowed}