:root{--bg: #e3e8ee;--bg2: #f8f8fa;--bg3: #ffffff;--border: rgba(0,0,0,.15);--border2: rgba(0,0,0,.15);--text: #1a1a18;--text2: #9b9b97;--text3: #6b6b67;--green: #1d9e75;--green-bg: #DDF6EC;--green-text: #065F46;--amber: #ba7517;--amber-bg: #FEF3C7;--amber-text: #92400E;--red: #e24b4a;--red-bg: #FEE2E2;--red-text: #991B1B;--blue: #378add;--blue-bg: #e6f1fb;--blue-text: #0c447c;--purple: #7f77dd;--purple-bg: #eeedfe;--purple-text: #3c3489;--radius: 8px;--radius-lg: 12px;--sidebar-w: 220px;--sidebar-bg: #272c33;--sidebar-border: rgba(255,255,255,.08);--sidebar-text: #e8e8e4;--sidebar-text2: #6b6b67;--sidebar-active-bg: rgba(255,255,255,.1);--sidebar-active-border: #e8e8e4;--logo-height: 28px;--logo-max-width: 40px;--logo-title-size: 13px;--logo-title-weight: 700;--logo-title-color: var(--sidebar-text);--logo-sub-size: 10px;--logo-sub-color: var(--sidebar-text2);--nav-label-size: 10px;--nav-label-weight: 600;--nav-label-color: #8fc1de;--nav-item-size: 14px;--nav-item-weight: 400;--nav-item-weight-active: 500;--nav-icon-size: 15px;--header-bg: var(--bg2);--header-border: var(--border);--header-title-size: 15px;--header-title-weight: 500;--header-padding: 14px 24px;--btn-font-size: 13px;--btn-padding: 6px 12px;--btn-radius: var(--radius);--btn-border: .5px solid var(--border2);--input-font-size: 13px;--input-padding: 7px 10px;--input-radius: var(--radius);--input-bg: var(--bg2);--card-bg: var(--bg2);--card-border: .5px solid var(--border);--card-radius: var(--radius-lg);--card-padding: 16px 20px;--row-padding: 9px 16px;--row-font-size: 13px;--scrollbar-width: 4px;--scrollbar-color: var(--border2)}@media (prefers-color-scheme: dark){:root{--bg: #e3e8ee;--bg2: #f8f8fa;--bg3: #ffffff;--border: rgba(0,0,0,.15);--border2: rgba(0,0,0,.15);--text2: #9b9b97;--text3: #6b6b67;--green-bg: #DDF6EC;--green-text: #065F46;--amber-bg: #FEF3C7;--amber-text: #92400E;--red-bg: #FEE2E2;--red-text: #991B1B;--blue-bg: #e6f1fb;--blue-text: #0c447c;--purple-bg: #eeedfe;--purple-text: #3c3489;--sidebar-bg: #272c33;--sidebar-border: rgba(255,255,255,.08);--sidebar-text: #e8e8e4;--sidebar-text2: #6b6b67;--sidebar-active-bg: rgba(255,255,255,.1);--sidebar-active-border: #e8e8e4;--nav-label-color: #8fc1de}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);height:100vh;overflow:hidden}button{cursor:pointer;font-family:inherit;font-size:var(--btn-font-size);padding:var(--btn-padding);border:var(--btn-border);border-radius:var(--btn-radius);background:transparent;color:var(--text);transition:background .15s,opacity .15s}button:hover{background:var(--bg3)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--text);color:var(--bg);border-color:var(--text)}button.primary:hover{opacity:.85;background:var(--text)}input,select,textarea{font-family:inherit;font-size:var(--input-font-size);padding:var(--input-padding);border-radius:var(--input-radius);background:var(--input-bg);border:.5px solid var(--border2);color:var(--text);width:100%;outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--blue)}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:var(--scrollbar-width)}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-color);border-radius:2px}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--sidebar-bg);border-right:.5px solid var(--sidebar-border);display:flex;flex-direction:column;overflow:hidden}.sidebar-logo{padding:12px 14px;border-bottom:.5px solid var(--sidebar-border);cursor:pointer;flex-shrink:0;display:flex;align-items:center;gap:10px;text-decoration:none}.sidebar-logo:hover{opacity:.85}.sidebar-logo-img{height:var(--logo-height);max-width:var(--logo-max-width);object-fit:contain;flex-shrink:0}.sidebar-logo-text{display:flex;flex-direction:column;min-width:0}.sidebar-logo-title{font-size:var(--logo-title-size);font-weight:var(--logo-title-weight);color:var(--logo-title-color);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-logo-sub{font-size:var(--logo-sub-size);color:var(--logo-sub-color);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav{flex:1;overflow-y:auto;padding:6px 0}.nav-section-label{font-size:var(--nav-label-size);font-weight:var(--nav-label-weight);color:var(--nav-label-color);letter-spacing:.07em;text-transform:uppercase;padding:8px 14px 3px}.nav-item{display:flex;align-items:center;gap:8px;padding:6px 14px;font-size:var(--nav-item-size);font-weight:var(--nav-item-weight);color:var(--sidebar-text2);border-right:2px solid transparent;text-decoration:none;transition:background .1s}.nav-item:hover{background:var(--sidebar-active-bg)}.nav-item.active{color:var(--sidebar-text);font-weight:var(--nav-item-weight-active);background:var(--sidebar-active-bg);border-right:2px solid var(--sidebar-active-border)}.nav-item i{font-size:var(--nav-icon-size);flex-shrink:0}.sidebar-family{border-top:.5px solid var(--sidebar-border);padding:10px 12px;flex-shrink:0}.sidebar-family-label{font-size:var(--nav-label-size);font-weight:var(--nav-label-weight);color:var(--nav-label-color);letter-spacing:.07em;text-transform:uppercase;margin-bottom:6px}.sidebar-footer{border-top:.5px solid var(--sidebar-border);padding:8px 12px;flex-shrink:0}.page-header{padding:var(--header-padding);border-bottom:.5px solid var(--header-border);display:flex;align-items:center;gap:12px;flex-shrink:0;background:var(--header-bg)}.page-header-title{font-size:var(--header-title-size);font-weight:var(--header-title-weight);color:var(--text)}.page-header-subtitle{font-size:12px;color:var(--text3);margin-top:1px}.card{background:var(--card-bg);border:var(--card-border);border-radius:var(--card-radius);overflow:hidden;margin-bottom:14px}.card-header{padding:10px 16px;border-bottom:.5px solid var(--border);font-weight:600;font-size:13px;color:var(--text)}.card-body{padding:var(--card-padding)}.data-row{display:flex;justify-content:space-between;padding:var(--row-padding);border-bottom:.5px solid var(--border);font-size:var(--row-font-size)}.data-row-label{color:var(--text2)}.data-row-value{color:var(--text)}.badge{font-size:11px;padding:2px 8px;border-radius:10px;font-weight:500}.badge-green{background:var(--green-bg);color:var(--green-text)}.badge-amber{background:var(--amber-bg);color:var(--amber-text)}.badge-red{background:var(--red-bg);color:var(--red-text)}.badge-blue{background:var(--blue-bg);color:var(--blue-text)}.badge-purple{background:var(--purple-bg);color:var(--purple-text)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.spin{animation:spin 1s linear infinite}.fade-in{animation:fade-in .2s ease forwards}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media print{.sidebar,.no-print{display:none!important}html,body,#root{height:auto!important;overflow:visible!important}#root>div,#root>div>main{height:auto!important;overflow:visible!important;display:block!important}.print-root{display:block!important;overflow:visible!important;height:auto!important;padding:0!important}.print-page-break{page-break-before:always}.print-avoid-break{page-break-inside:avoid}@page{size:A4;margin:10mm 16mm}html{-webkit-print-color-adjust:exact}body{background:#fff!important;color:#1a1a18!important}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (max-width: 768px){.sidebar-desktop{display:none!important}}@media (min-width: 769px){.sidebar-mobile,.sidebar-overlay,.mobile-topbar{display:none!important}}.mobile-topbar{display:flex;align-items:center;gap:10px;padding:0 14px;height:52px;flex-shrink:0;background:var(--bg2);border-bottom:.5px solid var(--border);position:relative;z-index:10}.mobile-burger{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:var(--radius);background:transparent;color:var(--text);flex-shrink:0}.mobile-burger i{font-size:20px}.mobile-burger:hover{background:var(--bg3)}.mobile-topbar-title{flex:1;font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-topbar-logo{height:26px;max-width:40px;object-fit:contain;flex-shrink:0}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:200;animation:fade-in-overlay .2s ease forwards}@keyframes fade-in-overlay{0%{opacity:0}to{opacity:1}}.sidebar-mobile{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);max-width:85vw;z-index:300;background:var(--sidebar-bg);border-right:.5px solid var(--sidebar-border);display:flex;flex-direction:column;overflow:hidden;transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);will-change:transform}.sidebar-mobile.sidebar-mobile--open{transform:translate(0);box-shadow:4px 0 24px #00000040}.sidebar-close-btn{display:none;margin-left:auto;flex-shrink:0;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:var(--radius);background:transparent;color:var(--sidebar-text2);cursor:pointer;transition:background .15s}.sidebar-close-btn i{font-size:16px}.sidebar-close-btn:hover{background:var(--sidebar-active-bg)}.sidebar-mobile .sidebar-close-btn{display:flex}.signals-page{padding:20px 24px;max-width:1100px}.signals-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.signals-title{font-size:20px;font-weight:500;color:var(--color-text-primary)}.signals-controls{display:flex;gap:10px}.member-select,.period-select{padding:6px 10px;border-radius:8px;border:.5px solid var(--color-border-secondary);background:var(--color-background-secondary);color:var(--color-text-primary);font-size:13px;cursor:pointer}.signals-stats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.stat-pill{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;border:.5px solid var(--color-border-tertiary);background:var(--color-background-secondary);font-size:12px}.stat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.stat-num{font-weight:500;font-size:13px;color:var(--color-text-primary)}.stat-label{color:var(--color-text-secondary)}.heatmap-wrap{background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:12px;padding:16px;margin-bottom:12px;overflow:hidden}.heatmap-scroll{overflow-x:auto;padding-bottom:4px}.heatmap-loading{height:140px;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);font-size:14px}.signals-legend{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:11px;color:var(--color-text-secondary);margin-bottom:20px}.legend-item{display:flex;align-items:center;gap:4px}.legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.signal-drawer{background:var(--color-background-primary);border:.5px solid var(--color-border-secondary);border-radius:12px;padding:16px;margin-top:8px;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.drawer-date{font-size:14px;font-weight:500;color:var(--color-text-primary)}.drawer-close{background:transparent;border:none;cursor:pointer;color:var(--color-text-tertiary);font-size:16px;padding:2px 6px;border-radius:6px}.drawer-close:hover{background:var(--color-background-secondary)}.drawer-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.signal-chip{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:20px;border:.5px solid var(--color-border-tertiary);background:var(--color-background-secondary);color:var(--color-text-secondary);font-size:13px;cursor:pointer;transition:all .15s;font-family:var(--font-sans)}.signal-chip:hover{border-color:var(--color-border-secondary)}.chip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.chip-active{font-weight:500}.save-signal-btn{width:100%;padding:10px;background:#534ab7;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;font-family:var(--font-sans);transition:opacity .15s}.save-signal-btn:hover{opacity:.9}.save-signal-btn:disabled{opacity:.5;cursor:default}.signal-alert{display:flex;gap:10px;padding:12px 14px;border-radius:10px;background:#e24b4a12;border:.5px solid rgba(226,75,74,.25);margin-bottom:16px;font-size:13px;color:var(--color-text-secondary);line-height:1.5}.signal-alert strong{color:#a32d2d}@media (max-width: 600px){.signals-page{padding:14px 12px}.signals-header{flex-direction:column;align-items:flex-start}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}#root{height:100vh;display:flex}