*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#f5f5f5;color:#333}button{font-family:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-shell.is-login{height:100vh;overflow:hidden}.app-header{height:56px;position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background-color:#fff;box-shadow:0 2px 8px #00000014}.logo{font-weight:700;font-size:18px;color:#ff6b35;text-decoration:none}.app-nav{display:flex;align-items:center;gap:12px}.app-nav-toggle{display:none;width:44px;height:44px;border-radius:12px;border:1px solid #e6e6e6;background-color:#fff;cursor:pointer;font-size:22px;font-weight:700;color:#333}.app-nav a,.app-nav-btn{padding:8px 10px;border-radius:10px;font-size:14px;font-weight:600;color:#333;background-color:transparent;text-decoration:none;border:none;cursor:pointer}.app-nav a:hover,.app-nav-btn:hover{background-color:#fafafa}.app-nav-overlay{display:none}.app-nav-overlay-inner{height:100%;width:100%;background-color:#fff;padding:16px;display:flex;flex-direction:column;gap:16px}.app-nav-mobile{display:flex;flex-direction:column;gap:12px}.app-nav-mobile .primary-btn{width:100%;display:flex;align-items:center;justify-content:center;text-decoration:none}.app-main{flex:1;padding:80px 24px 24px}.app-shell.is-login .app-main{padding:0;height:calc(100vh - 56px);flex:0 0 auto;overflow:hidden}.card{background-color:#fff;border-radius:12px;box-shadow:0 8px 16px #0000000f;padding:16px 20px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-body{font-size:14px}.card-footer{display:flex;justify-content:stretch;margin-top:12px}.card-footer .primary-btn{width:100%;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center}.activity-filter-select{padding:8px 10px;border-radius:8px;border:1px solid #e6e6e6;background-color:#fff;color:#333;font-size:14px}.activity-list{list-style:none;margin:0;padding:0}.activity-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eeeeee}.activity-item.clickable{cursor:pointer}.activity-item.clickable:hover{background-color:#fafafa}.activity-item:last-child{border-bottom:none}.activity-main{display:flex;flex-direction:column}.activity-title{font-weight:600;margin-bottom:4px}.activity-meta{display:flex;gap:8px;font-size:13px;color:#666}.activity-side{font-size:13px;color:#666}.badge{padding:2px 8px;border-radius:999px;background-color:#fff3e6;color:#e85b28;font-size:12px}.primary-btn{padding:10px 20px;border-radius:8px;border:none;background-color:#ff6b35;color:#fff;font-size:14px;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease,transform .05s ease}.primary-btn:hover{background-color:#e85b28;box-shadow:0 8px 16px #e85b2859}.primary-btn:disabled{background-color:#ffb08d;cursor:default;box-shadow:none}.dashboard{max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.dashboard-header .title h1{margin:0;font-size:24px}.dashboard-header .title p{margin:4px 0 0;color:#666;font-size:14px}.dashboard-content{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,2fr);gap:16px}.activities-column{display:flex;flex-direction:column;gap:12px}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.insight-block h3{margin-top:0;margin-bottom:8px;font-size:15px}.insight-block ul{margin:0;padding-left:16px;font-size:13px}.insights-carousel-wrap{display:flex;justify-content:stretch}.insights-carousel{width:100%;display:flex;gap:14px;overflow-x:auto;padding:8px 0 12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none}.insights-carousel::-webkit-scrollbar{display:none}.insights-carousel-slide{flex:0 0 auto;width:min(360px,90vw);aspect-ratio:9 / 16;background-color:#fff;border-radius:16px;box-shadow:none;scroll-snap-align:center;padding:16px}.insights-carousel-slide-inner{height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px}.insights-carousel-slide-inner h2{margin:0;font-size:18px;font-weight:700;color:#333}.insights-carousel-slide-inner ul{margin:0;padding-left:16px;font-size:13px;color:#444}.insights-carousel-slide-inner p{margin:0;font-size:13px;color:#666}.insights-metrics{width:100%;display:flex;flex-direction:column;gap:10px}.insights-metric{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:#444}.insights-carousel-controls{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.carousel-arrow{width:44px;height:44px;border-radius:12px;border:1px solid #e6e6e6;background-color:#fff;cursor:pointer;font-size:20px;font-weight:700;color:#333}.carousel-arrow:disabled{opacity:.4;cursor:default}.carousel-counter{font-size:14px;color:#666;font-weight:600}.sync-container{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.sync-message{margin:0;font-size:12px;color:#555}.error-banner{position:fixed;left:16px;right:16px;bottom:16px;padding:12px 16px;background-color:#ffe0dd;color:#7f1d1d;border-radius:8px;box-shadow:0 8px 18px #0000002e;font-size:13px}@media (max-width: 768px){.app-main{padding:72px 16px 16px}.app-nav{display:none}.app-nav-toggle{display:inline-flex;align-items:center;justify-content:center}.app-nav-overlay{display:block;position:fixed;inset:56px 0 0;z-index:40;background-color:#00000080;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,visibility 0s linear .16s}.app-nav-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .16s ease}.dashboard-content{grid-template-columns:minmax(0,1fr)}}