:root{--font-sans:"DM Sans", system-ui, -apple-system, sans-serif;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--brand-blue:oklch(35.9% .218 267.3);--brand-sky:oklch(68.5% .114 233);--brand-purple:oklch(49% .066 311);--brand-gradient:linear-gradient(135deg, var(--brand-blue), var(--brand-sky) 45%, var(--brand-purple));--status-active:oklch(55% .16 145);--status-idle:oklch(58% .04 250);--status-busy:oklch(68% .14 65);--status-error:oklch(58% .2 25);--background:oklch(99.5% .004 263);--foreground:oklch(14.5% .012 263);--card:oklch(100% .003 263);--card-foreground:oklch(14.5% .012 263);--popover:oklch(100% .003 263);--popover-foreground:oklch(14.5% .012 263);--primary:var(--brand-blue);--primary-foreground:oklch(98% .01 263);--secondary:oklch(92.5% .012 263);--secondary-hover:oklch(90.5% .013 263);--secondary-foreground:oklch(21% .02 263);--muted:oklch(96.5% .008 263);--muted-foreground:oklch(52% .02 263);--accent:oklch(95.5% .018 263);--accent-foreground:oklch(20.5% .02 263);--destructive:oklch(57.7% .245 27.325);--border:oklch(91% .012 263);--input:oklch(91% .012 263);--ring:var(--brand-blue);--chart-1:var(--brand-blue);--chart-2:var(--brand-sky);--chart-3:var(--brand-purple);--chart-4:oklch(58% .1 248);--chart-5:oklch(42% .08 300);--radius:.5rem;--radius-badge:.625rem;--scrollbar-thumb:oklch(78% .02 263);--scrollbar-thumb-hover:oklch(68% .03 263)}.dark{--brand-blue:oklch(56% .218 267.3);--brand-sky:oklch(72% .1 233);--brand-purple:oklch(58% .06 311);--status-active:oklch(68% .14 145);--status-idle:oklch(65% .04 250);--status-busy:oklch(75% .12 65);--status-error:oklch(68% .18 25);--background:oklch(14.5% .012 263);--foreground:oklch(98.5% .006 263);--card:oklch(20.5% .014 263);--card-foreground:oklch(98.5% .006 263);--popover:oklch(20.5% .014 263);--popover-foreground:oklch(98.5% .006 263);--primary:var(--brand-blue);--primary-foreground:oklch(98% .01 263);--secondary:oklch(27.4% .02 263);--secondary-hover:oklch(28.8% .02 263);--secondary-foreground:oklch(98.5% .006 263);--muted:oklch(26.9% .014 263);--muted-foreground:oklch(70.8% .02 263);--accent:oklch(26.9% .018 263);--accent-foreground:oklch(98.5% .006 263);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% .01 263/.12);--input:oklch(100% .01 263/.15);--ring:var(--brand-blue);--chart-1:var(--brand-blue);--chart-2:var(--brand-sky);--chart-3:var(--brand-purple);--chart-4:oklch(65% .08 248);--chart-5:oklch(50% .06 300);--scrollbar-thumb:oklch(100% .01 263/.18);--scrollbar-thumb-hover:oklch(100% .01 263/.3)}*,:before,:after{box-sizing:border-box}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);letter-spacing:.015em;margin:0;line-height:1.5}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:0 0}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.brand-accent-bar{background-image:var(--brand-gradient);border-radius:9999px;width:2.5rem;height:3px;margin-top:.5rem}.micro-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted-foreground);font-size:.75rem;font-weight:500}.text-technical{font-family:var(--font-mono);color:var(--muted-foreground)}.page{flex-direction:column;gap:clamp(.75rem,1vw,1.5rem);width:100%;height:100dvh;margin:0;padding:clamp(.9rem,1.2vw,2.25rem);display:flex;overflow:hidden}.header{flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.5rem;display:flex}.header-title-row{flex-wrap:wrap;align-items:center;gap:.65rem;min-width:0;display:flex}.brand-mark{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex;overflow:hidden}.brand-mark img{object-fit:cover;width:100%;height:100%;display:block}.header h1{letter-spacing:-.03em;color:var(--foreground);margin:0;font-size:clamp(1rem,1.1vw,1.4rem);font-weight:700}.live-badge{--sync-color:var(--status-active);border:1px solid color-mix(in oklch, var(--sync-color) 45%, transparent);background:color-mix(in oklch, var(--sync-color) 14%, transparent);color:var(--sync-color);letter-spacing:.1em;border-radius:9999px;align-items:center;gap:.4rem;padding:.15rem .4rem;font-size:.68rem;font-weight:700;display:inline-flex}.live-dot{background:var(--sync-color);width:.5rem;height:.5rem;box-shadow:0 0 0 0 color-mix(in oklch, var(--sync-color) 60%, transparent);border-radius:9999px;animation:2s infinite live-pulse}@keyframes live-pulse{0%{box-shadow:0 0 0 0 color-mix(in oklch, var(--sync-color) 55%, transparent)}70%{box-shadow:0 0 0 6px #0000}to{box-shadow:0 0 #0000}}.header-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.corner-status{text-align:right;flex-direction:column;align-items:flex-end;gap:.2rem;line-height:1.15;display:flex}.corner-datetime{align-items:baseline;gap:.55rem;display:flex}.corner-date{letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground);font-size:1rem;font-weight:600}.corner-time{font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--foreground);font-size:1.7rem;font-weight:700}.corner-weather{color:var(--muted-foreground);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:flex-end;gap:.65rem;margin:0;padding-top:.5rem;font-size:.95rem;display:flex}.corner-weather span{align-items:center;gap:.28rem;display:inline-flex}.corner-temp{color:var(--foreground);font-weight:600}.corner-weather-empty{color:var(--muted-foreground);margin:0;font-size:.85rem}button{border:1px solid var(--border);background:var(--secondary);color:var(--secondary-foreground);border-radius:var(--radius);font:inherit;padding:.5rem .9rem;font-size:.875rem;transition:background-color .15s,transform .1s,border-color .15s}button:hover{background:var(--secondary-hover)}button:active{transform:translateY(1px)}button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.sync-badge{letter-spacing:.02em;font-variant-numeric:tabular-nums;margin-left:.65rem;font-weight:600}.sync-badge--ok{--sync-color:var(--status-active)}.sync-badge--warning{--sync-color:var(--status-busy)}.sync-badge--error{--sync-color:var(--status-error)}.sync-badge--error .live-dot{animation:none}.refresh-btn{color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:.4rem;padding:.25rem;transition:opacity .15s,transform .15s;display:inline-flex}.refresh-btn:hover:not(:disabled){opacity:1}.refresh-btn:disabled{cursor:not-allowed}.refresh-btn--spinning svg{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.grid{gap:1rem;display:grid}.kpi-grid{flex-shrink:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.75rem,1vw,1.5rem);display:grid}.dashboard-section{flex-direction:column;flex:1;min-height:0;display:flex}.notion-panel{flex-direction:column;flex:1;gap:clamp(.75rem,1vw,1.5rem);min-height:0;display:flex}.notion-panel-carousel{min-height:0}.notion-panel-split{flex:1;grid-template-columns:minmax(0,1fr) minmax(11rem,16rem);gap:clamp(.75rem,1vw,1.5rem);min-height:0;display:grid}.notion-panel-main{flex-direction:column;min-width:0;min-height:0;display:flex}.notion-panel-main .team-details-card{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.notion-panel-main .team-details-card>.section-card,.notion-panel-carousel>.section-card{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.team-carousel-timer{z-index:1;border-radius:var(--radius) var(--radius) 0 0;background:color-mix(in oklch, var(--muted-foreground) 35%, transparent);transform-origin:0;pointer-events:none;width:100%;height:3px;animation-name:team-carousel-timer-fill;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;top:0;left:0;transform:scaleX(0)}@keyframes team-carousel-timer-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.team-carousel-timer{display:none}}.notion-panel-main .section-body,.notion-panel-carousel .section-body{flex:1;min-width:0;min-height:0;overflow:hidden auto}.teams-overview-sidebar{flex-direction:column;min-height:0;display:flex}.teams-overview-sidebar>.section-card{flex-direction:column;flex:1;min-height:0;padding:.95rem 1rem;display:flex}.teams-overview-sidebar .section-header{margin-bottom:.55rem;padding-bottom:.6rem}.teams-overview-sidebar .section-header h2{font-size:clamp(.9rem,.95vw,1.15rem)}.teams-overview-sidebar .section-body{flex:1;min-height:0;padding-top:0;overflow-y:auto}.team-overview-list{flex-direction:column;gap:.15rem;display:flex}.team-overview-row{border-radius:calc(var(--radius) * .75);width:100%;color:inherit;text-align:left;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;flex-direction:column;gap:.4rem;padding:.6rem .65rem;transition:background-color .15s,border-color .15s,box-shadow .15s;display:flex}.team-overview-row:hover{background:color-mix(in oklch, var(--muted) 55%, transparent)}.team-overview-row:focus-visible{outline:2px solid var(--brand-blue);outline-offset:2px}.team-overview-row.is-active{background:color-mix(in oklch, var(--brand-blue) 10%, transparent);border-color:color-mix(in oklch, var(--brand-blue) 40%, transparent)}.team-overview-row-header{justify-content:space-between;align-items:baseline;gap:.5rem;min-width:0;display:flex}.team-overview-name{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.82rem,.78vw,.95rem);font-weight:600;line-height:1.25;overflow:hidden}.team-overview-count{color:var(--muted-foreground);font-variant-numeric:tabular-nums;padding-top:.5rem;font-size:.7rem;font-weight:500;line-height:1.3}.team-overview-progress-label{color:var(--muted-foreground);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.82rem;font-weight:600;line-height:1.25}.team-overview-row.is-active .team-overview-progress-label{color:var(--foreground)}.team-overview-progress-bar{width:100%;height:.4rem}.team-overview-status{color:var(--muted-foreground);line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.7rem;line-height:1.35;display:-webkit-box;overflow:hidden}.team-carousel-meta{align-items:center;gap:.85rem;display:flex}.team-carousel-dots{align-items:center;gap:.1rem;display:flex}.team-carousel-dot{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;display:inline-flex;position:relative}.team-carousel-dot:before{content:"";background:color-mix(in oklch, var(--muted-foreground) 45%, transparent);border-radius:999px;width:.5rem;height:.5rem;transition:background-color .2s,transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.team-carousel-dot:hover:not(.is-active):before{background:color-mix(in oklch, var(--muted-foreground) 70%, transparent)}.team-carousel-dot:focus-visible{outline:2px solid var(--brand-blue);outline-offset:2px}.team-carousel-dot.is-active:before{background:var(--brand-blue);transform:translate(-50%,-50%)scale(1.4)}.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);align-items:start}.secondary-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.card{background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.2rem;box-shadow:0 1px 2px oklch(0% 0 0/.06),0 8px 24px -18px oklch(0% 0 0/.45)}.metric-card{flex-direction:column;justify-content:space-between;gap:.9rem;min-height:clamp(6.5rem,11vh,13rem);transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.metric-card:before{content:"";background:var(--accent-color,var(--brand-blue));width:3px;position:absolute;inset:0 auto 0 0}.metric-card:hover{border-color:color-mix(in oklch, var(--accent-color,var(--brand-blue)) 40%, var(--border));box-shadow:0 1px 2px oklch(0% 0 0/.08), 0 16px 32px -20px color-mix(in oklch, var(--accent-color,var(--brand-blue)) 55%, transparent);transform:translateY(-2px)}.metric-blue{--accent-color:var(--chart-1)}.metric-amber{--accent-color:var(--status-busy)}.metric-green{--accent-color:var(--status-active)}.metric-purple{--accent-color:var(--chart-3)}.metric-top{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.card-label{margin:0}.metric-icon{width:2.1rem;height:2.1rem;color:var(--accent-color,var(--brand-blue));background:color-mix(in oklch, var(--accent-color,var(--brand-blue)) 14%, transparent);border-radius:.6rem;justify-content:center;align-items:center;display:inline-flex}.metric-value{font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--foreground);margin:0;font-size:clamp(2rem,2.6vw,3.5rem);font-weight:700;line-height:1.1}.metric-unit{color:var(--muted-foreground);margin-left:.2rem;font-size:1rem;font-weight:500}.card-hint{color:var(--muted-foreground);margin:.5rem 0 0;font-size:.8rem}.ring-row{align-items:center;gap:.85rem;display:flex}.metric-ring .progress-ring{width:60px;height:60px}.progress-ring{flex-shrink:0}.ring-track{stroke:var(--muted)}.ring-value{stroke:var(--accent-color,var(--status-active));transition:stroke-dashoffset .5s}.ring-value-label{font-size:1.6rem}.section-card{flex-direction:column;height:100%;min-height:0;padding:clamp(.9rem,1vw,1.6rem) clamp(1rem,1.1vw,1.75rem);display:flex}.section-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:clamp(.6rem,.8vw,1.1rem);padding-bottom:.75rem;display:flex}.section-body{flex:1;min-height:0;overflow-y:auto}.section-header h2{letter-spacing:-.01em;align-items:center;gap:.55rem;margin:0;font-size:clamp(.95rem,1.05vw,1.5rem);font-weight:600;display:flex}.section-icon{color:var(--muted-foreground);display:inline-flex}.section-timestamp,.section-action{color:var(--muted-foreground);font-variant-numeric:tabular-nums;align-items:center;gap:.3rem;font-size:.75rem;display:inline-flex}.progress-bar{background:var(--muted);border-radius:9999px;width:100%;height:.5rem;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--chart-1), var(--chart-2));height:100%;transition:width .5s}.projects-table-wrap{min-width:0;margin:-.25rem 0 0}.projects-table{border-collapse:collapse;width:100%;font-size:clamp(.85rem,.85vw,1.2rem)}.team-projects-table{table-layout:fixed;font-size:clamp(.78rem,.75vw,1rem)}.team-projects-table th:first-child,.team-projects-table td.project-name{width:300px}.team-projects-table th:last-child,.team-projects-table td.project-tila-cell{width:200px}.team-projects-table th{font-size:.62rem}.team-projects-table td{padding:.55rem .75rem}.projects-table th{text-align:left;letter-spacing:.07em;text-transform:uppercase;color:var(--muted-foreground);border-bottom:1px solid var(--border);padding:.5rem .75rem;font-size:.68rem;font-weight:600}.projects-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.7rem .75rem}.projects-table tbody tr{transition:background-color .12s}.projects-table tbody tr:hover{background:color-mix(in oklch, var(--accent) 55%, transparent)}.projects-table tbody tr:last-child td{border-bottom:none}.project-name{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.project-description{color:var(--muted-foreground);white-space:normal;overflow-wrap:anywhere;min-width:0;line-height:1.45}.project-glyph{vertical-align:middle;color:var(--muted-foreground);margin-right:.5rem;display:inline-flex}.project-progress-cell{min-width:7.5rem}.project-progress-cell .progress-bar{margin-bottom:.3rem}.project-progress-label{font-variant-numeric:tabular-nums;color:var(--muted-foreground);font-size:.75rem;font-weight:600}.project-tila-cell{width:200px}.tila-progress{align-items:center;gap:.75rem;display:flex}.tila-progress-label{font-variant-numeric:tabular-nums;min-width:3.25rem;color:var(--foreground);flex-shrink:0;font-size:clamp(.95rem,1vw,1.35rem);font-weight:500}.tila-progress-bar{background:color-mix(in oklch, #3d7a5c 35%, var(--muted));flex:1;height:.7rem}.tila-progress-bar .progress-fill{background:#4f9d73}.tila-progress-empty{color:var(--muted-foreground)}.task-pill{background:var(--muted);color:var(--foreground);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:9999px;padding:.15rem .5rem;font-size:.78rem;font-weight:600;display:inline-block}.project-tasks{white-space:nowrap}.project-due,.project-updated{font-variant-numeric:tabular-nums;color:var(--muted-foreground);white-space:nowrap}.cell-inline{align-items:center;gap:.4rem;display:inline-flex}.project-due.is-overdue{color:var(--status-error);font-weight:600}.updated-dot{background:var(--status-active);width:.4rem;height:.4rem;box-shadow:0 0 0 3px color-mix(in oklch, var(--status-active) 20%, transparent);border-radius:9999px;flex-shrink:0}.status-badge{letter-spacing:.02em;white-space:nowrap;border:1px solid #0000;border-radius:9999px;align-items:center;gap:.35rem;padding:.18rem .55rem;font-size:.7rem;font-weight:600;display:inline-flex}.status-dot{background:currentColor;border-radius:9999px;width:.4rem;height:.4rem}.status-completed{color:var(--chart-1);border-color:color-mix(in oklch, var(--chart-1) 45%, transparent);background:color-mix(in oklch, var(--chart-1) 13%, transparent)}.status-in-progress{color:var(--status-busy);border-color:color-mix(in oklch, var(--status-busy) 45%, transparent);background:color-mix(in oklch, var(--status-busy) 13%, transparent)}.status-not-started{color:var(--status-active);border-color:color-mix(in oklch, var(--status-active) 45%, transparent);background:color-mix(in oklch, var(--status-active) 13%, transparent)}.status-blocked{color:var(--status-error);border-color:color-mix(in oklch, var(--status-error) 45%, transparent);background:color-mix(in oklch, var(--status-error) 13%, transparent)}.status-default,.status-unknown{color:var(--muted-foreground);border-color:var(--border);background:var(--muted)}.pipeline-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.pipeline-tile{border-radius:var(--radius);border:1px solid color-mix(in oklch, var(--tile-color) 30%, var(--border));background:color-mix(in oklch, var(--tile-color) 8%, transparent);flex-direction:column;gap:.15rem;padding:.85rem .9rem;display:flex}.pipeline-tile-icon{color:var(--tile-color);margin-bottom:.25rem;display:inline-flex}.pipeline-tile-value{font-variant-numeric:tabular-nums;color:var(--foreground);font-size:clamp(1.6rem,2vw,2.75rem);font-weight:700;line-height:1}.pipeline-tile-label{letter-spacing:.05em;text-transform:uppercase;color:var(--muted-foreground);font-size:.72rem;font-weight:500}.tile-slate{--tile-color:var(--status-idle)}.tile-amber{--tile-color:var(--status-busy)}.tile-green{--tile-color:var(--status-active)}.tile-red{--tile-color:var(--status-error)}.okr-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.okr-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding:clamp(.45rem,.6vw,.85rem) 0;font-size:clamp(.875rem,.9vw,1.2rem);display:flex}.okr-list li:last-child{border-bottom:none}.okr-title{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.55rem;min-width:0;display:flex;overflow:hidden}.okr-icon{color:var(--chart-3);flex-shrink:0;display:inline-flex}.state-message{color:var(--muted-foreground)}.state-message.error{color:var(--destructive)}code{background:var(--muted);color:var(--foreground);border-radius:calc(var(--radius) * .67);font-family:var(--font-mono);padding:.1rem .35rem;font-size:.85em}@media (width<=1200px){.page{height:auto;min-height:100vh;overflow:visible}.dashboard-section,.notion-panel{min-height:0}.notion-panel-carousel>.section-card,.notion-panel-main .team-details-card,.notion-panel-main .team-details-card>.section-card,.teams-overview-sidebar>.section-card,.section-card{height:auto}.section-body{overflow:visible}}@media (width<=900px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notion-panel-split{grid-template-columns:1fr}.team-carousel-meta{flex-wrap:wrap;justify-content:flex-end}}@media (width<=720px){.header{flex-wrap:wrap}.header-actions{justify-content:space-between;width:100%}.corner-status{text-align:left;align-items:flex-start}.corner-weather{justify-content:flex-start}}@media (width<=520px){.kpi-grid{grid-template-columns:1fr}}