.planner-dashboard{width:100%}.planner-container{background:0 0;width:100%;overflow-x:auto}.lunar-table-scroll{-webkit-overflow-scrolling:touch;padding-bottom:.5rem;overflow-x:auto}.lunar-table-scroll::-webkit-scrollbar{height:12px}.lunar-table-scroll::-webkit-scrollbar-track{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.lunar-table-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border:3px solid #f8fafc;border-radius:8px}.lunar-table-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.planner-table{border-collapse:separate;border-spacing:0 .5rem;text-align:left;width:100%;min-width:1200px;font-size:.875rem}.planner-table th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:none;padding:1rem 1.25rem;font-size:.75rem;font-weight:600}.planner-row{background-color:#fff;border-radius:1rem;transition:all .2s;box-shadow:0 1px 3px #00000005,0 1px 2px #00000003}.planner-row:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.planner-row td{vertical-align:middle;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:1rem 1.25rem}.planner-row td:first-child{border-left:1px solid var(--color-border);border-top-left-radius:1rem;border-bottom-left-radius:1rem}.planner-row td:last-child{border-right:1px solid var(--color-border);border-top-right-radius:1rem;border-bottom-right-radius:1rem}.planner-input{border:1px solid var(--color-border);width:100%;min-width:80px;color:var(--color-text-main);text-align:right;background-color:#fcfcfc;border-radius:.5rem;padding:.625rem .75rem;font-size:.875rem;font-weight:600;transition:all .2s}.planner-input:focus{border-color:var(--color-accent);background-color:#fff;outline:none;box-shadow:0 0 0 3px #dc26261a}.planner-input.locked{color:var(--color-text-muted);cursor:not-allowed;opacity:.7;background-color:#f3f4f6}.planner-input-currency,.planner-input-percentage,.planner-input-duration{align-items:center;display:flex;position:relative}.planner-input-currency span{color:var(--color-text-muted);pointer-events:none;font-weight:600;position:absolute;left:.875rem}.planner-input-currency input{padding-left:2rem}.planner-input-percentage span{color:var(--color-text-muted);pointer-events:none;font-weight:600;position:absolute;right:.875rem}.planner-input-percentage input{padding-right:2rem}.planner-input-duration span{color:var(--color-text-muted);pointer-events:none;font-size:.75rem;font-weight:600;position:absolute;right:.875rem}.planner-input-duration input{padding-right:2.25rem}.planner-summary-row td{padding-top:1.5rem;font-weight:800;background-color:#0000!important;border:none!important}.channel-pill{letter-spacing:.05em;text-transform:uppercase;border-radius:2rem;align-items:center;padding:.375rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.btn-ai{position:relative;overflow:hidden}.btn-ai:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff4d 50%,#fff0 100%);width:200%;height:200%;animation:4s linear infinite shine;position:absolute;top:-50%;left:-50%;transform:rotate(30deg)}@keyframes shine{0%{transform:translate(-100%)rotate(30deg)}20%{transform:translate(100%)rotate(30deg)}to{transform:translate(100%)rotate(30deg)}}.metric-card{border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:#fff;border-radius:1rem;flex-direction:column;justify-content:center;padding:1.5rem;display:flex}.metric-card-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.5rem;font-size:.75rem;font-weight:600}.metric-card-value{color:var(--color-text-main);font-size:1.5rem;font-weight:700}.planner-v4-grid{grid-template-columns:1fr;align-items:start;gap:2rem;display:grid}@media (min-width:1280px){.planner-v4-grid{grid-template-columns:1fr 340px}}.planner-sidebar{flex-direction:column;gap:1.5rem;display:flex;position:sticky;top:2rem}.planner-chart-container{border:1px solid var(--color-border);background:#fff;border-radius:1.5rem;flex-direction:column;height:100%;min-height:380px;padding:2rem;display:flex;box-shadow:0 4px 6px -1px #0000000d}.timeline-container{border:1px solid var(--color-border);background:#fff;border-radius:1rem;margin-top:2rem;padding:1.5rem}.timeline-row{align-items:center;margin-bottom:.75rem;display:flex}.timeline-label{width:120px;color:var(--color-text-main);flex-shrink:0;font-size:.875rem;font-weight:600}.timeline-track{background-color:#f3f4f6;border-radius:1rem;flex-grow:1;height:1.5rem;position:relative;overflow:hidden}.timeline-bar{border-radius:1rem;min-width:4px;height:100%;transition:all .3s;position:absolute}.planner-input-date{align-items:center;display:flex}input[type=date].planner-input{text-align:left;color:var(--color-text-main);padding-left:2.25rem;font-family:inherit}input[type=date]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:2rem;height:100%;position:absolute;left:0}.lunar-shell{background:#fff;border:1px solid #f1f5f9;border-radius:2rem;box-shadow:0 10px 25px -5px #00000005}.lunar-card{background:#fff;border:1px solid #f1f5f9;border-radius:2rem;transition:all .3s}.lunar-card:hover{border-color:#fee2e2;transform:translateY(-2px);box-shadow:0 20px 40px -10px #00000008}.lunar-input-container{background:#f8fafc;border:1px solid #f1f5f9;border-radius:1.25rem;transition:all .2s}.lunar-input-active{background:#fff!important;border:1px solid #dc2626!important;box-shadow:0 0 0 4px #dc26260d!important}.lunar-bg{background:radial-gradient(circle at 100% 0,#fff5f5 0%,#fff 40%)}.planner-table th{color:#94a3b8!important;font-weight:900!important}.kpi-logic-pill{color:#71717a;text-align:left;background:#18181b;border:1px solid #27272a;border-radius:1rem;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:.875rem;font-weight:700;transition:all .2s;display:flex}.kpi-logic-pill:hover{color:#fff;border-color:#dc2626}.kpi-logic-pill.active{color:#09090b;background:#fff;border-color:#fff}@media (min-width:1024px){.lg\:grid-cols-\[1fr_380px\]{grid-template-columns:1fr 380px}}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}