.icon-small{width:1.25rem;height:1.25rem;flex-shrink:0}.inline-icon{display:inline-block;width:1rem;height:1rem;margin-left:.25rem;vertical-align:middle;color:#94a3b8;cursor:help}.metric-icon{width:1.5rem;height:1.5rem;flex-shrink:0;color:currentColor}.btn-icon{width:1rem;height:1rem;margin-right:.5rem;flex-shrink:0}.vesting-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}@media (min-width:1024px){.vesting-grid{grid-template-columns:400px 1fr}}.vesting-input-panel{width:100%}.vesting-chart-panel{width:100%;overflow:hidden}.form-panel{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.panel-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.form-group{margin-bottom:1.25rem}input[type=number]{text-align:left;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.view-only-field{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:.375rem;background-color:#f8fafc;color:#1e293b;font-weight:600;height:2.5rem}.form-label,.view-only-field{font-size:.875rem;display:flex;align-items:center}.form-label{font-weight:500;color:#64748b;margin-bottom:.5rem}.vesting-metrics-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:2rem}@media (min-width:640px){.vesting-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.vesting-metrics-grid{grid-template-columns:repeat(4,1fr)}}.metric-card{background:#fff;border-radius:.75rem;padding:1.25rem;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.gradient-blue{background:linear-gradient(135deg,#f0f7ff,#e6f0ff);border:1px solid #cbd5ff}.gradient-green{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0}.gradient-purple{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:1px solid #e9d5ff}.gradient-amber{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a}.metric-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.metric-title{font-size:.875rem;font-weight:500;color:#64748b;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-value{font-size:1.5rem;font-weight:700;color:#1e293b;margin:.5rem 0;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto}.metric-subtitle{font-size:.875rem;color:#94a3b8;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-container{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.chart-actions{display:flex;gap:.5rem;margin-left:auto}.chart-actions .btn{padding:.5rem;transition:all .2s ease}.chart-actions .btn:hover{transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.1);background:#e6f0ff;color:#4c94ff}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:.375rem;transition:all .2s ease;white-space:nowrap}.btn-secondary{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.btn-secondary:hover{background:#f1f5f9;color:#475569}.toggle-button{position:relative;width:3rem;height:1.5rem;background:#e2e8f0;border-radius:.75rem;cursor:pointer;transition:background .2s ease;border:none;padding:0}.toggle-button.active{background:#4c94ff}.toggle-slider{position:absolute;top:.125rem;left:.125rem;width:1.25rem;height:1.25rem;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.2)}.toggle-button.active .toggle-slider{transform:translateX(1.5rem)}.slider-container{margin-top:.5rem}.slider{width:100%;height:6px;border-radius:3px;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#4c94ff;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2)}.slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#4c94ff;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2)}.slider-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.75rem;color:#94a3b8}.slider-value{font-weight:600}.chart-legend{display:flex;justify-content:center;gap:2rem;margin-top:1.5rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b}.legend-color{width:1rem;height:.25rem;border-radius:.125rem}.legend-color.primary{background:#4c94ff}.legend-color.accent{background:#9333ea}.legend-color.cliff{background:#ef4444;border-style:dashed}.chart-wrapper{width:100%;overflow:hidden}.vesting-chart{width:100%;height:400px}.vesting-chart .recharts-surface,.vesting-chart .recharts-wrapper svg,.vesting-chart svg{width:100%!important;height:100%!important;max-width:unset!important;max-height:unset!important}.chart-tooltip{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:.75rem;box-shadow:0 4px 6px rgba(0,0,0,.1)}.tooltip-title{font-weight:600;color:#1e293b;margin-bottom:.5rem}.tooltip-item{font-size:.875rem;color:#64748b;margin:.25rem 0}.tooltip-item.primary{color:#4c94ff;font-weight:500}.acceleration-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.toggle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.acceleration-options{margin-top:1rem;padding-left:1rem}.education-panel{background:#f8fafc;border-radius:.75rem;padding:2rem;margin-top:2rem}@media (max-width:640px){.panel-title{font-size:1.125rem}.metric-value{font-size:1.25rem}.chart-actions{width:100%;justify-content:stretch}.btn{flex:1;font-size:.75rem;padding:.375rem .75rem}.btn-icon{width:.875rem;height:.875rem}}