:root{--clean-inbox:#4a90d9;--clean-today:#f4b400;--clean-upcoming:#e74c3c;--clean-anytime:#3bd269;--clean-someday:#c9a96e;--clean-logbook:#8e929b;--accent-primary:#4a90d9;--accent-yellow:#f4b400;--accent-red:#e74c3c;--accent-green:#3bd269;--accent-pink:#f23578;--accent-orange:#f09020;--accent-purple:#9b59b6;--bg-page:#f7f8fa;--bg-surface:#fff;--bg-hover:#f2f3f6;--bg-active:#ebedf2;--bg-selected:#e8edf5;--bg-secondary:#f2f3f6;--text-primary:#1a1a2e;--text-secondary:#5a5f72;--text-tertiary:#9ba1b0;--text-faint:#b0b5c3;--text-disabled:#cdd1db;--border-default:#f0f1f4;--border-subtle:#e8e9ee;--border-focus:#4a90d9;--tag-blue-bg:rgba(74,144,217,.14);--tag-blue-text:#3a7bc8;--tag-yellow-bg:rgba(244,180,0,.14);--tag-yellow-text:#b8870a;--tag-red-bg:rgba(231,76,60,.14);--tag-red-text:#c0392b;--tag-green-bg:rgba(59,210,105,.14);--tag-green-text:#27a854;--tag-pink-bg:rgba(242,53,120,.14);--tag-pink-text:#d42c6a;--tag-purple-bg:rgba(155,89,182,.14);--tag-purple-text:#8544a3;--tag-orange-bg:rgba(240,144,32,.14);--tag-orange-text:#c47718;--font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:"SF Mono","Fira Code",ui-monospace,monospace;--text-hero:36px;--text-title:28px;--text-heading:20px;--text-subheading:17px;--text-body:15px;--text-small:13px;--text-tiny:11px;--text-micro:10px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tight:-0.02em;--tracking-normal:0em;--tracking-wide:0.06em;--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--page-padding:32px;--page-padding-mobile:20px;--section-gap:32px;--card-padding:20px;--card-gap:16px;--sidebar-width:260px;--sidebar-collapsed:56px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--radius-button:9999px;--shadow-xs:0 1px 2px rgba(26,26,46,.04);--shadow-sm:0 1px 3px rgba(26,26,46,.06),0 1px 2px rgba(26,26,46,.03);--shadow-md:0 4px 12px rgba(26,26,46,.08),0 1px 3px rgba(26,26,46,.04);--shadow-lg:0 12px 40px rgba(26,26,46,.12),0 4px 12px rgba(26,26,46,.06);--shadow-xl:0 20px 60px rgba(26,26,46,.16),0 8px 20px rgba(26,26,46,.08);--duration-instant:0ms;--duration-fast:100ms;--duration-normal:150ms;--duration-moderate:250ms;--duration-slow:350ms;--ease-default:cubic-bezier(0.25,0.1,0.25,1.0);--ease-in:cubic-bezier(0.42,0,1,1);--ease-out:cubic-bezier(0,0,0.58,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-bounce:cubic-bezier(0.18,1.25,0.40,1.0);--ease-smooth:cubic-bezier(0.4,0.0,0.2,1.0);--transition-hover:all 150ms var(--ease-default);--transition-active:all 100ms var(--ease-default);--transition-spring:all 350ms var(--ease-spring);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:700;--icon-xs:14px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--icon-sidebar:20px}[data-theme=dark]{--bg-page:#1c1c1e;--bg-surface:#2c2c2e;--bg-hover:#3a3a3c;--bg-active:#48484a;--bg-selected:#3a3a4c;--bg-secondary:#3a3a3c;--text-primary:#f5f5f7;--text-secondary:#a1a1a6;--text-tertiary:#6e6e73;--text-faint:#545458;--text-disabled:#3a3a3c;--border-default:#38383a;--border-subtle:#48484a;--border-focus:#5ba3e6;--accent-primary:#5ba3e6;--accent-yellow:#f5c842;--accent-red:#f06050;--accent-green:#4ddb7a;--accent-pink:#f55a90;--accent-orange:#f5a040;--accent-purple:#b07ad0;--tag-blue-bg:rgba(91,163,230,.18);--tag-blue-text:#7db8f0;--tag-yellow-bg:rgba(245,200,66,.18);--tag-yellow-text:#e8c54a;--tag-red-bg:rgba(240,96,80,.18);--tag-red-text:#f08070;--tag-green-bg:rgba(77,219,122,.18);--tag-green-text:#5de88a;--tag-pink-bg:rgba(245,90,144,.18);--tag-pink-text:#f580aa;--tag-purple-bg:rgba(176,122,208,.18);--tag-purple-text:#c8a0e0;--tag-orange-bg:rgba(245,160,64,.18);--tag-orange-text:#f5b060;--clean-inbox:#5ba3e6;--clean-today:#f5c842;--clean-upcoming:#f06050;--clean-anytime:#4ddb7a;--clean-someday:#d4b880;--clean-logbook:#a0a4ad;--shadow-xs:0 1px 2px rgba(0,0,0,.2);--shadow-sm:0 1px 3px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.15);--shadow-md:0 4px 12px rgba(0,0,0,.35),0 1px 3px rgba(0,0,0,.2);--shadow-lg:0 12px 40px rgba(0,0,0,.45),0 4px 12px rgba(0,0,0,.25);--shadow-xl:0 20px 60px rgba(0,0,0,.55),0 8px 20px rgba(0,0,0,.3)}[class^=cl-]{box-sizing:border-box}.cl-sidebar{width:var(--sidebar-width);background:var(--bg-surface);border-right:1px solid var(--border-default);padding:24px 12px;flex-shrink:0;overflow-y:auto;height:100vh;position:fixed;left:0;top:0;z-index:var(--z-sticky);display:flex;flex-direction:column}.cl-sidebar-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);padding:0 14px;margin-bottom:6px;margin-top:20px}.cl-sidebar-label:first-child{margin-top:0}.cl-nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s var(--ease-default);-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none}.cl-nav-item:hover{background:var(--bg-hover)}.cl-nav-item--active{background:var(--bg-selected);color:var(--text-primary);font-weight:600}.cl-nav-item__icon{font-size:20px;width:24px;text-align:center;flex-shrink:0;transition:transform .2s var(--ease-spring)}.cl-nav-item:hover .cl-nav-item__icon{transform:scale(1.1)}.cl-nav-item__badge{margin-left:auto;font-size:12px;font-weight:600;color:var(--text-tertiary)}.cl-card{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--card-padding);box-shadow:var(--shadow-sm);transition:all .15s var(--ease-default)}@media (hover:hover){.cl-card--hoverable:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}}.cl-card--elevated{box-shadow:var(--shadow-md)}.cl-card--modal{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.cl-stat-card{background:var(--bg-surface);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:all .15s var(--ease-default)}.cl-stat-card--clickable{cursor:pointer}@media (hover:hover){.cl-stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}}.cl-nav-arrow{width:24px;height:24px;border-radius:50%;border:none;background:transparent;cursor:pointer;color:var(--text-tertiary);display:inline-flex;align-items:center;justify-content:center;font-size:12px;transition:background .15s var(--ease-default)}.cl-nav-arrow:hover{background:var(--bg-hover)}.cl-stat-card__icon{font-size:20px;margin-bottom:16px}.cl-stat-card__number{font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.cl-stat-card__label{font-size:13px;font-weight:500;color:var(--text-tertiary);margin-top:4px}.cl-stat-card__change{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;padding:2px 8px;border-radius:8px;margin-top:10px}.cl-stat-card__change--positive{background:rgba(59,210,105,.14);color:#27a854}.cl-stat-card__change--negative{background:rgba(231,76,60,.14);color:#c0392b}.cl-tag{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:var(--radius-sm);transition:all .15s var(--ease-default)}.cl-tag--blue{background:var(--tag-blue-bg);color:var(--tag-blue-text)}.cl-tag--yellow{background:var(--tag-yellow-bg);color:var(--tag-yellow-text)}.cl-tag--red{background:var(--tag-red-bg);color:var(--tag-red-text)}.cl-tag--green{background:var(--tag-green-bg);color:var(--tag-green-text)}.cl-tag--pink{background:var(--tag-pink-bg);color:var(--tag-pink-text)}.cl-tag--purple{background:var(--tag-purple-bg);color:var(--tag-purple-text)}.cl-tag--orange{background:var(--tag-orange-bg);color:var(--tag-orange-text)}.cl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:14px;font-weight:600;padding:8px 20px;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all .15s var(--ease-default);-webkit-user-select:none;-moz-user-select:none;user-select:none}.cl-btn:active{transform:translateY(0) scale(.97)}.cl-btn--primary{background:var(--accent-primary);color:#fff;box-shadow:var(--shadow-xs)}.cl-btn--primary:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.cl-btn--ghost{background:transparent;color:var(--text-secondary);border:1.5px solid var(--border-subtle)}.cl-btn--ghost:hover{background:var(--bg-hover)}.cl-btn--danger{background:var(--accent-red);color:#fff;box-shadow:var(--shadow-xs)}.cl-btn--danger:hover{filter:brightness(1.08);transform:translateY(-1px)}.cl-btn--sm{font-size:13px;padding:6px 14px}.cl-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;filter:none}.cl-toggle-group{display:flex;gap:0;padding:3px;background:var(--bg-secondary);border-radius:var(--radius-full)}.cl-toggle-group__btn{padding:6px 16px;border-radius:var(--radius-full);border:none;background:transparent;color:var(--text-tertiary);font-size:var(--text-small);font-weight:600;cursor:pointer;transition:all .15s var(--ease-default)}.cl-toggle-group__btn--active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.cl-input{width:100%;height:42px;background:var(--bg-page);border:1.5px solid var(--border-default);border-radius:var(--radius-md);padding:0 14px;font-family:inherit;font-size:15px;color:var(--text-primary);outline:none;transition:border-color .15s,box-shadow .15s}.cl-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(74,144,217,.15)}.cl-input::-moz-placeholder{color:var(--text-faint)}.cl-input::placeholder{color:var(--text-faint)}.cl-search{width:100%;height:42px;background:var(--bg-secondary);border:1.5px solid transparent;border-radius:var(--radius-md);padding:0 14px;font-family:inherit;font-size:15px;color:var(--text-primary);outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.cl-search:focus{background:var(--bg-page);box-shadow:var(--shadow-md)}.cl-search::-moz-placeholder{color:var(--text-faint)}.cl-search::placeholder{color:var(--text-faint)}.cl-sort-select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}.cl-sort-display{display:flex;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cl-filter-toggle,.cl-sort-display{align-items:center;gap:6px;padding:7px 12px;border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--text-secondary);font-size:13px;font-weight:600;white-space:nowrap}.cl-filter-toggle{display:inline-flex;border:none;cursor:pointer;transition:all .15s}.cl-filter-toggle[data-active=true]{background:var(--tag-blue-bg);color:var(--tag-blue-text)}.cl-filter-panel{display:flex;flex-direction:column;gap:var(--space-2);overflow:hidden;transition:max-height .2s ease,opacity .2s ease,margin .2s ease}.cl-filter-panel[data-open=false]{max-height:0;opacity:0;margin-top:0}.cl-filter-panel[data-open=true]{max-height:400px;opacity:1;margin-top:var(--space-3)}.cl-modal-backdrop{position:fixed;inset:0;background:rgba(26,26,46,.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:400;display:flex;align-items:center;justify-content:center}.cl-modal-card{background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:480px;width:90%;padding:28px;animation:cl-modal-enter .35s var(--ease-spring) both}@keyframes cl-modal-enter{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.mapboxgl-popup-content{border-radius:var(--radius-md)!important;padding:14px 16px!important;box-shadow:var(--shadow-lg)!important;font-family:var(--font-family)!important}.mapboxgl-popup-close-button{font-size:22px!important;width:32px!important;height:32px!important;line-height:32px!important;padding:0!important;right:4px!important;top:4px!important;color:var(--text-tertiary)!important;border-radius:var(--radius-sm)!important}.mapboxgl-popup-close-button:hover{background:var(--bg-hover)!important;color:var(--text-primary)!important}.cl-kanban{display:flex;gap:var(--space-4);min-height:0;flex:1}.cl-kanban-col{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg-page);border-radius:var(--radius-lg);max-height:calc(100vh - 220px)}.cl-kanban-col__header{padding:var(--space-3) var(--space-4) var(--space-2);display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-body);font-weight:700;color:var(--text-primary);flex-shrink:0}.cl-kanban-col__count{font-size:var(--text-small);font-weight:600;padding:2px 8px;border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--text-tertiary)}.cl-kanban-col__cards{flex:1;overflow-y:auto;padding:0 var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.cl-kanban-card{background:var(--bg-surface);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm);cursor:grab;transition:box-shadow .15s,transform .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cl-kanban-card:active{cursor:grabbing}@media (hover:hover){.cl-kanban-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}}.cl-kanban-col--dragover{background:var(--bg-hover);outline:2px dashed var(--border-focus);outline-offset:-2px}@media (max-width:768px){.cl-kanban{overflow-x:auto}.cl-kanban-col{min-width:280px;flex:none}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes cl-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cl-stagger{animation:cl-fade-up .4s var(--ease-smooth) both}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width:768px){.cl-sidebar{display:none}.cl-input{height:44px;font-size:16px}.cl-modal-card{width:94%;padding:20px;border-radius:var(--radius-lg)}.cl-stat-card__number{font-size:26px}::-webkit-scrollbar{display:none}}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;overflow-x:hidden}body{font-family:var(--font-family);background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--leading-normal);font-size:var(--text-body)}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}::-moz-selection{background:rgba(74,144,217,.15);color:var(--text-primary)}::selection{background:rgba(74,144,217,.15);color:var(--text-primary)}.dashboard-shell{display:flex;min-height:100vh;overflow-x:hidden}.dashboard-main{flex:1;min-width:0;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh}.dashboard-content{flex:1;min-width:0;width:100%;padding:var(--page-padding);max-width:1200px}.dashboard-content--fullbleed{padding:0;max-width:none;height:calc(100vh);overflow:hidden}@media (max-width:768px){.dashboard-main{margin-left:0}.dashboard-content{padding:var(--page-padding-mobile);padding-bottom:100px}.dashboard-content--fullbleed{padding:0;height:calc(100vh - 56px)}}.bottom-tabs{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--bg-surface);border-top:1px solid var(--border-default);padding:var(--space-2) 0;padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom));z-index:var(--z-sticky);justify-content:space-around}.tab{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;padding:var(--space-1) var(--space-2);min-width:48px}.tab-icon{font-size:18px;color:var(--text-faint)}.tab-label{font-size:10px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px}.tab.active .tab-icon,.tab.active .tab-label{color:var(--accent-primary)}@media (max-width:768px){.bottom-tabs{display:flex}}.topbar{display:none;position:sticky;top:0;background:var(--bg-surface);border-bottom:1px solid var(--border-default);padding:var(--space-3) var(--space-4);padding-top:calc(var(--space-3) + env(safe-area-inset-top));z-index:var(--z-sticky);align-items:center;gap:var(--space-3)}.topbar-brand{font-weight:700;font-size:18px;color:var(--accent-primary)}.topbar-title{font-size:15px;font-weight:600;color:var(--text-primary)}@media (max-width:768px){.topbar{display:flex}.topbar-title{display:none}}.score-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--radius-sm);letter-spacing:.02em}.score-badge--high{background:var(--tag-green-bg);color:var(--tag-green-text)}.score-badge--medium{background:var(--tag-yellow-bg);color:var(--tag-yellow-text)}.score-badge--low{background:var(--tag-orange-bg);color:var(--tag-orange-text)}.score-badge--very-low{background:var(--tag-red-bg);color:var(--tag-red-text)}.feed-card{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--card-padding);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .15s var(--ease-default);border-left:3px solid transparent}.feed-card--selected,.feed-card:hover{box-shadow:var(--shadow-md)}.feed-card--selected{border-left-color:var(--accent-primary)}.feed-card--archived{opacity:.5}.detail-panel{width:380px;flex-shrink:0;position:sticky;top:var(--space-8);align-self:flex-start;background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);max-height:calc(100vh - 80px);overflow-y:auto}@media (max-width:768px){.detail-panel{display:none}}.sheet-backdrop,.sheet-content{display:none}@media (max-width:768px){.sheet-backdrop{display:block;position:fixed;inset:0;background:rgba(26,26,46,.25);backdrop-filter:blur(8px);z-index:var(--z-modal)}.sheet-content{display:block;position:fixed;bottom:0;left:0;right:0;background:var(--bg-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-lg);padding:var(--space-6);max-height:85vh;overflow-y:auto;z-index:calc(var(--z-modal) + 1);animation:cl-fade-up .35s var(--ease-spring) both}}.feed-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:var(--z-modal);animation:fadeIn .15s ease-out}.feed-modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(640px,92vw);max-height:85vh;overflow-y:auto;background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:0 8px 40px rgba(0,0,0,.2);padding:var(--space-6);z-index:calc(var(--z-modal) + 1);animation:modalIn .15s ease-out}@media (max-width:768px){.feed-modal-content{top:auto;left:0;right:0;bottom:0;transform:none;width:100%;max-height:90vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-5);padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom));animation:cl-fade-up .25s var(--ease-spring)}}.feed-filters{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--section-gap)}.feed-filters__search{max-width:360px}.feed-filters__row{justify-content:space-between;gap:var(--space-2)}.feed-filters__cats,.feed-filters__row{display:flex;align-items:center;flex-wrap:wrap}.feed-filters__cats{gap:6px}@media (max-width:768px){.feed-filters__search{max-width:none}.feed-filters__row{gap:var(--space-3)}}.feed-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--section-gap);flex-wrap:wrap;gap:var(--space-3)}@media (max-width:768px){.feed-header{margin-bottom:var(--space-4)}.feed-header__title{font-size:var(--text-heading)!important}.feed-card{padding:var(--space-4)}}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--section-gap)}.dashboard-stat{text-decoration:none}.dashboard-columns{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-5)}.dashboard-col-main,.dashboard-col-side{min-width:0}@media (max-width:1024px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}.dashboard-columns{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-stats{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.dashboard-stats .cl-card{padding:var(--space-4)}.dashboard-stats .cl-card p:first-of-type{font-size:var(--text-heading)}}.cl-card:hover .scorecard-unpin{opacity:1!important}@keyframes metricModalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes metricFadeIn{0%{opacity:0}to{opacity:1}}.metric-modal-backdrop{animation:metricFadeIn .2s var(--ease-out)}.metric-modal-card{animation:metricModalIn .25s var(--ease-out)}.metrics-tabs{-webkit-mask-image:linear-gradient(90deg,#000 90%,transparent);mask-image:linear-gradient(90deg,#000 90%,transparent)}.metrics-tabs::-webkit-scrollbar{display:none}@media (max-width:768px){.metrics-grid{grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr))!important;gap:var(--space-3)!important}.metric-modal-card{max-width:100%!important;max-height:92vh!important}.metric-modal-backdrop{padding:var(--space-2)!important}.metric-modal-header{position:sticky;top:0;z-index:10;background:var(--bg-surface)}.metrics-tabs{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}.metrics-page select{min-height:44px;font-size:16px!important}}@media (max-width:480px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}.dashboard-stats .cl-card{padding:var(--space-3)!important}.dashboard-stats .cl-card p:first-of-type{font-size:var(--text-heading)}}.text-title{font-size:var(--text-title);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0}.text-heading,.text-title{font-weight:700;color:var(--text-primary)}.text-heading{font-size:var(--text-heading)}.text-body{font-size:var(--text-body);color:var(--text-secondary);line-height:var(--leading-normal)}.text-small{font-size:var(--text-small);margin:0}.text-micro,.text-small{color:var(--text-tertiary)}.text-micro{font-size:var(--text-micro);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.cl-page-header__title{margin-bottom:var(--space-1)}.cl-page-header__subtitle{color:var(--text-tertiary)}.cl-page-header{justify-content:space-between;align-items:flex-start;margin-bottom:var(--section-gap);flex-wrap:wrap}.cl-page-header,.cl-toolbar{display:flex;gap:var(--space-3)}.cl-toolbar{flex-direction:column;margin-bottom:var(--space-4)}.cl-toolbar__row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.cl-toolbar__search{width:280px;margin-left:auto;flex-shrink:1}@media (max-width:768px){.cl-page-header{margin-bottom:var(--space-4)}.cl-toolbar__search{width:100%;margin-left:0}}@media (hover:hover){.cl-card--hover:hover{box-shadow:var(--shadow-md)}}.schrijven-cards{display:flex;flex-direction:column;gap:var(--space-3)}@media (max-width:768px){.schrijven-card{padding:var(--space-3) var(--space-4)}.schrijven-card .schrijven-card__thumb{width:48px;height:48px}}@media (max-width:480px){.schrijven-card .schrijven-card__thumb{display:none}}.pa-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}@media (max-width:768px){.pa-grid{grid-template-columns:1fr}}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.metric-card{padding:0;position:relative;cursor:default;transition:box-shadow .15s ease,transform .15s ease;overflow:hidden}.metric-card--clickable{cursor:pointer}@media (hover:hover){.metric-card--clickable:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}}.metric-card__content{padding:var(--space-4) var(--space-5) var(--space-3)}.metric-card__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.metric-card__icon{font-size:11px;flex-shrink:0}.metric-card__label{font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--text-secondary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-card__actions{display:flex;align-items:center;gap:var(--space-1);opacity:0;transition:opacity .15s ease;flex-shrink:0}@media (hover:hover){.metric-card:hover .metric-card__actions{opacity:1}}@media (hover:none){.metric-card__actions{opacity:1}}.metric-card__action-btn{background:none;border:none;cursor:pointer;padding:3px;font-size:10px;color:var(--text-tertiary);line-height:1;border-radius:var(--radius-xs)}.metric-card__pin-indicator{font-size:8px;color:var(--accent-yellow);flex-shrink:0}@media (hover:hover){.metric-card:hover .metric-card__pin-static{display:none}}@media (hover:none){.metric-card__pin-static{display:none}}.metric-card__value-row{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.metric-card__input,.metric-card__value{font-size:var(--text-heading);font-weight:var(--weight-bold);color:var(--text-primary);line-height:1.2}.metric-card__input{font-family:var(--font-family);background:var(--bg-hover);border:2px solid var(--border-focus);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);width:100%;outline:none}.metric-card__change{display:inline-flex;align-items:center;gap:3px;font-size:var(--text-tiny);font-weight:var(--weight-semibold);white-space:nowrap}.metric-card__source{font-weight:var(--weight-medium);color:var(--text-faint);display:block}.metric-card__api-badge,.metric-card__source{font-size:var(--text-micro);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-top:var(--space-1)}.metric-card__api-badge{display:inline-flex;align-items:center;gap:3px;font-weight:var(--weight-semibold);color:var(--tag-green-text)}.metric-card__sparkline{padding:0 var(--space-4) var(--space-4)}.metrics-header-actions{display:flex;align-items:center;gap:var(--space-3)}.metrics-select{font-weight:var(--weight-medium);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-full);outline:none}.metrics-btn,.metrics-select{font-family:var(--font-family);font-size:var(--text-small);padding:var(--space-2) var(--space-4);cursor:pointer}.metrics-btn{font-weight:var(--weight-semibold);border:none;border-radius:var(--radius-full);transition:var(--transition-hover)}.metrics-btn--outline{color:var(--accent-primary);background:var(--bg-surface);border:1px solid var(--border-default)}.metrics-btn--outline:disabled{color:var(--text-disabled);cursor:default}.metrics-btn--primary{color:var(--bg-surface);background:var(--accent-primary)}.metrics-btn--green{color:var(--bg-surface);background:var(--accent-green)}.metrics-btn--green:disabled{background:var(--text-disabled);cursor:default}.metrics-btn--ghost{font-family:var(--font-family);font-size:var(--text-small);color:var(--text-tertiary);background:none;border:none;cursor:pointer}.metrics-btn__icon{margin-right:6px}.metrics-sync-strip{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-3)}.metrics-sync-strip__dismiss{background:none;border:none;cursor:pointer;color:var(--text-tertiary);font-size:var(--text-small)}.metrics-new-week{padding:var(--card-padding);margin-bottom:var(--section-gap);display:flex;align-items:center;gap:var(--space-3)}.metrics-new-week__label{font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--text-secondary)}.metrics-new-week__input{font-family:var(--font-family);font-size:var(--text-small);padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);outline:none}.metrics-empty{padding:var(--space-12);text-align:center}.metrics-empty__icon{font-size:40px;color:var(--text-disabled);margin-bottom:var(--space-4)}.metrics-empty__text{font-size:var(--text-body);color:var(--text-secondary);margin-bottom:var(--space-4)}.metrics-tab{font-family:var(--font-family);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-small);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:all .15s ease;margin-bottom:-1px}.metrics-tab--active{font-weight:var(--weight-semibold);color:var(--text-primary)}.metrics-tab--inactive{font-weight:var(--weight-medium);color:var(--text-tertiary)}.metrics-tab__icon{font-size:12px}.metrics-section-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.metrics-section-badge{font-size:var(--text-micro);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:2px var(--space-2);border-radius:var(--radius-full)}.metrics-period-toggle{margin-left:auto;display:flex;align-items:center;gap:var(--space-2)}.metrics-period-toggle__group{display:flex;background:var(--bg-secondary);border-radius:var(--radius-full);padding:2px}.metrics-period-btn{font-family:var(--font-family);font-size:var(--text-small);border:none;border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);cursor:pointer;transition:all .15s ease}.metrics-period-btn--active{font-weight:var(--weight-semibold);color:var(--text-primary);background:var(--bg-surface);box-shadow:var(--shadow-sm)}.metrics-period-btn--inactive{font-weight:var(--weight-medium);color:var(--text-tertiary);background:transparent;box-shadow:none}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-5)}.metrics-notes-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.metrics-notes-icon{width:28px;height:28px;border-radius:50%;background:var(--text-tertiary);display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff}.metrics-notes-textarea{font-family:var(--font-family);font-size:var(--text-body);color:var(--text-primary);background:transparent;border:none;width:100%;resize:vertical;outline:none;line-height:var(--leading-relaxed)}@keyframes pulse-loading{0%,to{opacity:1}50%{opacity:.4}}.skeleton{background:var(--bg-hover);border-radius:var(--radius-sm);animation:pulse-loading 1.5s ease-in-out infinite}