.summary-dashboard{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;padding:var(--spacing-xl);background:var(--color-bg);min-height:100vh;color:var(--color-text);width:100%;min-width:0}.summary-dashboard .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);gap:var(--spacing-md);flex-wrap:wrap}.summary-dashboard .page-header h1{color:var(--color-text);margin:0;font-size:32px;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,var(--color-text) 0%,var(--color-text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.summary-dashboard .year-selector{min-width:160px;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:14px;cursor:pointer}.summary-dashboard .year-selector:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.summary-dashboard .loading-state,.summary-dashboard .error-state{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--color-text-muted);font-size:16px}.summary-dashboard .error-state{color:var(--color-danger)}.summary-dashboard .summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.summary-dashboard .summary-card{background:var(--color-surface);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);display:flex;align-items:flex-start;gap:var(--spacing-md);transition:all .2s ease;position:relative;overflow:hidden}.summary-dashboard .summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-border);opacity:.5}.summary-dashboard .summary-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.summary-dashboard .summary-card-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--color-surface-elevated);color:var(--color-text-secondary)}.summary-dashboard .summary-card-icon svg{stroke-width:1.5}.summary-dashboard .summary-card-content{flex:1;min-width:0}.summary-dashboard .summary-card h3{margin:0 0 var(--spacing-xs);font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.summary-dashboard .summary-card .amount{font-size:26px;font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums;line-height:1.2}.summary-dashboard .summary-card .amount.positive{color:var(--color-success)}.summary-dashboard .summary-card .amount.negative{color:var(--color-danger)}.summary-dashboard .summary-card-subtitle{font-size:11px;color:var(--color-text-muted);margin-top:var(--spacing-xs)}.summary-dashboard .summary-card-expense:before{background:linear-gradient(135deg,#4254f0,#8994f5)}.summary-dashboard .summary-card-expense .summary-card-icon{background:#4254f01a;color:#4254f0}.summary-dashboard .summary-card-outsourcing:before{background:linear-gradient(135deg,#f47b25,#f7a76e)}.summary-dashboard .summary-card-outsourcing .summary-card-icon{background:#f47b251a;color:#f47b25}.summary-dashboard .summary-card-sales:before{background:linear-gradient(135deg,#22c35d,#52e086)}.summary-dashboard .summary-card-sales .summary-card-icon{background:#22c35d1a;color:#22c35d}.summary-dashboard .summary-card-profit:before{background:linear-gradient(135deg,#a73cdd,#c47de8)}.summary-dashboard .summary-card-profit .summary-card-icon{background:#a73cdd1a;color:#a73cdd}.summary-dashboard .summary-card-profit.positive:before{background:linear-gradient(135deg,var(--color-success) 0%,hsl(142,70%,60%) 100%)}.summary-dashboard .summary-card-profit.positive .summary-card-icon{background:#22c35d1a;color:var(--color-success)}.summary-dashboard .summary-card-profit.negative:before{background:linear-gradient(135deg,var(--color-danger) 0%,hsl(0,70%,60%) 100%)}.summary-dashboard .summary-card-profit.negative .summary-card-icon{background:#d926261a;color:var(--color-danger)}.summary-dashboard .chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:var(--spacing-xl)}.summary-dashboard .chart-section{margin-bottom:var(--spacing-xl)}.summary-dashboard .chart-container{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light)}.summary-dashboard .chart-header{margin-bottom:var(--spacing-md)}.summary-dashboard .chart-title{font-size:16px;font-weight:600;color:var(--color-text);margin:0}.summary-dashboard .chart-content{display:flex;gap:var(--spacing-lg);align-items:stretch}.summary-dashboard .chart-area{flex:1;min-width:0;height:350px}.summary-dashboard .chart-loading{display:flex;align-items:center;justify-content:center;height:350px;color:var(--color-text-muted)}.summary-dashboard .chart-tooltip{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);box-shadow:var(--shadow-md);min-width:200px}.summary-dashboard .chart-tooltip-header{font-weight:600;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border-light);font-size:13px}.summary-dashboard .chart-tooltip-section{margin-bottom:var(--spacing-sm)}.summary-dashboard .chart-tooltip-row{display:flex;align-items:center;gap:var(--spacing-sm);font-size:12px;padding:2px 0}.summary-dashboard .chart-tooltip-indicator{display:inline-block;width:10px;height:10px;border-radius:2px;flex-shrink:0}.summary-dashboard .chart-tooltip-label{flex:1;color:var(--color-text-secondary)}.summary-dashboard .chart-tooltip-value{font-weight:600;font-variant-numeric:tabular-nums}.summary-dashboard .chart-tooltip-value.positive{color:var(--color-success)}.summary-dashboard .chart-tooltip-value.negative{color:var(--color-danger)}.summary-dashboard .chart-tooltip-profit{margin-top:var(--spacing-sm);padding-top:var(--spacing-xs);border-top:1px solid var(--color-border-light);display:flex;justify-content:space-between;font-weight:600;font-size:13px}.summary-dashboard .chart-tooltip-profit .positive{color:var(--color-success)}.summary-dashboard .chart-tooltip-profit .negative{color:var(--color-danger)}.summary-dashboard .chart-tooltip-profit.cumulative{margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:none;color:#a73cdd}.summary-dashboard .chart-tooltip-profit.cumulative span:first-child{color:var(--color-text-secondary)}@media(max-width:1024px){.summary-dashboard .chart-grid{grid-template-columns:1fr}}@media(max-width:768px){.summary-dashboard{padding:var(--spacing-md)}.summary-dashboard .page-header h1{font-size:24px}.summary-dashboard .page-header{flex-direction:column;align-items:stretch}.summary-dashboard .year-selector{width:100%}.summary-dashboard .summary-cards{grid-template-columns:1fr;gap:var(--spacing-md)}.summary-dashboard .summary-card{padding:var(--spacing-md)}.summary-dashboard .chart-grid{grid-template-columns:1fr}.summary-dashboard .chart-area{height:280px}}