@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--main-bg:#f0f4f0;--card-bg:#fff;--text-dark:#2c3e2d;--text-muted:#6b7c6b;--border:#d0ddd0;--accent-green:#4caf50;--sb-width:260px;--sb-bg:#f8fdf9;--sb-border:#e2f0e8;--sb-logo-bg:#1a3d2b;--sb-text:#3d6b52;--sb-text-muted:#7aab8e;--sb-hover-bg:#edf7f1;--sb-hover-text:#1a3d2b;--sb-active-bg:#2d6a4f;--sb-active-text:#fff;--sb-active-icon:#ffffffe6;--sb-icon-bg:#e8f5ed;--sb-icon-color:#2d6a4f;--sb-sub-border:#c8e6d0;--sb-sub-text:#5a8f72;--sb-sub-active:#1a3d2b;--sb-dot:#b0d9be;--sb-dot-active:#2d6a4f;--sb-search-bg:#fff;--sb-search-border:#d4ead9}*{box-sizing:border-box}.sidebar{width:var(--sb-width);background:var(--sb-bg);z-index:100;height:100vh;box-shadow:1px 0 0 var(--sb-border);border-right:none;flex-direction:column;font-family:Inter,Segoe UI,system-ui,sans-serif;display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:1px 0 12px #2d6a4f14}.sidebar-logo{background:var(--sb-logo-bg);border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:11px;padding:17px;display:flex}.sidebar-logo-icon{background:#ffffff26;border:1px solid #fff3;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sidebar-logo-text{color:#fff;letter-spacing:.2px;font-size:15.5px;font-weight:700}.sidebar-logo-sub{color:#ffffff73;letter-spacing:1.2px;text-transform:uppercase;margin-top:1px;font-size:10px}.sidebar-search{background:var(--sb-search-bg);border:1.5px solid var(--sb-search-border);border-radius:9px;flex-shrink:0;align-items:center;gap:8px;margin:12px 12px 6px;padding:0 12px;transition:border-color .2s,box-shadow .2s;display:flex}.sidebar-search:focus-within{border-color:#2d6a4f;box-shadow:0 0 0 3px #2d6a4f14}.sidebar-search-icon{color:var(--sb-text-muted);flex-shrink:0;align-items:center;display:flex}.sidebar-search-input{color:var(--sb-text);background:0 0;border:none;outline:none;width:100%;padding:9px 0;font-family:inherit;font-size:12.5px}.sidebar-search-input::placeholder{color:#b0ccba}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#7aab8e transparent;flex:1;min-height:0;padding:16px 12px 24px;overflow:hidden scroll}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-thumb{background:#7aab8e;border-radius:4px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#2d6a4f}.sidebar-section-label{letter-spacing:1.1px;text-transform:uppercase;color:var(--sb-text-muted);opacity:.7;padding:12px 10px 4px;font-size:10px;font-weight:600}.sidebar-myspace{border-top:1px solid var(--sb-border);flex-shrink:0;padding:10px 12px 4px}.sidebar-item-wrapper{margin-bottom:1px}.sidebar-item{cursor:pointer;color:var(--sb-text);-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:9px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:background .14s,color .14s;display:flex}.sidebar-item:hover{background:var(--sb-hover-bg);color:var(--sb-hover-text)}.sidebar-item:hover .sidebar-item-icon{color:#1a3d2b;background:#d4eddc}.sidebar-item.active{background:var(--sb-active-bg);color:var(--sb-active-text);font-weight:600}.sidebar-item.active .sidebar-item-icon{color:var(--sb-active-icon);background:#ffffff2e}.sidebar-item-icon{background:var(--sb-icon-bg);width:30px;height:30px;color:var(--sb-icon-color);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:background .14s,color .14s;display:flex}.sidebar-item-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-chevron{color:var(--sb-text-muted);flex-shrink:0;align-items:center;transition:transform .22s;display:flex}.sidebar-chevron.rotated{transform:rotate(180deg)}.sidebar-item.active .sidebar-chevron{color:#fff9}.sidebar-submenu{border-left:1.5px solid var(--sb-sub-border);margin:2px 0 4px 14px;padding-left:14px}.sidebar-subitem{color:var(--sb-sub-text);border-radius:7px;align-items:center;gap:9px;margin-bottom:6px;padding:6px 10px;font-size:12.5px;font-weight:400;text-decoration:none;transition:background .13s,color .13s;display:flex}.sidebar-subitem:hover{background:var(--sb-hover-bg);color:var(--sb-sub-active)}.sidebar-subitem.active{color:var(--sb-sub-active);background:#e0f2e8;font-weight:600}.sidebar-subitem-dot{background:var(--sb-dot);border-radius:50%;flex-shrink:0;width:5px;height:5px;transition:background .13s,transform .13s}.sidebar-subitem.active .sidebar-subitem-dot{background:var(--sb-dot-active);transform:scale(1.3)}.sidebar-user{border:1.5px solid var(--sb-border);cursor:pointer;background:#fff;border-radius:10px;flex-shrink:0;align-items:center;gap:9px;margin:0 10px 12px;padding:10px 12px;transition:background .14s;display:flex}.sidebar-user:hover{background:var(--sb-hover-bg)}.sidebar-user-avatar{color:#fff;background:linear-gradient(135deg,#2d6a4f,#74c69d);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.sidebar-user-name{color:#1a3d2b;font-size:12.5px;font-weight:600}.sidebar-user-role{color:var(--sb-text-muted);font-size:10.5px}.sidebar-user-arrow{color:var(--sb-text-muted);margin-left:auto;display:flex}*{box-sizing:border-box;font-family:Inter,sans-serif}body{background:#f8fafc;margin:0}a{color:inherit}button:hover{opacity:.9}